Search engines and visitors use header tags to understand and navigate website content. Squarespace automatically manages these HTML tags, requiring no coding experience from users.

Built-in Header Tag Structure

Squarespace automatically applies header tags in two ways:

• When formatting text as headers using the toolbar
• For key website elements like blog posts and collection pages

Text Formatting Options:

• Header 1 (

  ): Major page titles

• Header 2 (

  ): Section headings

• Header 3 (

  ): Subsections

• Header 4 (

  ): Minor headings

• Paragraph text: Regular content

Collection Page Header Tags:

Blog Pages:

• Post titles on list pages:

• Individual post titles:

• Pagination:

Store Pages:

• Product titles (list view): No tag
• Individual product pages:

Portfolio Pages:

• Project titles on list pages:

• Individual project pages:

SEO Best Practices:

• Use headers in descending order (h1 to h3)
• Structure content from broad to specific information
• Write clear, descriptive headers for both users and search engines

Template-Specific Tags:

• Page titles:

  (when displayed)

• Site titles: Varies by template
• Blog post titles: Varies by template family
• Product titles: No tag on collection pages,

  on individual pages

• Event titles: Consistent across templates

Styling Headers:

• Customize header styles through the Site Styles panel
• Font styles are independent of HTML tags
• Changes to header styles don't affect elements sharing the same tag

Note: Header tag implementation may vary based on template family and content type. Always structure headers logically to enhance user experience and SEO performance.

Related Articles

Previous Articles