Html: должен ли тег h1 использоваться для заголовка сайта или заголовка страницы? - PullRequest
11 голосов
/ 26 января 2010

В прошлом я часто помещал заголовок сайта в тег <h1>, а затем заголовок главной страницы в <h2>. Это считается правильным, или заголовок главной страницы должен быть в теге <h1>? Если да, то где вы размещаете название сайта? В обычном <div>? Или

Что является наиболее семантически правильным и что лучше при рассмотрении таких вещей, как доступность?

Ответы [ 3 ]

6 голосов
/ 26 января 2010

Реального стандарта нет, и довольно много разных мнений . Я согласен с womp: у вас не должно быть одинакового H1 на каждой странице сайта. Я бы оставил название сайта тегу <title>.

Семантически (и для обеспечения доступности) общепринятым правилом является одно <H1> на страницу или тему . Допустимо иметь на странице более одного заголовка верхнего уровня, если эти заголовки разбивают документ на отдельные логические порции, обсуждающие разные вещи. Итак, чтобы взять пример домашней страницы блога, показывающей пять самых последних статей, было бы хорошо, чтобы у каждой была своя собственная <H1>.

Однако, когда речь заходит о SEO, обычно рекомендуется, чтобы у вас был только один H1 на страницу.

Я выбрал гибридный подход в моем блоге по дизайну : на главной странице есть H1, описывающий сайт, а заголовок каждого сообщения - <H2>. Однако на отдельных страницах сообщения заголовок сообщения - <H1>. Кажется, что (пока) это обеспечивает хороший баланс между семантикой и оптимизацией для поисковых систем.

5 голосов
/ 26 января 2010

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

Если каждая страница имеет одинаковый тег H1 (то есть заголовок сайта), это снижает их ценность (и в целом они действительно являются наиболее ценным тегом).

Если вы помещаете заголовок сайта в заголовок как изображение, не являющееся изображением с альтернативным текстом, я обычно просто настраиваю div или span.

3 голосов
/ 28 мая 2015

На странице 20 Google Руководство по поисковой оптимизации :

Используйте теги заголовков соответствующим образом

На странице, содержащей новость, мы можем поместить название нашего сайта в тег

, а тему статьи - в тег .

...