SEO и HTML-семантика размещения элементов H2 над элементами H1?

Вот гипотетический вариант как с точки зрения SEO, так и с точки зрения семантической архитектуры HTML/контента:

Согласованный код

При создании многостраничного сайта использование следующей архитектуры на всех страницах довольно характерно для управляемости кодом:

<h1>Company Name</h1>   <h1>Company Name</h1>   <h1>Company Name</h1>   etc.
<h2>Tagline</h2>        <h2>About Us</h2>       <h2>Category 1</h2>     etc.

Однако есть два соображения, которые отговаривают от этой практики:

1. Учитывая семантику H1 элемент, он считается основным заголовком страницы . В этом случае каждая страница будет иметь один и тот же ведущий заголовок - название компании.
2. Когда дело доходит до SEO, поместите целевые ключевые слова страницы в H1 вероятно , это поможет ему занять более высокое место (даже если немного).

Чередующийся H1

Учитывая это, кажется, что лучше следующее:

<h1>Company Name</h1>   <p>Company Name</p>     <p>Company Name</p>     etc.
<h2>Tagline</h2>        <h1>About Us</h1>       <h1>Category A</h1>     etc.

Таким образом, начальный заголовок каждой страницы будет касайтесь главной темы каждой страницы. И у каждой страницы будет больше шансов на ранжирование в поисковых системах для всего, что находится в H1.*

Но подождите минутку...

С помощью этого метода мы сталкиваемся с проблемами, когда архитектура сайта выглядит следующим образом:

Home
About Us
Category A
Category A - Product W
Category A - Product X
Category B
Category B - Product Y
Category B - Product Z
etc.

В этом случае мы можем захотеть, чтобы как категория, так и названия продуктов были заметны в коде и хорошо ранжировались в поиске.

Следуя семантической практике , это оставило бы название продукта как H2.

Но это противоречило бы нашей первоначальной цели: сделать H1 наиболее описательным заголовком для страницы.

H2 выше H1

Так что же нам остается? Помещаем категорию в H2, а название продукта в H1:

<h1>Company Name</h1>   <p>Company Name</p>     <p>Company Name</p>     etc.
<h2>Tagline</h2>        <h1>Category A</h1>     <h2>Category A</h2>     etc.
                                                <h1>Product X</h1>      etc.

Но погодите, разве я не сказал семантический HTML? Это больше не является семантическим, так как теперь структура страницы будет выглядеть следующим образом:

    1.1 Category A    <h2>
1.0 Product X         <h1>

Вместо семантически правильно:

1.0 Product X         <h1>
    1.1 Category A    <h2>

Но это больше не соответствует цели...

Каково здесь решение?

Как мы можем иметь все это?

Наиболее релевантный заголовок на странице внутри <h1> для целей SEO, но по-прежнему ставящий "Продукт X" выше "Категории А" по семантической важности (оба являются заголовками), причем "Категория А" появляется первой в документе.

Я могу подумать о том, чтобы поместить H2 и H1 (в таком порядке) внутри элемента <hgroup>, но это все равно не поможет семантике.

Помогло бы поместить H2 в одиночку внутри <hgroup> или <section>? Было бы это семантически правильно?

_{* Название компании может быть легко стилизовано одинаково для всех трех с помощью селектора CSS #id для элементов h1 и p.}