Optimize Title Formats for SEO and Browser Tab Display

Optimize Title Formats for SEO and Browser Tab Display

By Michael Chen

December 1, 2024 at 09:35 AM

Modify your website's title formats to optimize search engine visibility and improve user experience in browser tabs. Here's how to do it effectively:

Title Format Components

  • %s - Site title
  • %p - Page SEO title (or page title if no SEO title exists)
  • %i - Collection item SEO title (for blog posts, products, or events)

Demo of minimalist Brine template

Demo of minimalist Brine template

How to Change Title Formats

  1. Navigate to SEO Settings
  2. Go to Search Appearance section
  3. Select Homepage, Pages, or Items tab
  4. Edit SEO Title Format field
  5. Save changes

Squarespace search page

Squarespace search page

Page Title Format Best Practices

  • Default format: Page Title — Site Name (%p — %s)
  • Always include %p to ensure titles appear in browser tabs
  • Custom text can be added for keyword optimization

Homepage Title Format Guidelines

  • Default displays site title (%s)
  • When using a page as homepage:
    • Previous SEO title remains if one existed
    • Page title shows if no SEO title was set
  • Custom text can replace variables

Collection Item Title Format Tips

  • Default format: Item Title — Site Name (%i — %s)
  • Include %i to ensure titles appear in browser tabs
  • Applies to blog posts, products, events, and album tracks

Optimization Strategies

Brand Focus:

  • Place %s first to emphasize your brand name
  • Ideal for established businesses

Content Focus:

  • Place %p or %i first to highlight specific content
  • Better for bloggers and content-heavy sites
  • Helps distinguish multiple open tabs

Example Implementation:

  • Site name: "Healthy Living"
  • Blog post: "Healthy Vegetarian Meals for One"
  • Format: %i - %s
  • Result: "Healthy Vegetarian Meals for One - Healthy Living"

Related Articles

Previous Articles