Заголовки (теги h1, h2, h3) в HTML5 и SEO заблуждения

Опубликовано: 30.09.2017

Первый заголовок, на который часто посетитель сайта не обращает внимание — тот, который показан на вкладке браузера ( подробнее про тег title ). Для поисковой системы он самый главный, так как именно его Яндекс, Google и др. чаще всего ( см. исключения ) используют в качестве заголовка сниппета.

Второй заголовок находится в теге h1. Далее подзаголовки меньших размеров. Если собрать их все, то должна быть чётко видна структура веб-документа подобно главам школьного учебника. Такая раздробленная на разделы и подразделы информация легко воспринимается, найти необходимый материал на странице не вызывает затруднений.

Важные замечания:

заголовок доступно поясняет содержание страницы, раздела, подраздела. Это не инструмент оформления текста. Не нужно им выделять пункт меню, который ничего не содержит, кроме заголовка. заголовок — это слово, фраза, предложение. Он не должен быть длинным. заголовок — это всё предложение, а не его часть. Для оформления одного-нескольких слов существуют такие теги как strong, mark, em и др. ( посмотреть весь список ). если статья строится в формате "вопрос-ответ" и ответ в большинстве случаев короткий (например, инструкция лекарственного препарата), то вместо тегов h правильней использовать тройку dl, dt, dd.

Проверить h1 страницы

Сейчас фразу в любом теге можно сделать заголовком с помощью стилей CSS: увеличить шрифт и/или размер текста. Для того, чтобы проверить количество тегов h1 и их содержимое, достаточно посмотреть код страницы сайта с помощью браузера , никаких дополнительных расширений не требуется. Такой инструмент, можно вывести, если нажать клавишу <F12>: