How to fix empty heading on Webflow

Find every empty heading tag on your store and add visible, descriptive text (or remove the tag entirely) so screen readers and search engines can interpret your page structure.

Steps for Webflow

  1. Open your Webflow project in the Designer and navigate to the page or component with the empty heading.
  2. In the Navigator panel (left sidebar), find the Heading element with no text node child — it will show as 'Heading' with no label.
  3. Double-click the Heading element on the canvas and type descriptive text.
  4. If the heading exists only for layout/styling (e.g. an empty spacer), select it, open Element Settings (D key), and change the Tag to `div` or `p` instead of `h1`–`h6`.
  5. For CMS-bound headings that may be empty when a field is blank: in the Collection template, bind the Heading to the CMS field, then in the element's settings add a Conditional Visibility rule to hide the Heading when the field is empty.
  6. Publish and verify with the axe DevTools browser extension.
Official Webflow documentation ↗

What is empty heading?

A heading tag — `<h1>`, `<h2>`, `<h3>`, and so on — is supposed to label a section of a page, like a chapter title in a book. An "empty heading" is one of those tags that exists in your page's code but contains no readable text: it might be completely blank, hold only a spacer character, or contain an icon with no text alternative. Because the tag is there but says nothing, screen readers announce "heading" to a blind or low-vision visitor and then go silent — which is confusing and often disorienting.

Accessibility & legal risk: WCAG 2.1 Success Criterion 1.3.1 (Info and Relationships) and 2.4.6 (Headings and Labels) require headings to be meaningful. Empty headings fail these criteria, exposing your store to accessibility complaints, ADA/AODA/EAA legal action, and — in many jurisdictions — potential litigation. *SEO:* Search engines use heading tags as strong signals for what a page is about. Empty headings dilute the heading hierarchy and give crawlers nothing useful, which can hurt rankings for the sections those headings are meant to introduce. *Conversions:* A broken page structure frustrates assistive-technology users, who represent roughly 15–20 % of the global population, and causes them to abandon your store.

See the complete Empty heading guide for every platform and the full background.

Not sure if your Webflow store has this?

Run a free SEOLZ scan — we’ll find empty heading and every other issue across your whole site.

Scan my site free

Fix empty heading on another platform