Tools/Heading Structure & Alt Text Checker
Free tool

Heading Structure & Alt Text Checker

Paste a page's HTML source, get its full heading structure and every image missing alt text — nothing uploaded, nothing leaves your browser.

This tool parses a page's raw HTML and pulls out two structural things at once: its full heading outline (every H1 through H6, in order) and every image tag, flagging which ones are missing alt text. It runs the check in your browser using the DOM parser built into every modern browser — nothing is sent anywhere.

It's for anyone about to publish or already maintaining a page — a business owner reviewing a page a freelancer built, a marketer auditing an existing blog post, a developer double-checking a template — who wants a quick structural read without opening browser devtools or reading raw HTML by eye.

Heading structure and alt text aren't cosmetic. The H1 is the strongest heading-level signal for what a page is about, a broken heading order makes the page harder to navigate for anyone using a screen reader, and missing alt text leaves images with no description at all for both assistive technology and image search. All three are things this tool surfaces in one pass over a single paste.

How to use this tool

  1. Open the page you want to check in your browser and right-click anywhere on it, then choose "View Page Source" (or press Ctrl+U on Windows, Cmd+Option+U on Mac).
  2. Select all the HTML shown and copy it.
  3. Paste the full HTML into the "Page HTML source" box on this page.
  4. Click "Analyze".
  5. Check the three summary numbers first — total headings, H1 count (should read exactly 1), and images missing alt text.
  6. Scroll the heading outline to see how sections nest under each other, and review the images list for anything flagged, then fix the source page and re-paste to confirm.

When to run this check

It's most useful right before you publish a new page, and again any time you substantially edit an existing one. Content edits are a common way heading order quietly breaks — someone adds a new section as an H2 when it should have been an H3 under the one above it, or a template change ends up duplicating the H1. Running this as a quick pre-publish step catches that before the page goes live, rather than after it's already been crawled.

Frequently asked questions

Why does having exactly one H1 matter?
The H1 is the strongest heading-level signal on the page for what it's actually about — both for search engines and for screen-reader users navigating by heading. Multiple H1s dilute that signal, and zero H1s leave the page without a clear topical anchor. One clear, descriptive H1 per page is the standard to aim for.
Is skipping a heading level (H2 straight to H4) actually a problem?
It's more of an accessibility issue than a ranking one — screen reader users navigate pages by jumping between heading levels, and a skipped level breaks that logical structure. It rarely tanks rankings by itself, but it's a real, easy-to-fix signal that the page's structure wasn't planned carefully, which often correlates with other issues.
Do all images need alt text, even decorative ones?
Every meaningful image should have descriptive alt text. Purely decorative images (a background flourish with no informational content) should have an empty alt attribute (alt="") rather than none at all — that tells screen readers to skip it silently instead of describing a meaningless decoration or worse, reading the filename.
Where do I get the HTML to paste in?
Right-click any page in your browser and choose "View Page Source" (or press Ctrl+U / Cmd+Option+U), select all, and copy — that gives you the raw HTML this tool needs. Nothing is uploaded anywhere; the analysis runs entirely in your browser.

Related guides

Want this handled for you instead?

We build the SEO foundation and handle the ongoing work — no long-term contract, no guaranteed-rankings sales pitch.