Правила оптимизации сайтов меняются почти каждый год. Еще недавно в топе поисковой выдачи встречались сайты с наспех оформленным контентом и невпопад добавленными изображениями. Сейчас ситуация изменилась — без заранее подготовленной структуры для веб-страницы сложнее обрасти положительной репутацией у Google или «Яндекс». А вот остаться за бортом поисковой выдачи отныне в разы проще.
Способ добавления H1 на страницу и примеры оформления
HTML-код, определяющий содержимое страницы, предлагает применять до 6 разноуровневых заголовков, обозначающих важность текстового блока или параграфа, следующего ниже. Тег H1 — на вершине, а H6 — в конце списка, обладающий полномочиями схожими с strong или em (а потому и применяется крайне редко). По умолчанию заголовок 1 уровня выделяется на фоне всей страницы — увеличенный кегль, жирное начертание. Далее же наблюдается своеобразный визуальный спад: у 2 уровня буквы меньше, а «жирности» и вовсе почти не остается.
Кроме важности заголовки выделяются следующей особенностью: положением на странице. H1-H6 — блочные элементы, а потому начинаются с новой строки, а располагаются в произвольном порядке — с выравниванием по центру, по левому или правому краю.
Как добавляется заголовок в текст:
<h1>Содержимое, текст</h1>
Ключи в теге H1. Оптимизация контента
Теги формата H1-H6, определяющие заголовки и подзаголовки на веб-странице, добавляются в определенной иерархии. Тему странице задает H1, а разделение текста на блоки вебмастера уже доверяют тегам H2, H3, H4. Чем ближе к цифре 6, тем менее важен подзаголовок, и тем меньшее влияние на итоговую оптимизацию оказывает.
![Иерархия заголовков](https://prime-ltd.su/wp-content/uploads/2020/12/headings-tree-on-web-page.jpg)
Иерархия заголовков
Заголовок H1 встречается на странице лишь раз, а потому требований к оформлению, текстовому содержанию и смысловой нагрузке тега в разы больше:
- Тег H1 добавляется в панели администратора в специальное поле «Заголовок» или вписывается в HTML-код в <body>, выше остальных подзаголовков (первый по значимости).
- Несмотря на возможность оформить каждый тег в произвольном порядке с помощью CSS или атрибута style, необходимо соблюдать иерархию от 1 до 6. Поисковые роботы не оценят хаотичного расположения заголовков.
- Должно быть не более одного тега H1 на странице.
- Форматировать текст заголовков или подзаголовков с помощью strong, em, b или i — непрактично и вредно. Ни Google, ни «Яндекс» не оценят специфического подхода к оформлению.
- Ключи добавлять в H1 полезно. Специалисты рекомендуют выносить туда целые запросы, повышая тем самым позиции в поисковой выдаче.
- Значение тега Title не должно пересекаться с заголовком — расхождения не нужны слишком большие, но от 100% совпадений желательно сразу отказаться.
- Экспериментировать над форматированием стоит аккуратно: к странным шрифтам посетители относятся с недоверием. Необходимо помнить и о выборе цвета: если информация сливается с фоном, то сильно нарушается читабельность.
- Подготовленные подзаголовки не помешает выносить в оглавление: навигация станет нагляднее, а поисковые роботы оценят подачу и взаимодействие с пользователями.
Проверка наличия тега H1
Проверить состояние веб-страницы и посчитать количество добавленных заголовков или подзаголовков проще через браузер (альтернативный вариант — заглянуть в панель администратора на сайте и просмотреть HTML-код, но результаты схожие). Комбинации Ctrl + Shift + C или F12 предназначены для вызова кода страницы с подробным перечислением содержимого.
Вручную пролистывать весь код необязательно: поисковая строка, вызываемая с помощью комбинации Ctrl + F, сэкономит время, а вместе с тем отобразит каждое совпадение по запросу H1 (не более двух попаданий, ведь тег парный — открывается и закрывается).
![html-тег h1](https://prime-ltd.su/wp-content/uploads/2020/12/e737ccb3c8-1024x230.jpg)
Важен ли тег H1 и H2-H6 на странице
В сети часто встречаются вопросы, связанные с применением заголовков и подзаголовков на страницах сайтов, развлекательных ресурсов, новостных порталов. В рассуждения впадают преимущественно начинающие вебмастера, даже не пытающиеся соблюдать правила, ставшие уже привычными в сообществе. Но винить новичков бессмысленно — намного полезнее рассказать, почему без тега H1 не обойтись.
Ключевая причина связана с работой алгоритмов поисковых сервисов от Google и «Яндекс», сканирующих каждую страницу, а после определяющих содержимое с помощью расставленных ориентиров. Тег <img> намекает на наличие изображений, <a> — стандартная ссылка, а <p> — параграф с текстом. Заголовки тоже задают структуру и помогают сервисам разделять контент, безошибочно определяя необходимые подробности.
Чем меньше подсказок для Google или «Яндекс» на странице, тем больше шансов запутать поисковых роботов, а вместе с тем «выпасть» из выдачи, оставшись далеко позади конкурентов. Как результат — с точки зрения оптимизации заголовок H1 незаменим (без тех же подзаголовков H2-H3 тоже не обойтись, а вот до H4-H6 добираться необязательно). Причем важно соблюдать структуру, а еще — смысловую нагрузку. H1 обязан отображать содержание страницы, а H2-H3 помогать посетителям перемещаться между конкретными разделами и не теряться при чтении объемных пластов с текстом.
Если же перспектива попадания на верхние позиции поисковой выдачи не интересует конкретного веб-мастера, то заморачиваться с заголовками необязательно: сайт не перестанет работать, а страница сохранит привычную структуру и не расползется по экрану.