How to fix missing h1 on Webflow

Steps for Webflow

1. Open the Webflow Designer for the page.
2. In the Navigator panel (or on canvas), locate or add a 'Heading' element at the top of the page main content.
3. With the Heading element selected, look at the Element Settings panel (right side) — confirm the 'Tag' is set to 'H1' (not H2, H3, or Div).
4. Type your descriptive heading text directly on the canvas.
5. For CMS Collection pages (e.g. product detail, blog post): open the Collection Template page in the Designer, add a Heading block, set tag to H1, then bind it to the 'Name' or 'Title' CMS field using the purple binding icon.
6. Publish the site and verify with browser DevTools.

What is missing h1?

An H1 is the main heading on a webpage — think of it as the title printed at the top of a magazine article. It tells both visitors and search engines what the page is about in one clear phrase. Every page should have exactly one H1 tag (not zero, not three), and it should describe the page's primary topic using words your customers actually search for. On a product page that might be the product name; on a category page it might be the category name; on your homepage it might be your brand's core value proposition.

Search engines use the H1 as one of the strongest on-page signals to understand what a page covers and how it should rank. A missing H1 means Google has to guess the page topic from other less-reliable signals, which can lower your rankings for the exact keywords you care most about. For shoppers, a page without a visible heading looks unfinished and untrustworthy, hurting conversion rates. Accessibility tools and screen readers also rely on the H1 to help visually impaired users navigate your page — missing it creates a legal accessibility risk in many jurisdictions.

See the complete Missing h1 guide for every platform and the full background.