Язык разметки страницы HTML использует заголовки разного уровня<h1>,…,<h6>, которые определяют относительную важность секции, являясь частью иерархической структуры веб-страницы. Заголовки помогают легче воспринимать текст страницы, расположенной после заголовка пользователю, а поисковым системам воспринимать о чём говориться на данной странице.

“Когда речь заходит о тексте на странице, заголовок является действительно сильным сигналом, говорящим нам, что эта часть страницы посвящена конкретной теме.”
– Джон Мюллер ( SEO Google)

Тег <h1> – это наиболее важный заголовок первого уровня, а тег <h6> используют для обозначения менее значимого заголовка шестого уровня, перед заголовком и после заголовка добавляется пустое пространство. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом, заголовки последующего уровня по размеру меньше, но их размеры и отображение легко редактировать и изменять с помощью CSS. Эти теги относятся к блочным элементам, они начинаются с новой строки, а все иные элементы отображаются на следующей строке.

Синтаксис

Атрибуты

Какую длину тега H1 использовать?

Тег H1 может быть любой длины, но так как в большинстве CMS используют тег <h1> не только для заголовка страницы, но и для тега Title, поэтому заголовок страницы должен быть не более 70 символов, чтобы избежать усечения тега Title.

Можно ли использовать больше одного тега H1 на странице?

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