как правильно написать для SEO-оптимизации. Реальные примеры
2. Теги <h2> и Title должны быть схожимиОни не должны дублироваться (кстати, проверить дубли Title и h2 вы можете с помощью Аудита сайта Serpstat). Однако нельзя допускать, чтобы текст заголовка сильно отличался от Title. Это приводит к ухудшению поведенческих факторов и сильному падению позиций в органике. Поисковикам сложно определить, к каким ключевым словам относится страница и на какие запросы должна отвечать.
Чтобы не допустить подобный результат, заголовки и Title должны быть схожими, но в то же время не повторяться. В Title можно добавить больше детализирующих ключевых слов без ущерба смыслу.
Пример:
Title: Как нарисовать татуировку: советы, информация, правила, варианты.
h2: Как нарисовать татуировку.
Title: Балет «Баядерка»: содержание, интересные факты, видео, история.
h2: Балет «Баядерка». Краткий синопсис.
3. В заголовках не должно быть много ключевых слов
Заголовки html должны выглядеть органично. Лучше не использовать больше двух-трех ключевых слов, чтобы сохранить читабельность.
4. Не нужно использовать больше одного тега <h2> на странице
Если использовать тег больше одного раза, упадет его значимость. Как следствие — поисковые системы снизят рейтинг страницы или всего сайта.
5. Не стоит делать заголовок <h2> слишком длинным
Иногда в <h2> тег пытаются ввести весь текст, чтобы использовать больше ключевых слов. В результате заголовок получается тяжелым и подпадает под санкции.
Пример:
<h2>Как правильно купить Ford Focus не платя за растаможивание автомобиля? Как не попасться и чем грозит покупка авто на еврономерах? Уход от уплаты таможенных платежей осуществляется путем временного ввоза или использования режима транзита.</h2>
При таком заголовке велика вероятность, что сайт допустит ошибку при отображении заголовка и вся техническая информация появится в тексте. Кроме того, поисковые роботы могут посчитать такой SEO-заголовок спамным.
Рекомендации SEO-специалистов на эту тему достаточно разнообразны. Некоторые утверждают, что длина h2 не должна превышать восьми слов, другие советуют ограничиться 50 символами. Точных указаний как правильно прописать эти теги нет, а значит, заполнение мета тегов индивидуально для каждого запроса.
Теги h2, Title, Keywords, Description на главной странице — AdvantShop
В данной статье рассмотрим для чего используется заголовок h2 и как его добавить на главную страницу.
Для чего нужен h2 на главной
Тег h2 является тегом заголовка текста на странице – h2 это заголовок первого уровня на странице, поэтому использоваться он может только один раз. Этот тег – смысловой, и служит для указания поисковым системам (а также посетителям страницы) содержания страницы. Влияет на ранжирование. Аналог тега h2 – заголовок статьи в журнале: он может быть только один, и, в идеале, должен раскрывать основную суть статьи.
Таким образом, тег h2 должен содержать основные ключевые слова, по которым продвигается страница (но при этом быть ёмким и не длинным) и отражать основную суть страницы.
Главная страница не исключение, вы также можете добавить емкое ключевое слово, которое будет отображать основую суть страницы или всего сайта, например, на главной странице — это может быть наименование магазина или зазывающий рекламный заголовок.
Добавление h2
Тег h2 можно добавить в статические блоки на главной странице: «Текст между каруселью и товарами», «Текст между новостями и товарами», подробнее можете ознакомиться в инструкции.
Но самым оптимальным вариантов добавления тега служит статический блок «Текст между каруселью и товарами»
Для этого перейдите в панели администрировании в пункт меню «Интернет-магазин — Статические блоки» (рис.1)
Рисунок 1.
Нажмите на карандашик для редактирования, в открывшемся редакторе блока перейдите в режим «Источник», и в поле нужно добавить необходимый текст, обёрнутый в тег h2 (рис.2).
<h2>Это тег h2, укажите тут название вашего магазина</h2>
Рисунок 2.
В исходном коде странице браузера тег будет отображаться как на рис.3. Это необходимо для поисковых систем. Визуально в клиентской части выглядит как на рис.4.
Рисунок 3.
Рисунок 4.
Мета теги главной страницы
Заметка
По умолчанию для всех полей (Title, Keywords, Description) в качестве мета-информации используется название магазина.
Вы также можете изменять данные поля. Для этого перейдите в пункт меню «Настройки — SEO и счётчики» (рис.5), вкладка «SEO параметры» и в разделе «Главная страница» соответсвующие поля можно заполнить (рис.6).
Рисунок 5.
Рисунок 6.
Готово. Мы рассмотрели что такое тег h2 и как его прописать на главную страницу.
Тэги: Тег h2 на главной странице, тег h2, h2, на главной, главная, сео, seo h2 главной страницы, как прописать title главной страницы, Title, Keywords, Description, метатег
HTML теги —
Элементы <h2> до <h6> используются для определения 6 уровней заголовков в HTML. Самым главным на странице является заголовок первого уровня (<h2>), а наименее важным — заголовок шестого уровня (<h6>). Чем ниже уровень заголовка, тем меньше размер шрифта.
На каждой странице должен быть только один заголовок первого уровня. Поисковые системы используют его для индексации структуры и контента веб-страницы. Поэтому для лучшей индексации сайта мы рекомендуем использовать уникальные тематические заголовки, содержащие ключевые слова.
Синтаксис¶
Теги <h2> — <h6> парные, закрывающий тег для них обязателен.
Так как теги <h2> до <h6> блочные, они пишутся с новой строки, а все последующие теги переносятся на следующую строку.
Пример¶
Попробуйте сами!<!DOCTYPE html> <html> <head> <title>Заголовок окна веб-страницы</title> </head> <body> <h2>Заголовок первого уровня</h2> <h3>Заголовок второго уровня</h3> <h4>Заголовок третьего уровня</h4> <h5>Заголовок четвертого уровня</h5> <h5>Заголовок пятого уровня</h5> <h6>Заголовок шестого уровня</h6> </body> </html>
Результат¶
Теги <h2>-<h6> не должны использоваться для разметки подзаголовков, субтитров, альтернативных заголовков и слоганов, если только они не предназначены для заголовка нового раздела или подраздела.
Поскольку атрибут align не поддерживается в HTML5, вместо него используйте CSS свойства font-size и font-weight.
Атрибуты¶
Теги <h2> to <h6> также поддерживает глобальные атрибуты.
Как добавить стиль к тегу <h2>-<h6> ?
Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <h2>-<h6>:
Цвет текста внутри тега <h2>-<h6>:
Стили форматирования текста для тега <h2>-<h6>:
Другие свойства для тега <h2>-<h6>:
Важны ли теги h2 для ранжирования? SEO-эксперимент
Перевод статьи с портала Moz.
На заре поискового маркетинга многие SEO-специалисты были твердо убеждены в двух вещах:
1. Заголовок страницы должен быть задан только тегом h2
2. На странице может быть только один тег h2
Несмотря на активное применение этих рекомендаций при SEO-анализе, время от времени они подвергались сомнению. Типичный диалог мог звучать так:
— Погляди-ка! CNN опять использовали на странице заголовок h3. Так же нельзя!
— Конечно. А это сильно им повредило?
— Понятия не имею.
Со временем SEO-специалисты начали отказываться от этой концепции, и вместо стандартного h2 все чаще стали говорить о заголовке как о «крупном тексте в верхней части страницы».
Google научился лучше анализировать контент и понимать, как те или иные элементы страницы сочетаются друг с другом. Учитывая, как часто издатели допускают ошибки с разметкой HTML, вопрос заголовков остается весьма актуальным.
Проблема возникает настолько часто, что Джон Мюллер из Google решил разъяснить ситуацию во время Webmaster Hangout:
«Вы можете использовать сколько угодно тегов h2 на своей странице. Какие-либо ограничения здесь отсутствуют.
Элементы h2 — отличный способ структурировать страницу, чтобы пользователи и поисковые системы могли понять, какая информация находится под тем или иным заголовком. Правильное использование тегов на странице будет только на пользу.
А в HTML5 наличие нескольких элементов h2 на странице является вполне нормальным и даже ожидаемым. Поэтому вам не стоит беспокоиться. Тем не менее, некоторые инструменты SEO помечают отсутствие или наличие нескольких тегов h2 как проблему. На наш взгляд, это не критично. Но с точки зрения удобства, думаю, стоит прислушаться к рекомендациям. Я не призываю полностью их игнорировать, но и не считаю критически важными.
Ваш сайт может отлично работать как с пятью тегами h2, так и вообще без них.»
Несмотря на заверения одного из самых авторитетных специалистов в Google, многие по-прежнему настроены скептически и предпочитают не доверять, а проверять.
Поэтому мы решили провести полноценный научный эксперимент.
Крейг Брэдфорд из Distilled заметил, что блог Moz использует в качестве заголовков тег h3 вместо h2 (причуды нашей CMS).
Мы разработали сплит-тест наших заголовков и провели его с помощью SearchPilot (ранее DistilledODN). Половина заголовков нашего блога была изменена на h2, а другая половина осталась в формате h3. Затем мы измерили разницу в органическом трафике между этими двумя группами.
Спустя восемь недель мы получили следующие результаты:
Непосвященным, вероятно, будет немного трудно что-либо понять из этих графиков. Рида Абиди из Distilled предлагает следующую разбивку полученных данных:
Результат: неубедительный
- Прогнозируемый подъем: 6,2% (6 200 органических сеансов ежемесячно)
- Мы на 95% уверены, что ежемесячный прирост органических сеансов находится между:
- верхний предел: 13 800
- нижний предел: -4 100
Результаты этого теста были неубедительными с точки зрения органического трафика, поэтому мы решили вернуть все обратно.
Результат: замена наших h3 на h2 не имела статистически значимой разницы.
Это подтверждает заявление специалиста Google о том, что алгоритмы не проводят различия между h2 и h3, которые мы использовали для своих заголовков. Вероятно, мы получили бы тот же результат, если бы использовали h4, h5 или вообще решили бы обойтись без тегов для заголовков.
Следует отметить, что наши заголовки:
- Выделены крупным шрифтом.
- Находятся в верхней части каждой статьи.
- Понятные и легко воспринимаются алгоритмами Google.
Наш эксперимент не доказывает, что тег h2 не является фактором ранжирования. Полученные результаты лишь демонстрируют, что мы не смогли найти статистически значимой разницы между использованием h2 и h3.
Но снимает ли это проблему? Стоит ли оптимизаторам отбросить осторожность и полностью отказаться от всех рекомендаций по поводу h2?
Не совсем…
Почему необходимо использовать h2
Несмотря на то что Google, похоже, может определить подавляющее большинство заголовков, есть несколько веских причин не отказываться от использования тегов h2.
Георгий Нгуен обратил внимание на несколько важных моментов в своей статье на Search Engine Land. Я кратко изложу его доводы, добавив некоторые собственные размышления.
1. h2 повышает доступность
Средства чтения с экрана могут использовать h2, чтобы помочь пользователям ориентироваться в вашем контенте, особенно при поиске нужной информации.
2. Google может использовать h2 вместо тегов title
В редких случаях, например, когда Google не может найти или обработать ваш тег title, он извлекается из какого-либо другого элемента страницы. Чаще всего это тег h2.
3. Использование заголовка связано с более высоким рейтингом
Почти каждое исследование SEO-корреляции, с которым мы сталкивались, показывало небольшую, но все же зависимость между более высоким рейтингом и использованием заголовков на странице, например, последнее исследование SEMrush, где рассматривались h3 и h4.
Откровенно говоря, нет никаких доказательств того, что заголовки сами по себе являются фактором ранжирования Google. Но наличие заголовков, как и структурированные данные, помогает лучше понять контекст и смысл содержимого страницы.
Джон Мюллер написал в Twitter:
«Мне кажется, что многие слишком зацикливаются на тегах заголовков. Если вы выделяете некоторые элементы страницы как «важные», скрипт видит их и использует должным образом. Если вы ничего не выделите или, наоборот, выделите все, мы сами определим, что считать заголовком.»
Что это значит? Хотя по ряду причин стоит придерживаться рекомендаций, но Google, скорее всего, сможет разобраться, что считать заголовком, даже если вы не будете использовать тег h2 (что и доказал наш эксперимент).
В любом случае мы рекомендуем:
1. Оформлять свой контент с помощью иерархии заголовков — в идеале h2, h3, h4 и т. д.
2. Прописывать заголовок крупным шрифтом и размещать его в верхней части страницы. Другими словами, сделайте так, чтобы Google, средства для чтения с экрана, а также другие программы или пользователи могли без труда обнаружить заголовок вашего контента.
3. При наличии CMS или технических ограничений, которые не позволяют вам четко следовать рекомендациям по поводу h2, сделайте все возможное, не отвлекаясь на детали.
Кому-то может показаться, что мир SEO-оптимизации весьма хаотичен. Однако за внешним хаосом скрывается гибкость и удивительные возможности.
Автор: Сайрус Шепард.
Об авторе: Сайрус Шепард — основатель компании Zyppy, которая занимается SEO-консалтингом и разработкой программного обеспечения. Он пишет о ранжировании в Google, передовых практиках SEO, экспериментах, стратегиях и новых веяниях в индустрии.
Ссылка на оригинал: https://moz.com/blog/h2-seo-experiment
Резюме от Ant-Team.ru
Исследование важности тегов h2 для ранжирования невозможно провести со 100% достоверностью данных, так как в каждом эксперименте, связанном с SEO, участвуют сотни алгоритмов ранжирования. С нашей точки зрения, в первую очередь следует думать о пользователях, которые читают контент на посадочной странице. Как правило, заголовки h2-H6 ориентируют пользователя по разделам. Отказываясь от h2 или, что еще хуже, приравнивая информацию в h2 к нескольким абзацам, мы частично вводим пользователя в заблуждение. Безусловно, пользователь может и не заметить отсутствия тегов h2 на странице, если вы оформите CSS-стилями важную информацию.
Не стоит забывать, что в нашей стране большая доля трафика приходится на Яндекс. Если обратиться к справке вебмастеров, то можно найти следующую информацию:
«…роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа.»
Ссылка на источник: https://yandex.ru/support/webmaster/recommendations/presentation.html
Чтобы первыми узнавать обо всех наших новых материалах, подписывайтесь на наш telegram-канал: t.me/seoantteam
Никакого спама. Только полезная информация по теме SEO.
Тег h2 h3 h4 h5 h5 h6
Пример
Шесть различных HTML заголовков:
<h2>Это заголовок 1</h2>
<h3>This is heading 2</h3>
<h4>This is heading 3</h4>
<h5>This is heading 4</h5>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Определение и использование
Теги <h2> to <h6> используются для определения заголовков HTML.
<h2> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок.
Поддержка браузера
Элемент | |||||
---|---|---|---|---|---|
<h2> — <h6> | Да | Да | Да | Да | Да |
Различия между HTML 4,01 и HTML5
Атрибут «align» не поддерживается в HTML5. Используйте CSS для выравнивания элементов.
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
align | left center justify | Не поддерживается в HTML5. Задает выравнивание заголовка |
Глобальные атрибуты
Теги <h2> — <h6> также поддерживают Глобальные атрибуты в HTML.
Атрибуты события
Теги <h2> — <h6> также поддерживают Атрибуты событий в HTML.
Похожие страницы
HTML Учебник: HTML Headings
HTML DOM Ссылки: Heading Object
Параметры CSS по умолчанию
В большинстве обозревателей элемент <h2> будет отображаться со следующими значениями по умолчанию:
Пример
h2 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
В большинстве обозревателей элемент <h3> будет отображаться со следующими значениями по умолчанию:
Пример
h3 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
font-weight: bold;
}
В большинстве обозревателей элемент <h4> будет отображаться со следующими значениями по умолчанию:
Пример
h4 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
В большинстве обозревателей элемент <h5> будет отображаться со следующими значениями по умолчанию:
Пример
h5 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
В большинстве обозревателей элемент <h5> будет отображаться со следующими значениями по умолчанию:
Пример
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
font-weight: bold;
}
В большинстве обозревателей элемент <h6> будет отображаться со следующими значениями по умолчанию:
Пример
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Теги заголовков — HTML подзаголовки
Тег <h2> — <h6> в HTML используются для определения заголовков на веб-странице.
Всего существует шесть тегов заголовков HTML:
- <h2> — заголовок первого уровня;
- <h3> — заголовок второго уровня;
- <h4> — заголовок третьего уровня;
- <h5> — заголовок четвертого уровня;
- <h5> — заголовок пятого уровня;
- <h6> — заголовок шестого уровня.
HTML заголовок <h2> имеет наибольшее значение, является главным заголовком HTML документа.
Заголовки имеют строгую иерархию. Заголовок HTML <h3> является подзаголовком <h2> и имеет меньшее значение, чем <h2>, но большее, чем <h4> и т.д.
Использовать HTML заголовки необходимо в последовательности от <h2> до <h6>. Использование заголовка меньшего значения, без наличия заголовка большего значения (например использовать <h5>, если не использован <h4>) является ошибкой.
Обычно на странице сайта используется один заголовок <h2>, который может содержать несколько подразделов <h3>, разделенных на подзаголовки <h4> и т.д.
Рекомендации по использованию тегов заголовков описаны в статье: Как правильно писать HTML заголовки для сайта.
Браузеры обычно выделяют заголовки размером шрифта и добавляют пустое место до и после них. Заголовок HTML <h2> имеет наибольший размер шрифта, заголовок <h6> — наименьший.
Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.
Синтаксис
<h2>заголовок</h2>
Отображение в браузере
Примеры использования заголовков HTML в коде
<!DOCTYPE html>
<html>
<head>
<title>Теги заголовков</title>
</head>
<body>
<h2>Заголовок 1-го уровня</h2>
<h3>Заголовок 2-го уровня</h3>
<h4>Заголовок 3-го уровня</h4>
<h5>Заголовок 4-го уровня</h5>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
</body>
</html>
Поддержка браузерами
Атрибуты
В HTML5 у тегов заголовков <h2>, <h3>, <h4>, <h5>, <h5>, <h6> нет атрибутов.
Устаревшие атрибуты заголовков HTML
Атрибут | Значения | Описание |
---|---|---|
aling |
left |
Устанавливает способ выравнивания контента по горизонтали. В HTML5 используйте CSS. |
Заголовок h2 WordPress, как прописать тег правильно
Как ранжируются заголовки на сайте WordPress и почему на каждой странице должен находиться всего один заголовок верхнего уровня? Рассматриваем, как проверить на сайте количество тегов h2 и что делать, чтобы избежать их дублирования в теме.
Сколько заголовков с тегом h2 может быть на странице ВордПресс?
Шаблон страницы структурируется с применением заголовков от h2 до H6. По мере увеличения номера, размер шрифта обычно уменьшается, а заголовки «вкладываются» 1 в 1. У сайтов на WordPress заголовок h2, как правило, зарезервирован для названия страницы, h3 используется для оглавления важных элементов страницы. Более глубокие уровни – подзаголовки – встречаются в теле статей для формирования структуры текста и удобства чтения.
Важно, чтобы на странице находился только один заголовок h2, поскольку он акцентирует внимание на информации, которой посвящена страница сайта. Если по какой-то причине в установленной теме WordPress располагается несколько заголовков, обозначенных тегом h2, поисковые системы могут посчитать это за попытку переоптимизации или заспамленности и понизить ранжирование сайта в выдаче по запросам.
Обратите внимание, как в WordPress формируются заголовки разных уровней при добавлении страницы или записи.
- В окне редактирования записи или страницы имеется выделенное поле для написания названия (1). Именно здесь располагается заголовок верхнего уровня. Он будет помечен тегом h2 непосредственно на странице записи либо тегом h3, если на главной странице выводится несколько анонсов записей. В последнем случае такой заголовок представляет собой ссылку на страницу с полным содержимым записи.
- Окно текстового редактора включает тело статьи (2), в котором допускается форматирование текста с помощью панели инструментов (3). Применение заголовка первого уровня здесь уже не требуется, используйте уровни h3–H6, чтобы структурировать статью и избежать заспамленности.
Как проверить, дублируются ли h2 в шаблоне WordPress
Для проверки количества заголовков верхнего уровня необходимо открыть код страницы и подсчитать конструкции, начинающиеся с тега <h2>
. Обратите внимание, что этот тег парный, он закрывается конструкцией </h2>
. Все, что располагается между ними, относится к заголовку первого уровня.
Проверка кода осуществляется одним из следующих способов:
- Находясь на нужной странице сайта, нажмите комбинацию клавиш CTRL + U. Откроется код, в котором нужно найти все теги h2. Для облегчения поиска используйте комбинацию CTRL + F.
- Щелкните правой кнопкой в любом месте на странице и выберите команду «Просмотреть код страницы». Далее выполните поиск тегов h2.
- Наведите курсор на нужный заголовок, щелкните правой кнопкой мыши и выберите команду «Инспектировать элемент». В открывшемся окне будет подсвечен код для указанного элемента страницы.
Например, инспекция названия записи на главной странице сайта, показывает, что он относится к заголовку второго уровня h3 и содержит ссылку для перехода на новую страницу.
Если заголовков несколько, нужно поменять некоторые из них
При переходе непосредственно на страницу записи, инспектирование того же названия уже имеет статус заголовка первого уровня, обозначенного тегом h2. Просмотрите код страницы – такой заголовок должен быть единственным. Если обнаруживаются другие теги h2, код необходимо исправить. В случае, если заголовок дублируется в шаблоне сайта, необходимо во всех местах, кроме названия страницы, заменить вывод этих элементов другим тегом, например, <span>
, прописав в css файл аналогичные стили. В таком случае внешний вид шаблона останется прежним, но поисковые системы не посчитают страницу переоптимизированной.
Как исправить дублирование заголовков в теме WordPress и убрать лишние
В некоторых шаблонах зачастую название сайта вместе с логотипом обертывается тегами h2. Это приводит к дублированию заголовков первого уровня, поскольку этим же тегом будет обернуто название записи или страницы.
Если вы обнаружили такую ошибку в используемой теме, необходимо в админке WordPress перейти в редактор кода и открыть шаблон header.php. В код шаблона добавьте условную конструкцию вида:
<?php if ( is_home() ) { ?>
<h2>Код для размещения логотипа на главной странице</h2>
<?php } else { ?>
<div> Код для размещения логотипа на прочих страницах</div>
<?php } ?>
В этом случае только на главной странице логотип окажется внутри тегов h2, на всех других он больше не будет дублировать заголовки верхнего уровня, представленные названием записей.
Чтобы изменить размер заголовка, требуется прописать размер в css стилях
Множество современных WordPress шаблонов позволяют поменять размер основных текстовых элементов в настройках шаблона. Достаточно перейти в админпанели в раздел «Внешний вид» — «Темы» — «Настроить» для текущего шаблона, и изменить желаемый размер заголовков, текстов. Если такой возможности нет — Вам придется в файле style.css найти код font-size
, относящийся к заголовку h2 и задать желаемый размер.
iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.
Мы предлагаем:
Что такое тег h2? Лучшие практики SEO на 2021 год
Тег h2 — это заголовок HTML, который чаще всего используется для разметки заголовка веб-страницы. Большинство веб-сайтов используют CSS, чтобы выделить h2 на странице по сравнению с меньшими заголовками, такими как h3, h4 и т. Д.
Но почему тег h2 важен, как его добавить и какие передовые методы существуют?
В этом руководстве вы узнаете ответы на все эти вопросы:
Почему теги h2 важны для SEO?
Вот три причины:
- теги h2 помогают поисковым системам понимать страницу
- теги h2 улучшают пользовательский опыт
- теги h2 улучшают доступность
теги h2 помогают поисковым системам понимать страницу
Джон Мюллер из Google сказал, что Теги h2 помогают Google понять структуру страницы.Итак, если вы используете h2s, как рекомендует Google для заголовка вашей страницы или заголовка контента, ваш h2 фактически сообщает Google: «Вот о чем моя страница».
тегов h2 улучшают взаимодействие с пользователем.
тегов h2 улучшают взаимодействие с пользователем в том смысле, что они являются частью иерархической структуры веб-страницы. Заголовок h2 является наиболее заметным заголовком на странице, затем h3, затем h4 и т. Д.
При неправильном использовании тегов h2 и других заголовков становится труднее просматривать и переваривать страницы.
Теги h2 улучшают доступность
Миллионы людей с ослабленным зрением используют программы чтения с экрана для преобразования копий веб-страниц и изображений в аудио.Согласно исследованию webAIM, 60% пользователей программ чтения с экрана предпочитают, чтобы тегом h2 был только заголовок страницы.
Большинство CMS позволяют легко добавить тег h2 на вашу страницу. Давайте посмотрим, как это сделать в нескольких популярных.
Как добавить тег h2 в WordPress
Большинство тем WordPress закодированы для использования заголовка страницы или сообщения в качестве h2.
Как добавить тег h2 в Wix
Большинство тем Wix имеют по одному тегу h2 на каждой странице. Если вы не знаете, какой это текст, временно измените стиль тегов h2 в редакторе темы.Это должно эффективно выделить h2 в конструкторе страниц.
Как добавить тег h2 в Squarespace
Большинство тем Squarespace имеют по одному тегу h2 на каждой странице. Если вы не знаете, где это, просто нажимайте на заметные текстовые поля, пока не увидите одно со стилем «Заголовок 1».
Как добавить тег h2 в HTML
Используйте открывающий тег h2 (
), введите заголовок страницы, затем добавьте закрывающий тег h2 (
).Пример:
Это h2
h2 tag Лучшие практики SEO
Прежде чем мы рассмотрим лучшие практики, важно отметить, что нарушение любого из них является крайне маловероятно, чтобы нанести ущерб вашему сайту SEO.Так что не паникуйте, если вы не делаете некоторые из этих вещей. Это точно не приведет ни к чему страшному, как штраф Google.
Задача Google — понимать, индексировать и оценивать содержание Интернета. Это невозможно сделать без механизмов, позволяющих справиться с неидеальными обстоятельствами, такими как страницы без тегов h2.
Тем не менее, каждая мелочь помогает в SEO, поэтому полезно по возможности следовать лучшим практикам.
Вот 9 лучших практик для тегов h2:
- Используйте теги h2 для заголовков страниц
- Используйте регистр заголовка для h2s
- Сопоставьте h2s с тегами заголовка
- Используйте тег h2 на каждой важной странице
- Используйте только один h2 на страницу
- Держите теги h2 короткими
- Заголовки стиля для иерархии
- Включите целевое ключевое слово
- Сделайте теги h2 привлекательными
Используйте теги h2 для заголовков страниц
Google говорит, чтобы «разместите заголовок вашей статьи на видном месте. место над телом статьи, например в теге
.”
Хотя многие платформы веб-сайтов и CMS делают это по умолчанию, это можно изменить для определенных тем.
Если вам интересно, как ваша тема справляется с этим, самый простой способ проверить — щелкнуть правой кнопкой мыши заголовок в браузере и выбрать «Проверить». Если выделенная часть включает
, то она заключена в тег h2.
Если вы не знакомы с HTML, установите Ahrefs SEO Toolbar и проверьте бесплатный отчет на странице, чтобы увидеть свои H-теги, включая h2.
Если вы предпочитаете массово проверять свои теги h2:
- Зарегистрируйтесь для получения бесплатной учетной записи Ahrefs Webmaster Tools
- Сканируйте свой веб-сайт с помощью аудита сайта
- Перейдите на страницу Отчет
- Прокрутите до Диаграмма «Настройка h2»
- Щелкните зеленую часть круговой диаграммы
Используйте регистр заголовка для h2s
Регистр заголовка — это когда вы пишете все слова, содержащие четыре или более букв, с большой буквы.
Если ваша CMS использует заголовки страниц как для тегов h2, так и для тегов заголовков, использование регистра заголовка для заголовков страниц помогает сохранить аккуратный вид в результатах поиска. Обычно строчные буквы или предложения используются только в сообщениях на форуме.
Сопоставьте h2s с тегами заголовков
Google предлагает сопоставить ваш тег заголовка с вашим h2.
Большинство CMS, таких как WordPress, делают это автоматически, но можно установить тег заголовка как нечто отличное от h2 с помощью плагина SEO, такого как Yoast.
Чаще всего это происходит, когда заголовок вашей страницы идеально подходит для h2, но слишком длинный для тега title.
Например, заголовок и h2 для этого поста немного отличаются:
Если заголовок и h2 немного отличаются, но отлиты из одной и той же формы, как в случае выше, это нормально. Если ваш заголовок резко отличается от вашего h2, вероятно, стоит вернуть их в соответствие.
Почему? Частично поисковики продаются по вашему тегу заголовка в поисковой выдаче. Если их встретят с совершенно другим и не связанным заголовком (h2) на странице, они почувствуют себя обманутыми.
Вы можете бесплатно проверить наличие несовпадающих тегов h2 и title в Инструментах для веб-мастеров Ahrefs.
- Зарегистрируйтесь в Ahrefs Webmaster Tools
- Просканируйте свой веб-сайт в режиме аудита сайта
- Перейдите к отчету на странице
- Прокрутите до диаграммы «Настройка h2»
- Щелкните зеленую область на круговой диаграмме
- Ищите резко несовпадающие теги заголовков и h2s.
Вот несовпадающие заголовок и h2 для нашего руководства по тексту привязки:
Тег заголовка расположен под углом вокруг определения, а h2 — вокруг исследования. Вполне возможно, что поисковики могут почувствовать себя немного обманутыми или сбитыми с толку после перехода на эту страницу, поэтому, вероятно, имеет смысл придерживаться постоянного угла.
PRO TIP
Если на вашем веб-сайте много страниц, отсортируйте отчет в Ahrefs Site Audit по органическому трафику, чтобы определить приоритеты изменений. Нет смысла беспокоиться о несовпадающих заголовках и h2, если ваша страница вообще не получает никакого органического трафика.
Используйте тег h2 на каждой важной странице
Учитывая, что заголовок вашей страницы должен быть заключен в тег h2, само собой разумеется, что вы должны использовать h2 на каждой важной странице. В конце концов, у каждой страницы есть заголовок.
Если вы хотите найти страницы с отсутствующими или пустыми h2s:
- Зарегистрируйтесь, чтобы получить бесплатную учетную запись Ahrefs Webmaster Tools
- Сканируйте свой веб-сайт с помощью аудита сайта
- Перейдите к На странице Отчет
- Прокрутите до « h2 setup »диаграмма
- Щелкните красную область на круговой диаграмме
Вы можете видеть выше, что на некоторых из наших страниц отсутствуют h2s.
Это лучшая практика? Не совсем. Но это также вряд ли будет иметь большое значение, потому что эти страницы не особенно важны с точки зрения SEO.Это просто домашние страницы блогов и страницы архивов, которые в любом случае могут привлечь только брендовый трафик.
Итак, хотя наши разработчики могут «исправить» это за считанные минуты, вероятно, не стоит тратить их время, поскольку страницы выглядят идеально для посетителей — и это все, что здесь имеет значение.
Используйте только один h2 на страницу.
Джон Мюллер из Google говорит, что можно использовать несколько h2 на странице.
Если вы используете HTML5, это абсолютно верно. Нет ничего технически неправильного в использовании нескольких тегов h2 в разных разделах.
Например, эта страница HTML5 имеет четыре тега h2 и технически исправна.
<тело>Яблоки
Яблоки фруктовые.
<раздел>Вкус
У них прекрасный вкус.
<раздел>Сладкий
Красные яблоки слаще зеленых.
<раздел>Цвет
Яблоки бывают разных цветов.