1. Немного теории
2. Как оптимизировать заголовки для SEO
3. Логическая последовательность заголовков
4. Аудит рубрик
5. Теги заголовка HTML5

Техническая оптимизация SEO включает в себя несколько тегов и мета-тегов: <title>, <meta name = "description">, <link rel = "canonical"> и другие. Правильное использование этих тегов, их атрибутов и содержимого в значительной степени влияет на то, как поисковая система распознает ваш контент, как высоко он будет оцениваться, как будет выглядеть фрагмент в результатах поиска и какая версия страницы будет показана определенным пользователям.

Теги заголовка также важны для поисковой оптимизации. Кроме того, продуманные заголовки на странице могут сделать ее более удобной для пользователей, а также привлечь их внимание к необходимой информации или подтолкнуть их к совершению целевых действий. В этой статье мы рассмотрим, как использовать заголовки, чтобы «удовлетворить» как поисковые системы, так и посетителей вашего сайта или целевой страницы.

Немного теории

В HTML есть шесть тегов заголовка - от <h1> до <h6>. Число в теге показывает относительную важность следующего раздела: <h1> является наиболее значимым, а <h6> - наименее значимым. В соответствии с этим, HTML отображает заголовки разных уровней со шрифтами разных размеров по умолчанию: <h1> будет самым большим, а каждый последующий будет немного меньше.

Теги заголовка являются блочными элементами: они всегда располагаются на новой строке. Элементы, следующие за ними, также расположены на новой строке.

Как оптимизировать заголовки для SEO

Одним из самых сильных сигналов для поисковых систем является заголовок первого уровня <h1>. Это несколько слабее, чем тег <title>; однако ключевые слова в нем также оказывают сильное влияние на поисковый рейтинг.

Исходя из этого, мы используем следующий подход к созданию заголовков в веб-агентстве Arto. Мы помещаем высокочастотные и важные ключевые слова в тег <title>, а следующее по важности помещаем в <h1>. Вы можете использовать те же слова в этих двух тегах. Однако для оптимизации их лучше различать: вы можете использовать больше ключевых слов и их синонимов.

Заголовки более низкого уровня (<h2>, <h3> и т. Д.) Являются более слабыми сигналами для поискового робота. Они могут включать в себя низкочастотные и менее важные ключевые слова. Ключевые слова, которые не вписываются в заголовки, должны использоваться непосредственно в тексте. Здесь вы можете увидеть пример технического задания для копирайтера.

Кластер запросов для оптимизации статьи. Во втором столбце показана частота каждого запроса в месяц в Google Украина.

Пример страницы из технического задания для копирайтера со структурой заголовка на основе поисковых запросов

Важно не спамить ключевые слова в заголовках. Вы должны использовать каждое ключевое слово только один раз в каждом заголовке, если это возможно. Если контекст требует использования его несколько раз, то лучше включить разные формы слова.

Теги заголовков имеют важное семантическое значение. Поэтому использование простого текста со стилями в качестве заголовка некорректно. С другой стороны, не следует использовать теги <h1> - <h6> в качестве элементов дизайна, например, помечать семантически незначимые элементы страницы этими тегами, такими как ссылка на корзину в интернет-магазине или фраза «Наш блог» в боковой панели каталога продукции.

Убедитесь, что заголовок имеет отношение к тексту, который следует за ним, а также читаемым и понятным для пользователей. Это поможет сделать контент более удобным и полезным, а значит - более доверенным для поисковых систем. Иногда вы можете игнорировать некоторые ключевые слова в пользу читабельности заголовка и перемещать эти ключевые слова в текст страницы.

Также важно сделать заголовки интересными и интригующими, если это возможно. Пользователи, прочитав название, должны захотеть прочитать текст, следующий за ним. Это важно для информационных статей в первую очередь. Для коммерческих страниц заголовок также может мотивировать пользователя совершать целенаправленные действия или знакомиться с информацией, которая подтолкнет его к этому.

Логическая последовательность заголовков

Размещая заголовки на странице, вы должны убедиться, что они находятся в правильной иерархической последовательности. Согласно стандартам HTML4 на странице должен быть только один заголовок первого уровня (это правило может быть нарушено в HTML5, как описано ниже). В тексте, помеченном <h1>, может быть несколько разделов, каждый из которых начинается с заголовка <h2>; в свою очередь, каждый из них может быть разделен на подразделы заголовками <h3> и так далее. Однако некоторые разделы могут не иметь подразделов. Например, правильная логическая структура заголовков будет выглядеть так:

А вот так будет выглядеть неправильно:

Заголовки третьего уровня встречаются реже, чем второй уровень. Для небольшой статьи длиной до 5000 символов обычно можно использовать только теги <h1> и <h2>. Заголовки четвертого и нижнего уровней используются редко. Они могут иметь смысл для больших текстов сложных структур, например, юридической или технической документации. Однако такие документы часто удобнее загружать в формате PDF, чем создавать для них отдельную HTML-страницу.

Аудит рубрик

Чтобы быстро проверить заголовки по всему сайту, вы можете использовать Screaming Frog SEO Spider или другое программное обеспечение для SEO-аудита. После проверки вы сможете увидеть страницы, где заголовки первого уровня отсутствуют или дублируются, слишком длинные и так далее.

Чтобы проверить структуру заголовков на одной странице, вы можете использовать HeadingsMap расширение браузера. Он показывает все заголовки на странице, их уровни, текст, который они содержат, и автоматически строит дерево их иерархии.

Пример структуры страницы в HeadingsMap

В дополнение к правильной последовательности тегов <h1> - <h6> необходимо помнить, что размер шрифта должен соответствовать важности заголовка. Например, если страница имеет три уровня заголовков, то ее структура уже довольно сложна; если вдруг окажется, что заголовок третьего уровня отображается более крупным шрифтом, чем второй, то пользователь может легко запутаться.

Теги заголовка HTML5

Стандарт HTML5 представил новые семантические элементы: <section>, <article> и другие. Использование этих элементов позволяет разместить отдельную иерархию заголовков внутри каждого из них. Сейчас на странице может быть несколько заголовков <h1>. Это может быть удобно, например, для канала блога, где общим заголовком первого уровня для страницы является «Наш блог», а заголовками отдельных разделов являются заголовки статей. С другой стороны, вы можете поддерживать единую структуру заголовков для всей страницы. То есть оба варианта приемлемы:

Google также требования что нет ничего плохого в использовании нескольких <h1> на странице: поисковая система правильно распознает эту разметку.

Таким образом, обобщая все вышесказанное, можно дать несколько основных советов.

• Всегда используйте заголовок первого уровня <h1> на странице, один для всей страницы или отдельный для каждого раздела. Используйте другие заголовки только тогда, когда они действительно нужны для структурирования контента.
• Используйте ключевые слова в заголовках. Чем выше уровень заголовка, тем более важные и частые ключевые слова должны появляться в нем. Не злоупотребляйте ключевыми словами, чтобы избежать чрезмерной оптимизации.
• Обратите внимание на актуальность заголовков: они должны кратко выразить содержание текста.
• Следуйте логической последовательности тегов заголовка.
• Не используйте заголовки в качестве элементов дизайна.
• Попробуйте сделать заголовки привлекательными для привлечения пользователей.