Клуб о поиске Яндекса

Разметка HTML5

grecha10
25 мая 2014, 13:02

Здравствуйте!

 

HTML5 - стоит ли использовать семантическую разметку при создании интернет-магазина или пока лучше обойтись без нее?

 Вопрос вот о чем. Типичная разметка HTML5 страницы выглядит так:

 

<header>

<h1>Заголовок страницы</h1>

...

</header>

 <article>

<h1>Наименование товара</h1>

...

</article>

 <nav>

<ol>..</ol>

</nav>

 <footer>

...

</footer>

 

Для интернет-магазина заголовок страницы должен совпадать с наименованием товара. Кроме того, дизайн подразумевает отсутствие наименования товара в шапке страницы.

В этом случае Мэтью Мак-Дональд в книге "HTML5. Недостающее руководство" предлагает спрятать "лишний" заголовок <header><h1 style="display: none;">...</h1></header>.

С точки зрения соответствия стандарту все ок, но очень смущают два момента:

- как Яндекс отнесется к скрытому заголовку;

- как Яндекс отнесется к одинаковому заголовку в хидере и в основной части страницы;

 

Стоит ли "овчинка выделки", не попадет ли такая страница под поисковый спам с точки зрения алгоритмов Яндекса?

Удалить header или просто заменить его на div не вариант, ибо нарушится семантика HTML5 и тогда лучше вообще отказаться от семантической разметки и сверстать все "по-старинке" на div и с иерархией h1-h6 на странице.

Что скажете?

4 комментария
не придумывайте велосипед...делайте, как все.

Это не велосипед, это ракета.

kassiopea.astronomova
25 мая 2014, 22:16

Яндекс хидера любит.

firstlena.pershina
30 мая 2014, 16:13
Внимательно изучили ваш вопрос. Специальных рекомендаций именно по использованию HTML5 у нас нет. По сайту видно, что он делается для людей, поэтому, скорее всего, каких-либо проблем с индексированием быть не должно, но и прятать лишний заголовок, считай "ключевик", тоже не очень хорошо.