I have always been in the belief that headings should always be in order - ie a
h2 comes before a
h3 but after a
h1, unless it's within a separate section, then you can go back to a previous heading.
However, we have just teamed up with an external company to do our front end code and they have weird headings all over the place, for example, they have a widget like this:
<div class="widget-article__content"> <div class="widget-article__header"> <h4 class="widget-article__cat">@Model.Category</h4> <h3 class="widget-article__title">@Model.Title</h3> </div> <!-- other code --> </div>
I was wondering, does this affect seo ranking having headings in the wrong order like this?