Best SEO Practices: How to Format Browser Titles and Meta Descriptions for Search Engines

Best SEO Practices: How to Format Browser Titles and Meta Descriptions for Search Engines

By Michael Thompson

December 1, 2024 at 09:36 AM

Custom SEO title formats help determine how your pages appear in browser tabs and search results. Here's how to optimize them effectively:

Basic Format Variables:

  • %s: Site title
  • %p: Page SEO title (falls back to page title)
  • %i: Collection item SEO title (falls back to item title)

Preview of the Bline theme demo site

Preview of the Bline theme demo site

How to Edit Title Formats:

  1. Open SEO appearance panel
  2. Navigate to Display Format in Search section
  3. Choose Home, Page, or Item tab
  4. Edit SEO Title Format field
  5. Click Save

Squarespace search page

Squarespace search page

Format Types and Best Practices:

Page Title Format:

  • Default: "Page Title - Site Name" (%p - %s)
  • Applies to all standard pages
  • Always include %p to display SEO titles properly

Homepage Title Format:

  • Default: Site title (%s)
  • Custom text can be added
  • %p retrieves previous SEO title or page title

Collection Item Format:

  • Default: "Item Title - Site Name" (%i - %s)
  • Used for blog posts, products, events
  • Include %i to ensure proper title display

Optimization Tips:

Brand-First Format:

  • Use when brand recognition is important
  • Structure: %s - %p (Site Name - Page Title)
  • Example: "Healthy Living - Easy Vegan Recipes"

Content-First Format:

  • Better for SEO and content discovery
  • Structure: %p - %s (Page Title - Site Name)
  • Example: "Easy Vegan Recipes - Healthy Living"

Remember to maintain consistency across your site while prioritizing either brand visibility or content discoverability based on your marketing goals.

Related Articles

Previous Articles