Changing title formats for SEO and browser tabs

Edit the title formats for your pages to decide what shows in browser tabs or search engine results.

Last updated January 7, 2025

With SEO title formats, you can create a consistent structure for how your pages look in browser tabs, search engine results, and social posts linking to your content.

Tite_formats_browser_tabs.png

Tite_formats_browser_tabs.png

Tip

You can also add a favicon image that displays next to a page's title.

Watch a video

Edit SEO title formats

Your site includes default title formats for your pages, homepage, and collection items. For more customization, you can change them by adding, reordering, and deleting information in each field.

To edit a title format:

  1. Open the SEO appearance panel.
  2. In the Search Appearance area, click the Home, Pages, or Items tab.
  3. Edit the SEO Title Format field to include any of the variables below.
  4. For the homepage, you can also add an SEO site description.
  5. When you're done, click Save.

seo-title-format.png

seo-title-format.png
  1. Tap More, tap Marketing, then tap SEO.
  2. Edit the Title Format fields to include any of the variables below.
  3. Tap Save.

For the variables, use any of these:

  • %s - The site title
  • %p - The page's SEO title (or page title if there is no SEO title)
  • %i - The SEO title of an individual collection item like a blog post, product, or event (or the collection item's title if there is no SEO title)

You can also add custom text. For example, if you set your homepage title format to %s | Digital Branding Agency, your site title will always be followed by that text. This is a great way to optimize your title with keywords.

Page title format

The page title format applies to all pages except your homepage and collection items. By default, the page title format is Page Title — Site Name, using the variables %p and %s.

%p pulls in the SEO title for that page. If the page doesn't have an SEO title, it pulls in the page title instead. Because you set SEO titles at a page level, the text that appears in browser tabs and search results will differ for each page.

If you don’t include %p in the SEO title format field in the Pages tab of the SEO appearance panel, neither an SEO title nor a page title will appear in browser tabs, even if you manually add an SEO title in the SEO tab of the page's settings. Search results may still populate the page title. 

To ensure a page's title or a custom SEO title appears in both browser tabs and search results, keep %p in the page title format.

Note

It’s not possible to customize the title format when linking to content filtered by a category or tag. Depending on the page type you’re linking to, the category or tag may appear alongside your designated page title format in browser tabs or search results.

Example

A site called Healthy Living has a Blog Page with the SEO title Easy Vegan Recipes.

With the page title format %s - %p, "Healthy Living - Easy Vegan Recipes" will display in browser tabs when viewing the main Blog Page.

If the same site has an Events Page with the SEO title Upcoming Classes, that page will display as "Healthy Living - Upcoming Classes."

Homepage title format

The homepage title format sets how your homepage appears in browser tabs and search engine results. By default, it's your site title using the variable %s.

Homepages and the %p variable

When you make a page your homepage, its SEO title field disappears from page settings. However, you can still include the %p variable in the homepage title format. The text it pulls into browser tabs and search results depends on whether or not you assigned an SEO title to the page before making it your homepage:

  • If your homepage previously had an SEO title, %p pulls in that title. To change this, make a different page your homepage temporarily, change the SEO title on the desired homepage, then set the page back as your homepage.
  • If your homepage never had an SEO title, %p pulls in the page title.

To set completely different text, add custom text to the title format field rather than a variable.

Note

The preview in the SEO tab of your homepage's page settings may show the page title rather than the SEO title.

Collection item title format

The collection item title format controls how collection items like blog posts, products, events, or album tracks look in browser tabs and search engine results. By default, the collection item title format is Item Title — Site Name, using the variables %i and %s.

If you don’t include %i in the SEO title format field in the Item tab of the SEO appearance panel, neither an SEO title nor an item title will appear in browser tabs, even if you manually add an SEO title in the SEO tab of the page's settings. Search results may still populate the item title. 

To ensure an item title or a custom SEO title appears in both browser tabs and search results, keep %i in the collection item title format.

Example

The Healthy Living site has a blog post titled Healthy vegan dinners for one.

With the collection item title format %i - %s, "Healthy vegan dinners for one - Healthy Living" will display in browser tabs.

The site also has an event called Meal Planning Workshop. The event will display as "Meal Planning Workshop - Healthy Living" in browser tabs.

Tips for writing title formats

The order of information in title formats is up to you, and it'll depend on what parts of your brand or content you want to emphasize first in browser tabs or search engine results.

Prioritize your site or brand

To have your site title or company name be the first words in a browser tab or search results link, place your site title (%s) in the beginning of the title format.

This is a good choice for businesses or companies with brand recognition, where visitors will be searching for your brand by name.

Prioritize the page or item

To have the title of the page, product, or blog post be the first words in a browser tab or search results link, place the page SEO title (%p) or item SEO title (%i) at the beginning of the title format. This places more importance on the content of the page rather than the entire site.

For example, bloggers who want to have their blog posts ranked higher in search results might put the item SEO title (%i) first in the collection item title format. This is also a good strategy if you expect that visitors will open your site's pages in many browser tabs at once. Having the page or item title first prevents the tabs from all looking the same.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.

Changing title formats for SEO and browser tabs