Section header SEO
I was wondering about SEO for this particular common section header. You'll see in the smaller font-size (span) it shows "Service Areas" and the bigger font-size (h2) it says "We've got you covered". Now I think from an aesthetic standpoint this looks better, but would google interpret this section as a service area section less than if "Service Areas" was in the h2? I know this is such a minute detail and probably doesn't affect SEO at all but I'm curious on this and others' thoughts.
15 Replies
Service Areas should be the H2 yes
We've got you covered does not do anything for anyone SEO or Readers.We’ve Got You Covered is a tagline, not a heading
Visual display ≠ semantic meaning
Yea I can agree with that for sure but from an aesthetic standpoint what if you wanted to keep the "We've got you covered" in the larger font-size? Should you make "Service areas" inside an h2 and reduce the font-size?
YOu do it
size has nothing to do with headings
I wouldn't have both in the h2
Cool yea makes sense; I've kind of always mentally saw things as bigger size = heading etc but logically yea they can be decoupled
just
service areasYup and then "We've got you covered" in a
p or spannever think of heading levels in a size
heading levels have no size requirements, just the defaults
that somehow makes people think it has to be that ig... or they will use them just for the font-size ... cursed
I'm even guilty of doing this ofc before I learned.
ty guys btw!
Of course using the right semantics is quite important, specially for accessibility
It turns out it doesn't do too much for SEO
https://www.seroundtable.com/google-html-structure-seo-rankings-36789.html
Search Engine Roundtable
Google Says HTML Structure Doesn't Matter Much For Ranking
Gary Illyes from Google said that the HTML structure for your web pages does not matter much for rankings. He said this on the latest Search Off The Record podcast, saying, "I know that some people like to think that HTML structure matters all so much for rankings, but in fact, it doesn't matter that much."
They say this but also score you low for site metrics if you don't
then say those metrics are one the top ranking factors xD
The other part is the combo of semantics and knowledge graphs that really go hand in hand imo.
I'm really trying to get into jsonLD more specially when dealing with Solid pods 🙂
I’ve just started using <hgroup>f or heading <P> subtitles
so sidenote on that. hgroup alone is not enough
If you didn't want that much nesting you would want to just use <header> not <hgroup>
header is the one with more semantic meaning. I've experienced one issue where only* hgroup was used and the browers "reader mode" in FF and Edge would not recognize the pages <article>
While we're at it don't forget
aria-labelledby as wellYea that one pisses me off honestly
Cause some readers will associate the header/heading with the landmark or what not but some wont?
It really needs to change imo per spec it should just work