Search engines scan page titles as the first line of defense against spammy websites and they also play an integral part of an audience’s quest for relevant information on web pages.
Some templates include an option in their Style Editor that enables you to change the background color behind folder drop-down menus in navigation. This hue can be altered using the Folder background color tweak.
Custom Background Color or Image
Index pages offer options to set a background color or image, style clickable thumbnails and control how page titles appear. Each template’s guide offers more details.
Resizing the page may alter how thumbnail images appear when resized; to do this, use the Index thumb layout tweak in Index styles to customize how these appear when resizing is required.
Index pages also give you the flexibility of adding header and footer elements if your template supports them, making this ideal for sites displaying information about themselves like contact details or an About Us page. A cover page, which hides menu bar and footer elements altogether, makes a good option for creating sales-focused landing pages or sales copy. Furthermore, individual sections on an Index page can be stylized independently from global site style settings.
Colored Background
Long scrolling pages and Index pages that feature sections often utilize different background colors – whether to add visual interest, highlight important information or simply express brand personality. With simple custom code modifications, changing the background color of an Index page background is straightforward.
Index pages are an effective way of organizing content and navigation on your site, though their design options depend on which template is chosen. Grid and Slideshow-style Index pages offer you more freedom in terms of choosing thumbnail images for every section and making other adjustments to layout and appearance of their Indexes.
Stacked and Full-Width Index pages allow you to customise how the Page Title displays on the page, as well as how visitors click through to a connected page. Please refer to Squarespace’s Index Page Tutorial for more details on these options. Pro Tip: When writing Index Page titles, try keeping them short so they’re easier for readers – longer titles may get cut off on search engine results pages or social media.
Background Image
No matter if your Index page uses a grid or slideshow layout, how thumbnail images move and overlap when visitors hover over them depends on your template. Some templates offer flexibility in changing ratio, padding and page title appearance – giving your visitors an optimal experience!
Customize the title font and text size on a gallery page to achieve desired search engine results. Similarly, an SEO title and description will help optimize results in searches.
If your Index page features grid-style sections, you can customize their background colors using custom CSS code. To do this, edit your Index settings and find Style designations under Advanced tab. Once selected, adjust Section Color (rgba or hex) according to your design needs.
Thumbnail Image
Your Index page could either include a thumbnail grid or slideshow of image and description blocks to provide visual navigation for visitors to click through to a particular page. With Index thumb titles tweaks and Index sidebar content edit annotations you can make changes to how thumbnails are positioned, font sizes, navigation elements for both styles as well as their locations on the page.
Thumbnail image sizes depend on your Index thumbnail ratio settings and site width, and how they appear when resizing an Index page. The thumbnail layout also affects this appearance – to keep thumbnail images in their respective positions, set Basic grid as your thumb layout setting.
Pro Tip: Page title formats of more than 50 characters may be harder for search engines to read and may become truncated (with […] at the end). Therefore, consider keeping page title lengths to less than 50 characters for optimal performance.
