Squarespace automatically handles header tags (H1, H2, H3, etc.) to help structure your content and improve SEO. Here's how they work and how to use them effectively.

Automatic Header Tag Implementation

Squarespace applies header tags in two ways:

• When you format text as a heading using the text editor
• For key site elements like blog post titles and collection pages

SEO Benefits of Header Tags

Search engines use header tags to:

• Understand page content hierarchy
• Determine page topics
• Display relevant information in search results

Best practices for header tags:

• Use them in descending order (H1 to H3)
• Structure content from general to specific
• Write clear, descriptive headings

Default Header Tag Assignment

Blog Posts:

• Post titles on blog pages: Variable by template
• Post titles on individual pages: Usually H1

Online Store:

• Product titles on store pages: No tag
• Individual product pages: H1

Events:

• Event titles: H1 (all pages)

Portfolio:

• Collection pages: Variable by template
• Individual item pages: H1

Template-Specific Headers

Header tag implementation varies by template family. Common patterns:

• Site titles: Usually no tag or H1
• Page titles: H1
• Blog post titles: H1 or H2
• Collection items: H2 or H3

Styling Headers

You can customize header styles through the Site Styles panel:

• Font choices
• Text sizes
• Colors
• Spacing

Note: Header styling is independent of HTML tag assignment - changing the appearance doesn't affect the underlying HTML structure.

These automated header implementations help maintain proper SEO structure without requiring technical knowledge of HTML or web development.

Related Articles

Previous Articles