Paste a page’s HTML to see its heading outline and catch problems like a missing H1, skipped levels and empty headings.
Loading the tool…
How to get your page’s HTML
- Open the page in your browser.
- Right-click and choose View page source (or press Ctrl+U, or Cmd+Option+U on a Mac).
- Select all, copy, and paste it into the box above.
What a good heading structure looks like
H1 Handmade Leather Wallets
H2 Why choose leather?
H3 Full-grain vs top-grain
H2 Our best sellers
H2 Delivery and returnsCommon problems
| Problem | Why it matters |
|---|---|
| No H1 | Readers and search engines lose the clearest signal of what the page is about |
| Several H1s | Allowed in HTML, but one main heading is usually clearer |
| Skipped levels (H1 → H3) | Screen-reader users navigate by heading level and may think content is missing |
| Empty headings | Screen readers announce a heading with nothing in it |
| Headings used for styling | Use CSS to make text big; use headings only for structure |
Google has said there’s no ranking penalty for several H1s, but a clear outline still helps people scan and helps search engines understand your page.
Frequently asked questions
Should a page have only one H1?
It’s best practice for clarity, though HTML allows more and Google says several H1s aren’t a problem.
Is skipping heading levels bad?
It’s an accessibility problem: screen-reader users jump between levels and expect them in order.
Does the logo count as a heading?
Only if your theme wraps it in a heading tag. Many themes do, which can create an extra H1.
Is my HTML uploaded?
No, it’s checked in your browser.
Sources
Last updated: