What is Heading Hierarchy?
Definition
Heading hierarchy refers to the structured use of HTML heading tags (H1 through H6) in descending order of importance. A correct hierarchy has one H1, followed by H2 sections, with H3 subsections nested inside H2s. This structure helps both users and search engines understand the organisation of content.
Why Heading Hierarchy matters for Shopify stores
Shopify product descriptions and blog posts often break heading hierarchy by jumping from H1 to H4, or using heading tags for visual styling rather than semantic meaning. Search engines use heading structure to understand page content — broken hierarchy reduces crawl quality.
Shopify example
A supplement store's product page uses H1 for product name, H2 for 'Key Benefits', 'Ingredients', and 'How to Use', then H3 for subsections like 'Vitamin D3' within the ingredients section. No heading levels are skipped.
How Sauron handles Heading Hierarchy
Sauron's on-page audit flags heading hierarchy violations — missing H1, skipped levels, and multiple H1s — so you can fix structural issues before they suppress rankings.
Common mistakes
- ✕ Skipping heading levels (H1 → H4) for visual sizing rather than semantic meaning
- ✕ Using H2 or H3 tags for decorative elements like testimonial quotes
- ✕ Multiple H1 tags when a page has multiple 'sections' with separate themes
- ✕ No headings at all in long product descriptions, making content hard to scan
Related terms
Automate your Shopify SEO
Understanding Heading Hierarchy is step one. Sauron handles the implementation — automatically, for your entire Shopify store.