Best SEO Practices: How to Format Browser Titles and Meta Descriptions for Search Engines
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
How to Edit Title Formats:
- Open SEO appearance panel
- Navigate to Display Format in Search section
- Choose Home, Page, or Item tab
- Edit SEO Title Format field
- Click Save
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.