Используйте H1 в качестве заголовка верхнего уровня

Источник:
статья из цикла статей «Tips for Webmasters» группы «W3C Quality Assurance»
Перевод:
Марат Таналин
Опубликован:

HTML-элемент H1 соответствует заголовку первого уровня в документе:

  • если документ в целом автономен, например, «Что нужно увидеть и сделать в Женеве», то в заголовке верхнего уровня, вероятно, должно дублироваться содержимое элемента TITLE;
  • если документ входит в набор страниц, объединённых между собой общей темой, например, раздел «Собаки» в совокупности материалов о домашних животных, тогда в заголовке верхнего уровня следует исходить из наличия определённого контекста: просто напишите <h1>Собаки</h1>, элемент же TITLE при этом должен быть информативен в любом контексте: «Собаки — ваш справочник о домашних животных».

В отличие от TITLE, элемент H1 может содержать ссылки, выделение текста и другие структурные элементы HTML.

Слишком крупный шрифт по умолчанию для H1 в некоторых браузерах, к сожалению, привёл к тому, что многие авторы и HTML-редакторы используют заголовок H2 вместо H1. Это сбивает с толку автоматизированные инструменты, при анализе структуры документа опирающиеся именно на заголовки — так, например, формируется оглавление в Amaya. Для указания нужного размера шрифта заголовков используйте каскадные таблицы стилей (CSS).