Developers

Search

Are multiple H1 tags in Framer a problem?

Learn why multiple H1 tags can appear in Framer and why they’re usually not an SEO issue.

It’s common for SEO tools to flag multiple H1 tags on a Framer page. While that warning can look serious, it’s usually nothing to worry about.

Why multiple H1 tags appear

Framer duplicates certain elements to support responsive layouts. These duplicates are controlled with CSS media queries, which hide or show elements at different breakpoints. This approach is intentional. It helps ensure good performance, accessibility, and design flexibility across devices.

Because of this, you may see multiple H1 tags in the rendered HTML. Many SEO tools simply scan the raw HTML and flag this as a potential issue, without accounting for how the page is actually rendered.

How Google reads a page

Google doesn’t evaluate pages the same way most SEO tools do. It uses a headless Chromium browser to fully render each page, including all CSS and JavaScript. This allows Google to understand which elements are actually visible to users.

Hidden elements, including duplicated headings controlled by media queries, are recognized and ignored during indexing. In practice, this means that responsive H1 duplicates in Framer typically don’t cause SEO problems.

It’s common for SEO tools to flag multiple H1 tags on a Framer page. While that warning can look serious, it’s usually nothing to worry about.

Why multiple H1 tags appear

Framer duplicates certain elements to support responsive layouts. These duplicates are controlled with CSS media queries, which hide or show elements at different breakpoints. This approach is intentional. It helps ensure good performance, accessibility, and design flexibility across devices.

Because of this, you may see multiple H1 tags in the rendered HTML. Many SEO tools simply scan the raw HTML and flag this as a potential issue, without accounting for how the page is actually rendered.

How Google reads a page

Google doesn’t evaluate pages the same way most SEO tools do. It uses a headless Chromium browser to fully render each page, including all CSS and JavaScript. This allows Google to understand which elements are actually visible to users.

Hidden elements, including duplicated headings controlled by media queries, are recognized and ignored during indexing. In practice, this means that responsive H1 duplicates in Framer typically don’t cause SEO problems.

FAQ

  • Why does Framer generate multiple H1 tags in the HTML?

    Framer duplicates certain elements and uses CSS media queries to hide or show them at different breakpoints. This approach is intentional and ensures optimal performance and accessibility. As a result, multiple H1 tags may appear in the rendered HTML.

  • Will having multiple H1 tags in Framer negatively impact my SEO?

    Although multiple H1 tags may trigger warnings in some SEO tools, these tools perform a simpler HTML analysis compared to Google. Google uses a headless Chromium browser to fully render pages, processing both CSS and JavaScript. It recognizes and ignores hidden elements, so duplicated H1 tags created by media queries are typically not an issue.

  • How does Google interpret hidden or duplicated elements on Framer sites?

    Google fully renders pages using a headless Chromium browser, which allows it to accurately interpret visible content, including responsive and dynamic elements. It recognizes and ignores hidden elements, so duplicated H1 tags that are hidden by media queries do not affect how Google indexes your site.

Updated

Related articles

Fixing uncrawlable overlay content

Guide to Lighthouse scores

Guide to SEO features and tools

How fonts are optimized in Framer

How Framer optimizes images