HTML заголовки помогают сделать ваш контент более читабельным и понятным.

Так же HTML заголовки служат визуальными подсказками, благодаря которым читателю сразу становится понятна тема вашего материала.

Многие читатели просто пролистывают контент, чтобы найти интересующую их часть, и они могут быстро найти ее, поскольку у статьи заметный заголовк или информативный подзаголовок.

Но не только читатели получают пользу от заголовков в статьях, поисковые системы тоже их любят. Мы рассмотрим, как использовать HTML заголовки в WordPress, чтобы улучшить читабельность статьи и повысить ее рейтинг в поисковых системах.

Важно отметить, что мы сосредоточимся на тегах заголовков (H1, H2 и т. д.) контента, а не на мета теге в заголовке страницы <title>Заголовок</title>.

Между ними следующая разница:

Мета тег заголовка страницы <title>Заголовок</title> который имеет особую важность (в основном в контексте SEO), записывается как <title> в HTML шаблон страницы, и это текст вы видите на вкладке браузера и визуально на самой странице этот тег не отображается.

HTML заголовки вы видите в контенте страницы и они заключаются в теги <H1></H1> <H2></H2> <H3><H3> <H4></H4> <H5></H5> <H6></H6> и мы рассмотрим именно эти заголовки в нашей статье.

Стоит отметить, насколько важно соблюдать правильную иерархию в использование HTML заголовков на странице.

Что такое HTML теги заголовков ?

Можно сказать, что мы используем HTML заголовки для того что бы стилизовать шрифт, что бы сделать более крупный, жирный яркий шрифт. И с помощью заголовков мы создаем структурированный, иерархический макет для нашего контента. Теги HTML заголовков используются для разграничения заголовков, подзаголовков и текста внутри контента, который мы пишем и который видят посетители.

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

Самый большой заголовок в теге <H1></H1>, как уже говорилось и он обычно используется для заголовка верхнего уровня страницы или поста. Большинство систем управления контентом, включая WordPress, автоматически добавляют тег H1 для заголовка поста. Однако большинство WordPress тем поддерживают настройки кастомизации и позволяют изменить эту настройку. В этом случае вы можете настроить теги в коде шаблонов страниц как вам нужно.

Тег H2 используется для разбивки содержимого под H1 на более мелкие разделы. Аналогично, тег H3 разделяет содержимое под H2. Редко теги заголовков опускаются ниже H4. Вот пример правильной иерархии тегов заголовков:

<h1>Заголовок поста (H1)</h1>
    ├── <h2>Основной подзаголовок (H2)</h2>
    │   └── <h3>Дополнительный подзаголовок (H3)</h3>
    ├── <h2>Основной подзаголовок (H2)</h2>
    │   ├── <h3>Дополнительный подзаголовок 1 (H3)</h3>
    │   │   └── <h4>Detailed Point 1 (H4)</h4>
    │   └── <h3>Дополнительный подзаголовок 2 (H3)</h3>
    │       └── <h4>Detailed Point 2 (H4)</h4>
    ├── <h2>Основной подзаголовок (H2)</h2>
    └── <h3>Заключение по статье (H3)</h3>

Зачем использовать HTML теги заголовков ?

HTML заголовки на веб-страницах ведут себя так же, как и заголовки в печатных изданиях. Но в отличие от печатных, HTML заголовки служат не только для лучшего визуального отображения и читабельности. Они также помогают поисковым системам находить и ранжировать вашу страницу. Google сканирует страницу в поисках релевантного контента по словам, которые вы искали, и обращается к заголовкам, чтобы понять тему контента. Мы должны облегчить Google и другим поисковым системам поиск этих тем с помощью HTML заголовков.

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

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

Однако утверждать, что теги HTML заголовков имеют решающее значение для ранжирования вашего сайта, было бы преувеличением. Правильнее будет сказать, что теги HTML заголовков повышают SEO-ценность. В последние годы контент из заслуживающего доверия и авторитетного источника имеет больший вес как фактор ранжирования.

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

Теги заголовков в WordPress — лучшие практики

Вот несколько советов по использованию тегов HTML заголовков на сайтах WordPress:

• Как правило, мы используем тег H1 один раз на странице, обычно в верхней части поста. Однако не запрещается использовать более одного тега H1.
• В большинстве ситуаций достаточно использовать теги H1-H3. Если на странице много текста, можно использовать теги H4-H6.
• Соблюдайте иерархию в HTML заголовках. То есть используйте эти теги в числовом порядке — H2, затем H3 и H4. Не пропускайте ни одного уровня.
• Убедитесь, что ключевые слова присутствуют и в теге H2. Google ищет ключевые слова как в HTML заголовках, так и проверяет плотность ключевых слов в самом тексте при сканировании и ранжировании конкретной страницы.
• Ограничьте количество слов в HTML заголовках. Не включайте в теги HTML заголовков длинные предложения или целые абзацы.
• Избегайте использования одних и тех же ключевых слов в тегах HTML заголовков на разных страницах вашего сайта.
• Не используйте теги HTML заголовков, так чтобы выделить определенные элементы. Чтобы придать стиль определенному элементу на вашем сайте, используйте CSS.

Способы добавления тегов заголовков в WordPress

1. Вы можете вручную написать теги HTML заголовков в редакторе HTML-кода WordPress.

2. В качестве альтернативы можно просто воспользоваться визуальным редактором. Просто выделите текст и измените его на соответствующий тег HTML заголовка.

3. Если вам удобнее пользоваться клавиатурой, выделите текст с помощью мыши и нажмите Alt+Ctrl+цифры 1-6. Чтобы удалить HTML заголовок, повторите это действие или используйте Alt+Ctrl+7. (Это относится только к классическому редактору).

4. Еще один вариант клавиатуры, который мне очень нравится — это использование знака списка или нумерованого списка перед текстом:

• Текст заголовка — для заголовка H2
• Heading Text — для заголовка H3
• Heading Text — для заголовка H4.

Заключение

Теги HTML заголовков очень важны и могут существенно повлиять на читабельность статьи и ее видимость в поисковых системах.

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