You can use title formats to customize how the titles of your pages and content display. These titles identify pages in browser tabs and may display in search results.
Page titles vs. navigation titles
Every page on your site has a navigation title and a page title, which you can set in its Page Settings. These titles have different purposes and don't need to match.
Title formats only affect page titles.
Page titles appear in browser address bars, and may appear in search engine results. In some templates, a page title can display on the page itself. Clear, informative page titles like "About South St. Cafe," "Book a Vinyasa Yoga Consultation," and "Sculptor Jane Cabbott" provide more information to search engines, helping visitors understand the page's purpose.
Navigation titles represent your site's pages in your navigation menus. They also appear in the Pages panel when you're logged into your site. Short navigation titles like "About," "Contact," and "Bio" save space and make your site easier to navigate.
Title formats don't affect navigation titles.
Understanding title formats
Title formats control how page titles appear in browser tabs and search engine results. You can set the order of information, add default text, and include other information, like your site title, using these variables:
- %s - Displays the Site Title (set in the Logo & Title panel)
- %p - Displays the page title
- %i - Displays the collection item's title, like an individual blog post, product, or event.
Tip: In the title format box, hover over the ? icon to display a list of supported variables.
A site titled Healthy Living has a blog page titled Easy Vegan Recipes. With the page title format "%s - %p" this will display as "Healthy Living - Easy Vegan Recipes." If the same site has an events page titled Upcoming Classes, this will display as "Healthy Living - Upcoming Classes."
Tip: The example in the SEO panel uses "Blog" as a sample page title.
Edit title formats
In the Home Menu, click Settings, and then click SEO. In the SEO panel, find the title format you'd like to edit. See the sections below for specific steps.
Page Title Format
The Page Title Format sets the title of all pages on your site except your homepage and collection items. This displays Page Title — Site Name by default, using the variables %p and %s.
The Page Title Format sets what browsers display when someone visits a page on your site.
This also affects how individual pages appear in search engines.
Homepage Title Format
The Homepage Title Format sets how your homepage title displays. This displays your Site Title by default, using the variable %s.
Tip: To change your Site Title, go to the Design panel, and click Logo & Title. To learn more, visit Adding a site title.
The Homepage Title Format sets what browsers display when someone visits your homepage.
This also affects how your site appears in search engines.
Collection Item Title Format
The Collection Item Title Format sets the title for blog posts, events, album tracks, or products. This displays Item Title — Site Name by default, using the variables %i and %s.
The Item Title Format sets what browsers display when someone visits a blog post, product, event, or album track on your site.
This also affects how your items appear in search engines.
How should I use title formats?
Here are some recommendations:
Place the site name first
If you place the Site Title first in a title format, this puts emphasis on the name of your site for search results, rather than focusing on the more content-specific titles of collections or items.
This method may be a good choice for businesses or companies with brand recognition, where visitors will be searching for your brand by name.
Place the collection or item title first
If you place the Page or Collection Item title first, you're placing more importance on the individual content getting picked up in search results, rather than just the site name itself.
For example, bloggers who want to have their blog posts ranked higher in search results might put the Item Title first (in this case, a blog post’s title). Others may want to draw attention to a specific page and could put the Page Title first.
Tip: To learn more about SEO, visit Increasing your site's visibility to search engines.