Try it yourself
The main heading of a page tells a visitor — and everything reading the page — what they have landed on. Four attempts.
Which one is right?
-
A real heading, saying nothing. It describes the act of arriving rather than what you have arrived at.
-
This is the one. One h1, naming the thing the page is actually about, matching what the page then goes on to deliver.
-
Reads perfectly to a human, because CSS has made it look like a heading. To anything parsing the page it is an anonymous box, so a screen reader cannot use it to navigate and the page has no main heading at all.
-
Not invalid in modern HTML, but it muddies what the page is about. If two things are both the main heading, neither is — pick one and make the other an h2.
Pick a line. Every one of them has an answer.
Show me the answer
<h1>Emergency Plumber in Ashford</h1>
This is the one. One h1, naming the thing the page is actually about, matching what the page then goes on to deliver.
The written version
The main heading tells everyone what the page is →
How to check your own site for this, what to change, and how to confirm it worked.
Now the real thing
Run this check on your own site.
The same check, plus twenty-nine others, against your actual pages. Free, no account, about a minute.