Html: Должен ли тег h1 использоваться для названия сайта или названия страницы?

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

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

ОТВЕТЫ

Ответ 1

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

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

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

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

Ответ 2

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

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

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