I've been given this markup structure as a recommendation from a SEO agency, about the way to best use html Headers for SEO purposes:
<h2>{{section-title}}</h2>
<div class="carousel">
<div class="carousel-item">
<h4>{{category-name}}</h4>
<H3>{{category-title/desc}}</h3>
<a href="{{url}}">{{link-to-category-page}}</a>
</div>
<div class="carousel-item">
<h4>{{category-name}}</h4>
<H3>{{category-title/desc}}</h3>
<a href="{{url}}">{{link-to-category-page}}</a>
</div>
</div>
It screams not right all the way to me, first of all broken hierarchy (h2 then h4 then h3), no content after h2 and h4 headers. I can see the negative implications in terms of accessibility (e.g. navigation), unfortunately this is not a priority for the client.
Are there any benefits for real, that are eluding me, with such markup in terms of SEO?
Hn
structure doesn't seem too bad to me. (?)category-title
andcategory-name
in that order in the markup? Presumably it would be more logical to have them reversed - and let the CSS handle the placement? (Although what's the difference between the "name" and the "title"?)