Search engines use header tags to understand and rank your site's content. In Squarespace, these tags are automatically created - you don't need any coding experience to implement them correctly.

Headers are applied in two ways on Squarespace:

• When you format text as a header using the toolbar
• Automatically for key site elements like page titles and collection items

Best Practices for Header Tags

• Use headers in descending order (H1 to H3) for clear content hierarchy
• Structure headers to guide visitors from broad to specific information
• Write headers that help both readers and search engines understand your content quickly

Header Tag Implementation in Squarespace 7.1

Text formatting automatically creates these HTML tags:

• H1: Main headers
• H2: Section headers
• H3: Subsection headers
• H4: Minor headers
• P: Paragraph text (sizes 1, 2, and 3)

Automatic Header Tags by Page Type:

Blog Pages:

• Blog post titles: H2 on collection pages
• Individual post titles: H1 on post pages

Store Pages:

• Product titles on collection pages: No header tag
• Individual product pages: H1

Portfolio Pages:

• Portfolio items: H2 on collection pages
• Individual portfolio items: H1 on item pages

Events:

• Event titles: H2 on collection pages
• Individual event pages: H1

Template-Specific Header Tags Header tag implementation varies by template family. Common elements include:

• Page titles: H1 (most templates)
• Site titles: Varies by template
• Collection item titles: H2 or no tag, depending on template

Customizing Headers You can modify header styles through the Site Styles panel without affecting their HTML tag structure. Font styles are independent of HTML tags, allowing for flexible design while maintaining proper SEO structure.

Related Articles

Previous Articles