Длина h1: Исчерпывающие правила создания заголовка (тега) H1 для страниц сайта

Содержание

Исчерпывающие правила создания заголовка (тега) h2 для страниц сайта

Что такое тег h2?

h2 – это HTML-тег , указывающий на заголовок страницы сайта.

Давайте по порядку.

  • HTML расшифровывается как Hyper text mark-up language – «Язык разметки гипертекста». Большинство сайтов используют этот язык, чтобы создавать веб-страницы.
  • Тег – это тег HTML, который является частью кода. Он посылает браузеру сигнал о том, как отображать ваш контент.
  • Заголовок – в системе HTML есть шесть разных тегов заголовка — h2, h3 и так далее. Тег h2 считается самым важным, а тег h6 наименее значимым. Теги часто отличается друг от друга по размеру – самый большой тег является самым важным, а самый маленький наименее значимым.

Рис. 1. Теги часто отличаются по размеру

Если бы Вы хотели создать h2 в HTML, он бы выглядел примерно вот так:

<h2> Привет, меня зовут Заголовок номер один! </h2>

Для примера. Откройте любую веб-страницу и выполните следующие шаги.

1. Убедитесь в том, что Вы находитесь на веб-странице.

Есть? Отлично.

 

Рис. 2. Пример веб-страницы

2. Посмотрите на источник кода.

Чтобы это сделать, используем правую кнопку мышки (кликаем по пустой области страницы сайта) и выбираем пункт «Исходный код страницы» (инструкция для Firefox).

Рис. 3. Как просмотреть источник кода на веб-странице

Вот что Вы увидите, просматривая источник кода:

 

Рис. 4. Пример источника кода

3. Найдите тег h2.

Нажмите CTRL + F и откройте строку поиска в своем браузере. После нажатия CTRL + F, появляется маленькое окошко поиска в верхнем правом углу окна браузера.

Введите «h2», затем нажмите кнопку «Enter». Браузер выделит h2 на странице.

 

Рис. 5. Тег h2 на странице исходного кода

Текст между тегом h2 «SEO-продвижение сайта» и есть Заголовок h2.

 

Почему тег h2 так важен?

Тег h2 всегда был очень важным фактором ранжирования.

Было немало трендов в сфере SEO, которые становились популярными, а затем исчезали, но теги h2 всегда имели большое значение.

В недавнем обзоре факторов ранжирования от «Moz», теги являются третьим самым весомым фактором ранжирования.

h2 – это, как правило, визуально самый заметный контент на странице.

Это, возможно, самая важная SEO-функция тега h2. Хотя поначалу, Вы можете не осознавать всю значимость тегов h2.

Почему нет? Потому, что они скорее ориентированы на пользователя, чем на техническую оптимизацию страницы, да?

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

Не забывайте о том, что пользователи должны замечать h2. Этот тег имеет значение!

Тег h2 является одной из наиболее мощных стратегий SEO и ключевым пользовательским элементом в Вашем арсенале.

Теперь давайте обсудим, как это работает.

Как создать убийственный тег h2?

Тег h2 – это не какая-то секретная стратегия. На самом деле, практически все знают что-то о SEO-оптимизации или HTML и используют теги h2.

80 % сайтов в топе результатов Google используют тег h2.

Рис. 6. 80 % сайтов в топе результатов Googleиспользуют тег h2

Вот правила создания тегов h2. Следуйте моим советам, и у вас будут идеальные теги h2.

1. Используйте только один тег h2.

На каждой странице должен быть только один тег h2. Нет причин для использования более одного тега h2.

Почему так? Если один тег так хорош, почему бы не использовать два или даже шестнадцать?

Это неправильный ход мысли.

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

Наличие более одного тега h2 не обязательно собьет поисковую систему с толку, но может рассеять ту силу SEO, которая концентрируется вокруг одного h2.

2. Ваш тег h2 должен описывать тему вашей страницы.

На самом базовом уровне, тег h2 должен описывать ваш контент.

  1. Часто тег h2 похож на тег оглавления.
  2. Обычно тег h2 является заголовком статьи в Вашем блоге.
  3. Как правило, тег h2 дает читателю представление о том, что он будет читать.

3. Длина тега h2 должна составлять 20-70 символов.

Не зацикливайтесь на длине тега h2. Она не играет такой роли, как раньше.

Единственная причина, по которой я об этом говорю – это желание Вас предостеречь. Если тег слишком короткий, Вы теряете ценное пространство. Но если он слишком длинный, мощность тега рассеивается.

Оптимальная средняя длина тега – 20-70 символов.

4. Ваш тег h2 должен выделяться.

Тег h2 должен быть самым важным визуальным элементом на странице.

  1. Он должен быть большим.
  2. Он должен быть заметным.
  3. Нужно использовать такие визуальные элементы, форматирование и стиль, которые заставят Ваш тег выделяться.

Почему это важно?

Как я уже говорил ранее в статье, пользовательский опыт – это самое важное.

Блог SmartPassiveIncome – это отличный пример правильного форматирования. Теги h2 Пэта Флинна очень мощные.

Я взглянул на исходный код и вот, что я увидел:

Вот еще один пример из блога Рамита Сетхи.

Можете угадать, где его тег h2?

Да. Тегом h2 в данном случае является предложение: «А знаете, сколько вы могли бы зарабатывать?».

То, что я пытаюсь вам сказать, связано с пользовательским опытом. Я остановлюсь на этом подробнее в следующем разделе.

5.

Создавайте такие теги h2, которые обеспечивают хороший пользовательский опыт.

За последние несколько лет SEO-оптимизация сильно изменилась. Главное изменение связано с огромным влиянием пользовательского опыта на SEO.

Чтобы лучше понимать соотношение SEO и пользовательского опыта, давайте рассмотрим диаграмму Венна.

Эта диаграмма была опубликована в 2012 году.

В 2017 году SEO, вероятно, займет еще меньший круг в сравнении с дизайном и юзабилити.

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

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

Поисковые системы постоянно вносят изменения в алгоритм построения факторов ранжирования, основываясь на привычках миллионов пользователей.

Другими словами, то, как пользователи взаимодействуют с Вашей страницей, непосредственно влияет на то, как будет оцениваться Ваша страница.

Тег h2 является одним из самых важных элементов на Вашей странице. Он влияет на взаимодействие с пользователем.

Почему так? Потому что он заметен. Благодаря тегу пользователи получают определенное сообщение. В нем скрыт определенный посыл. И обещание.

Тег h2 должен напрямую общаться с пользователем!

В 2015 году компания «Searchmetrics» провела масштабное исследование факторов ранжирования. Согласно исследованию, наибольшее влияние на пользователя имеет не сам тег h2, а способ форматирования тега!

Вот самое важное предложение из их исследования:

«Наличие тегов h2 и h3 обеспечивают правильную структуру статьи и разбивают ее на части – эти элементы улучшают пользовательский опыт».

Это увлекательная часть познаний о теге h2. Имеет значение не просто само наличие тега h2 на странице – это отправная точка.

Самое главное – это способ форматирования и размещения тега h2!

6. Тег h2 должен соответствовать пользовательскому намерению.

Фраза «пользовательское намерение» смущает некоторых людей, но на самом деле это довольно просто.

Когда Вы создаете контент, обязательно задайте себе вопрос: «Чего хочет пользователь, открывая мою статью? Какие у него намерения?»

Ваш тег h2 должен удовлетворить это намерение.

Если кто-то ищет «рискованные тактики в сфере SEO», я могу предположить, что человеку нужны быстрые и действенные методы поисковой оптимизации, которые могли бы повысить его рейтинг.

Если бы я писал статью на эту тему (ой, подождите, я же уже ее написал!), я попытался бы ответить на вопросы пользователей с помощью своего тега h2.

Вот как работает пользовательское намерение.

Во-первых, пользователь понимает, о чем статья. Именно ради этого они используют Google.

Рис. 7. Пример запроса в Google«Рискованные и действенные тактики в сфере SEO»

И вот многообещающие результаты.

Рис. 8. Результаты поискового запроса

Пользователи щелкают на одну из ссылок! А вот и статья из моего блога на эту тему.

Рис. 9. Статья о рискованных тактиках в сфере SEO

Моя цель состоит в том, чтобы мой тег h2 дал пользователю именно то, что ему нужно, – они ведь пришли за простыми, но рискованными тактиками в сфере SEO и хотят увеличить свой трафик.

Задача тега h2 – удовлетворять пользовательское намерение.

Вот как это объясняет Марк Плетель из «SEJ»:

«Чтобы у Вас были отличные теги h2, оптимизированные под алгоритм Hummingbird, попытайтесь понять, кто же такой пользователь».

Позвольте мне кратко изложить основные правила создания потрясающих тегов h2.

  1. Используйте только один тег h2.
  2. Тег h2 должен описывать тему страницы.
  3. Тег h2 должен выделяться.
  4. Тег h2 должен обеспечивать хороший пользовательский опыт.
  5. Используйте ключевые слова в теге h
  6. Соответствуйте пользовательскому намерению в своем h

 

Как быстро определить и изменить теги h2 на сайте?


Проведите аудит тегов h2. Вот в чем сила тега h2 – это быстро и это просто. И это дает невероятные результаты в рекордные сроки.

Если у Вас небольшой сайт или блог, выполните следующие шаги.

Загрузите приложение

ScreamingFrog

Это можно сделать на сайте https://www.screamingfrog.co.uk/.

Нажмите на кнопку «SEO Spider Tool».

Затем нажмите на кнопку «Загрузить».

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

Откройте приложение ScreamingFrog.

После того, как Вы успешно загрузили Screaming Frog, откройте его.


Введите свой URL-адрес.

Нажмите «Начать» и подождите, пока закончится процесс сканирования.

В зависимости от размера Вашего сайта, на это уйдет от нескольких минут до нескольких часов.

У приложения Screaming Frog уходит примерно меньше минуты, чтобы отсканировать 500 страниц.

Щелкните на тег h2 в панели меню.


Таким образом, вы увидите весь список тегов h2 на вашем сайте.

Проверьте, не отсутствуют ли какие-либо теги h2.

Проверьте меню фильтра.

Выберите вкладку «Отсутствуют»

Вы увидите все страницы на сайте, которым не хватает тега h2.

Рис. 10. Страницы на сайте, которым не хватает тега h2

Ваша первая задача – создать тег h2 для каждой из этих страниц.

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

Создайте список отсутствующих тегов h2.

Нажмите на кнопку «Экспортировать».

Найдите хорошее место для сохранения файла.

Это файл CSV, поэтому его можно открыть через Excel.

Отфильтруйте те теги h2, которые дублируются.

Это можно сделать, нажав на кнопку «дублированный» в меню фильтра.

Сохраните эту информацию в файле CSV, чтобы использовать ее в будущем.

Вернитесь к меню фильтра, выберите вкладку «Все».

Экспортируйте список.

На данном этапе у Вас должно быть три файла CSV (отсутствуют, дублируются, все).

Создайте новый тег h2.

Ваша задача – создать новый тег h2 для каждой категории. Начните с отсутствующих тегов, затем перейдите к дублированным тегам и, наконец, пересмотрите все h2.

Если Ваш сайт содержит десятки тысяч страниц, начните работу с важнейшими тегами h2, а именно –  с отсутствующими.

Но если у Вас есть время, обновите все свои теги h2 в соответствии с приведенными выше рекомендациями.

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

 

Вывод

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

Но что еще более важно – Вы точно знаете, как использовать тег h2 для максимального воздействия в сфере SEO.

Имейте в виду, что тег h2 по-прежнему очень важен для SEO-оптимизации. Это очень мощный инструмент – Ваш сайт может взлететь, Ваш контент может взлететь, а также Ваш трафик и Ваши рейтинги.

Надеюсь, что Вы сделаете то, что сделал я – я открыл для себя потенциал тегов h2. Обновите их на своем сайте – всплеск трафика гарантирован.

 

Оригинал взят с сайта neilpatel.com: How to Create the Perfect h2 Tag for SEO

h2 заголовок html что это такое в SEO, пример на сайте. Как правильно писать текст заголовков h2 h3 h4 h5 h5 h6

h2 (h – от header, а 1 – это уровень) – это заголовок первого уровня, который не является мета-тегом, но вместе с мета-тегами title и description составляют основу представления страницы для поисковиков.

Наличие правильного h2 – важнейшее условие для хорошего СЕО продвижения.

Сколько уровней бывает у заголовков

Уровней заголовков на сайте может быть 6. Цифра отображает общность тайтла, где 1 это самый общий и важный заголовок, отображающий тему всей страницы, а далее по уменьшению.

Обычно не используют h5-h6 т.к. h2-h4 вполне хватает. Исключение составляют длинные статьи с большой иерархией. Главное, чтобы структура текста была понятна.

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

Не нужно забывать, что вы всегда можете оформить h2 css стилями, сделав их меньше, другим цветом и т.д. Или же наоборот придать Обычному тексту стиль h2. Главное, чтобы логика не страдала.

Какие правила для написания

Одна страница – один h2

Поисковики, в целях борьбы с переспамом перестали выделять несколько h2, но с логической точки зрения – нельзя ставить несколько тайтлов 1 lvla. Для этого существуют h3 и h4.

Так h2 выглядит в коде

При этом критической ошибкой это не является, но рекомендуется ставить h2 только 1 раз на страницу. Он отображает общее содержимое.

А далее это содержимое можно разбить на более мелкие подзаголовки h3, разбивающиеся на h4 и т.д. Все это должно быть выстроено в иерархической структуре.

Например:

h2 – короткое описание страницы или название товара

Как уже было сказано ранее – h2 должен четко описывать содержимое.

Обычно в него входят высокочастотные слова или фразы.

Нельзя составлять его из не информативных фраз или, например, преимущества товара (Быстро, качественно, не дорого).

Вот пример правильного h2:

Длина

Длина заголовка в идеале не должна быть больше 60 символов, а еще лучше если он будет 3-4 слова т.к. иногда поисковики используют h2 в качестве заголовка сниппета, а он ограничен.

Самое важное это то, чтобы он четко описывал контент. А для сниппета существует мета-тег тайтл.

Уникальность

Уникальность заголовка это важное правило, при формировании страниц на сайте. Дубликаты на разных страницах, как и отсутствие h2 вовсе – это серьезная ошибка, которую надо устранять.

При формировании – желательно, чтобы он не дублировал title. А еще лучше, если h2 и title будут включать в себя разные ключи.

Где прописать h2?

Если ваш сайт на CMS системе – скорее всего в вашем шаблоне уже представлена возможность автоматически назначать h2, которые будут браться из названии статей или товаров.

Так, например, в CMS Joomla он устанавливается из заголовка материала:

В настройках вы можете отключить автоматическое отображение по вашему усмотрению

В WordPress же h2 будет являться верхняя строка формы, где указывается название страницы

Итог

Правильное использование h2 позволяет сформировать более удобное восприятие информации. А это учитывается поисковыми роботами.

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

что это за заголовок, как прописать на сайте и для чего предназначен в SEO и его длина в 2021?

Приветствую! Пришло время рассказать ещё об одном важном мета-теге – заголовке h2. HTML тег h2 входит в тройку самых важных метатегов в SEO.

Ранее мы уже обсудили как правильно прописывать Тайтл и Дескрипшн и вот теперь пришло время поговорить о теге-заголовке.

Содержание статьи:

 Что это за тег такой?

h2 – это собственно сам Заголовок.  В отличие от Title заголовок h2 не должен содержать вхождения наибольшего количества ключевых слов, да и вообще он может быть более «желтушным», т.к. задача данного тега – привлечение внимания ВНУТРИ сайта.

Таким образом, отметим несколько основных критериев, как правильно прописывать

Выглядит Заголовок 1 вот так:

Длина h2 в 2021 году

Также в отличие от метатега Тайтл – h2 гораздо короче, его длина, желательно, не должна превышать 50 символов.

В эту длину необходимо поместить второе по важности высокочастотное ключевое слово, т.к. первое должно пойти в Title.

Ключевой запрос можно склонять, слегка разбавлять предлогами и обязательно доводить до читабельного вида.

Инфографика

Слова словами, а вот инфографика ещё никому не навредила 🙂

 

В высоком разрешении инфографику по заголовку h2 можно скачать тут.

Заголовок Н1 для интернет-магазинов

Как и в случае с другими мета-тегами, мы также по-разному подходим к написанию нашего заголовка № 1 в SEO.

Для коммерческих сайтов и информационных проектов заполняем h2 по-разному.

Главная

Заголовок h2 для главной интернет-магазина или сайта услуг в отличие от Тайтла не должен содержать гео-привязку и коммерческие фразы. В теге должно содержаться основное ключевое слово (второе по частотности, первое мы помним уходит в Title), которые характеризует в общем чем занимается интернет-магазин и бренд.

Т.е. формула заголовка:

%Второе по значимости ключевое слово% %Бренд%

Пример правильного h2 для интернет-магазина платьев:

Лучшие платья на «Платья 24»

Посадочные

Для посадочных страниц в принципе всё тоже самое, только не используем бренд коммерческого сайта, а просто второе по значимости (или синоним) основного ключевого слова.

Пример для магазина платьев:

Вечернее платье на свадьбу

Тег Н1 для информационных сайтов

С инфосайтами ситуация несколько иная. Здесь нам желательно использовать вопросительные предложения. Также следует прописывать вторую по значимости/частотности ключевую фразу.

Рассмотрим h2 для Главной и для статьи.

Главная

Для главной страницы информационного проекта можно использовать общую фразу, которой описывается весь сайт.

Артём Высоков

Автор блога о SEO и заработке на сайтах — Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.

Задать вопрос  Загрузка …

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

Всё о платьях

Есть и другой вариант, поставить высокочастотную фразу, это при условии что вы двигаете главную страницу под какой-то запрос.

Статьи

Для статей берём желательно (но далеко необязательно) вопросительные фразы, вторые по частотности после той что вставили в Тайтл.

Т.е. если у нас для Title выбрана фраза:

Как выбрать вечернее платье на выпускной или свадьбу по типу фигуры?

То в h2 мы можем поставить:

Выбор вечернего платья на выпускной или свадьбу

Что делать если нет заголовка 1?

В некоторых шаблонах на WordPress, Joomla или других CMS, верстальщики могут накосячить и сделать основной заголовок не в h2, а в DIV или, что чаще встречается, в h3 или h4. Это довольно грубая ошибка, т.к. по мнению многих SEO-специалистов (в том числе и я придерживаюсь такого же) на странице обязательно должен присутствовать тег h2.

Несмотря на это, есть заявления от Google, а точнее от Джона Мюллера, где он сообщает, что заголовки Н1 никак не влияют на ранжирование. Ниже видео на английском:

Но я всё равно придерживаюсь того, что на странице необходим html-тег заголовка h2.

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

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

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

В общем, друзья, рекомендую всё же придерживаться мнения, что тег h2 на странице нужен. Давайте делать всё максимально правильно, ведь алгоритмы поисковых систем состоят из множества факторов и наша задача выполнить максимальное количество факторов на 5+.

Сколько раз на странице можно использовать?

Ещё один нюанс касающийся наличия Заголовка 1 на странице, а именно сколько заголовков h2 может быть на странице? И что делать, если на странице присутствует больше одного тега Н1?

Опять же я рекомендую такую формулу: 1 страница = 1 заголовок h2.

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

h2 и Title

И ещё один важный момент. Я категорически против дублирования двух важных метатегов Тайтла и Заголовка Н1.

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

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

Я думаю, тут очевидно, что теги h2 и Title должны быть разными!

Резюме

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

Ну а если у вас остались вопросы, то велкоме в комменты! 😉

Что такое h2?

Тег h2 является основным заголовком страниц отражающим ее содержание. Размещается как можно ближе к верху страницы. Заголовок должен отображать содержание статьи, возможно включение ключевых слов страницы отображающих ее тематику. Для каждой отдельно взятой страницы заголовок должен быть уникальным.

Размер заголовка должен составлять от 2 до 6 слов

Пример не оптимального заполнения Н1:

<h2>Home</h2> — Короткий заголовок, не отображает суть страницы

<h2>Установка и изготовление пластиковых окон, стеклопакетов и теплопакетов, ремонт оконных конструкций. Онлайн-калькулятор расчета стоимости. </h2> — Длинный заголовок, разбит на предложения, не отображает суть страницы.

Пример оптимального заполнения Н1:

<h2>Ремонт, установка, изготовление стеклопакетов и пластиковых окон</h2> — В данном примере мы оптимально совмещаем запросы в одно предложение, а также отражаем суть страницы

Описание исправление ошибки на примере:

Вносим произвольный сайт http://audit.megaindex.ru/

Открываем вкладку «Н1», видим Н1 “Установка и изготовление пластиковых окон, стеклопакетов и теплопакетов, ремонт оконных конструкций. Онлайн-калькулятор расчета стоимости. — Длинный заголовок, разбит на предложения, не отображает суть страницы.“. Колонка уровень проблему отображает значение «7».

При наведении на данное значение мы видим, что 2 балла присвоено за то что заголовок Н1 длинный (Количество слов более 6).

Еще 1 балл присвоен за то что Н1 не уникален — имеется Дубль (кликнув на Н1 можем перейти на страницу где указаны все имеющиеся дубли данного Н1).

Также присвоено 4 балла за то, что на странице несколько заголовков Н1.

Исправляем проблему уменьшив длину Н1 до 6 слов, и сделав текст заголовка уникальным для каждой страницы, а также оставив один заголовок на странице.

Оставить комментарии по дополнению описания или задать вопросы можно на официальном блоге проекта www.blog-mi.ru .


h2 — базовый заголовок первого уровня: что писать, длина, примеры

Автор Вадим Никитенко На чтение 10 мин. Опубликовано

Как оптимизировать страницу с помощью html заголовка первого уровня h2? Какая должна быть его длина и сколько тегов h2 можно использовать на странице? Примеры хороших и плохих заголовков. Обо всем подробнее читайте в данной статье.

h2 — это базовый заголовок страницы первого уровня. В Html разметке существует всего 6 заголовков, показывающих важность блоков стоящих под ними. Наиболее важный заголовок h2, наименее — H6.

По-умолчанию, стили заголовков отличаются: h2 имеет наибольший размер, далее по нисходящей, соответственно, H6 — наименьший из заголовков. Визуальное отличие в отображении сделано для пользователей, которые посещают web-ресурсы. Для роботов имеет значение синтаксис.

Синтаксис заголовка h2

В Html-коде страницы заголовок h2, как правило, размещается в пределах парного тега body как можно ближе к началу страницы. Выглядит вот так:

<h2>h2 — базовый заголовок первого уровня</h2>

Пример использования тега h2 на данной странице:

h2 является парным тегом. Текст расположенный между открывающим тегом <h2> и закрывающим тегом </h2> и является заголовком первого уровня. Заголовки h3-H6 имеют аналогичный синтаксис.

Важно! Заголовки h2-H6 должны иметь иерархическую и смысловую последовательность. Заголовок третьего уровня не должен содержать в себе блок с заголовком второго уровня, также как и заголовок четвертого уровня не должен находиться внутри блока с заголовком второго уровня.

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

<html>
 <head>
 <title>Популярные породы кошек в России и США</title>
 </head>
 <body>
  <h2>Породы кошек в России и США</h2>
  <p>Вступление</p>
  <h3>Породы кошек в России</h3>
  <p>Текст про породы кошек в России</p>
  <h4>Русская голубая кошка</h4>
  <p>Текст про русскую голубую кошку</p>
  <h4>Сиамская кошка</h4>
  <p>Текст про сиамскую кошку</p>
  <h3>Породы кошек в США</h3>
  <p>Текст про породы кошек в США</p>
  <h4>Мейн-кун</h4>
  <p>Текст про породу Мейн-кун</p>
 </body>
</html>

Более подробно ознакомиться c иерархией и структуризацией страницы с помощью заголовков вы можете в спецификации HTML5.

Для чего нужен заголовок h2?

Заголовки в целом нужны для правильной структуризации документа. Соблюдение структуры web-страницы необходимо как для пользователей, которые визуально воспринимают информацию на сайте, так и для роботов поисковых систем. Для первых понятная структура страницы является залогом простоты восприятия информации, для вторых заголовки и блоки под ними представляют семантическую важность.

Заголовок страницы в отличие от тега meta description виден всем пользователям сайта. h2 является смысловым обобщением содержания web-страницы.

Особенности заголовка h2

Заголовок первого уровня — это блочный элемент, который всегда начинается с новой строки. Он по-умолчанию обладает жирным начертанием и имеет свои отличительные особенности, которые не присущи другим заголовкам более низких уровней.

Что писать в h2?

Как уже говорилось ранее, h2 — это заголовок первого уровня как в визуальном плане, так и в смысловом. Базовый заголовок должен отражать содержание всей страницы, а не отдельных ее частей. h2 не должен дублировать тег title, но также как title и description должен содержать главное ключевое слово страницы. У тега h2 высокая вероятность попасть в заголовок динамического сниппета, поэтому дублирование h2 и title является плохой практикой. Вы таким образом сужаете вариативность и релевантность своего сниппета по низкочастотным запросам.

Главное требование к h2 — это релевантность содержимому страницы. Заголовок помимо наличия ключевого слова должен привлекать внимание и быть интересен пользователю. Пример корректно составленного h2:

Размер и длина заголовка h2

Начнем с размера. Во многих SEO-блогах можно найти информацию о том, что заголовок h2 обязательно должен быть визуально больше остальных заголовков, в противном случае поисковые системы посчитают это содержание за неоптимизированный контент, и позиции сайта могут понизиться в выдаче. Есть ли у этой информации объективная основа? Нет. Ни в спецификации HTML, ни в справочной информации поисковых систем вы не найдете данных, отражающих важность визуальных стилей заголовков.

Более того, многие начинающие оптимизаторы по ошибке принимают текст самого большого размера за заголовок первого уровня, хотя зачастую это бывает не так. Вот отличный пример:

По запросу «Купить мужские джинсы» в ТОП-5 выдачи Яндекс (на момент написания статьи) присутствует один из лидеров E-commerce интернет-магазин Lamoda.ru. На скриншоте видно, что заголовок первого уровня «Мужские джинсы» гораздо меньше по размеру, чем описательный блок <div>, и другие текстовые элементы, размещенные на странице.

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

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

Сколько заголовков h2 может быть на странице?

Согласно спецификации HTML 5 количество заголовок первого уровня возможно использовать для каждого тега article или section. Яндекс в разделе представления информации о сайте  не упоминает о возможном количестве использования h2, а лишь говорит о том, что должна быть соблюдена иерархия использования заголовков. Официальный представитель Google Джон Мюллер на официальном канале youtube Google Webmasters отмечает, что использование множественных заголовков h2 на одной странице не является проблемой, если это не нарушает иерархию web-документа.

Что говорит практика? На практике подавляющее большинство оптимизаторов, seo-компаний и подрядчиков использует при структуризации страниц только 1 заголовок h2. Заголовок первого уровня также не используется при оформлении элементов интерфейса: меню, сайдбары и т.д. Нет объективных исследований по влиянию количества заголовков h2 на повышение позиций сайта в выдаче или переоптимизацию ресурса, да и согласно официальным данным поисковых систем такие исследования не нужны.

Мы рекомендуем все-таки не отходить от общепринятой практики и использовать только 1 уникальный h2 заголовок на странице. В спецификацию HTML достаточно часто вносятся изменения. Для оптимального построения иерархии и структуризации страниц большинству web-проектов будет достаточно использовать первые три заголовка. Не стоит экспериментировать, так как все необходимые инструменты для создания иерархии у вас уже есть.

Проверить заголовок h2 на странице

Существует 3 простых способа проверить заголовок h2 на странице:

  1. Кликните правой кнопкой мыши на участок текста, и в зависимости от вашего браузера нажмите кнопку «Посмотреть код» (Chrome), «Исследовать элемент» (Mozilla Firefox) или «Проверить объект» (Safari). У вас откроется панель вебмастера как на скриншоте ниже. В html коде страницы вы увидите разметку текста, и поймете какого уровня заголовок перед вами и заголовок ли это вообще.
  2. Сочетание клавиш Ctrl+Shift+C вызывает панель вебмастера. Кликните в любое место представленного html кода. Далее нажмите сочетание клавиш Ctrl+F для поиска по содержимому кода, и вбейте в поисковую строку «h2».
  3. Кнопка F12 вызывает панель разработчика. Поиск элемента h2 делается аналогично предыдущему способу.

8 ошибок при написании h2

Мы систематизировали наиболее часто встречающиеся ошибки при составлении заголовков первого уровня. Проверьте, есть ли эти ошибки на вашем сайте:

[su_list icon=»icon: minus» icon_color=»#005a8c»]

  • Посторонние элементы. В h2 кроме текста не должно быть ничего. Некоторые вебмастеры думают, что они усилят заголовок, обернув его также в тег strong или b, придав ему жирное начертание, итак заложенное в стилях. Это плохая практика, старайтесь ее избегать. Не рекомендуем также чрезмерно использовать пунктуацию (знаки препинания в заголовках). Старайтесь делать их простыми и лаконичными.
  • Отсутствие или переизбыток ключевых слов. Из крайности в крайность. h2 — это квинтэссенция вашей семантики на странице. Ключевое слово должно присутствовать в заголовке. Отсутствие ключевых слов в главном заголовке страницы поставит под вопрос ее релевантность поисковым запросам.
  • Дублирование. Ошибкой является как дублирование title в h2 и наоборот, так и дублирование h2 на разные страницы сайта. h2 должен быть уникальным для всего сайта. Из 2 страниц с одинаковым контентом в выдачу попадет наиболее релевантная.
  • Длина. Старайтесь укладываться в 60 символов. Заголовки h2 по 300-400 символов можно увидеть на многих ресурсах, не следуйте дурному примеру. Также не стоит составлять базовый заголовок из одного слова, если это не головной раздел сайта или общая категория товаров.
  • Грамматика. Грамматические ошибки сводят на нет всю семантическую значимость вашего заголовка. Старайтесь не допускать ошибки в тексте, а в заголовке — тем более!
  • Больше одного h2. Этот вопрос мы подробнее расписали выше. С натяжкой отнесем данный пункт к ошибкам оптимизации.
  • Отсутствие структуры. h2 должен располагаться в начале страницы. Другие заголовки до этого тега присутствовать не должны.
  • Не заполнение h2. Кто-то опускает момент заполнения h2 вообще. Это грубая ошибка, которую нельзя допускать.

Примеры: Хороший h2 vs Плохой h2

Давайте рассмотрим на паре живых примеров заголовок первого уровня h2

Пример #1

[su_list icon=»icon: plus» icon_color=»#005a8c»]

  • Хороший заголовок. Заголовок находится в начале страницы, не дублируется, его размер 59 символов. h2 отражает суть всей статьи, содержит высокочастотное ключевое слово в начале, вызывает интерес у читателя.

[su_list icon=»icon: minus» icon_color=»#005a8c»]

  • Плохой заголовок. Размер h2 явно превышает 60 символов, заголовок переоптимизирован, он не отражает смысловую суть документа целиком. Заголовок представляет из себя перечисление частей статьи, в нем содержится слишком большое количество ключевых слов.

Пример #2

[su_list icon=»icon: plus» icon_color=»#005a8c»]

  • Хороший заголовок. Лаконичный заголовок первого уровня, находится в начале страницы, характеризует категорию товаров с половой сегментацией, является ключевым словом. У h2 отсутствуют посторонние элементы в коде, грамматические ошибки, он не дублируется.

[su_list icon=»icon: minus» icon_color=»#005a8c»]

  • Плохой заголовок. Заголовок данного сайта расположен в шапке. Это значит, что h2 «КУПАЛЬНИКИ» дублируется абсолютно на всех страницах сайта, не отражает семантику страницы. По слову «купальники» невозможно понять, что находится на странице: интернет-магазин, блог о купальниках, размерные сетки купальников или что-то еще. В категориях появляется 2 заголовка h2. Также заголовок состоит из одного слова, и не характеризует половую сегментацию товара.

Как вставить тег h2 в популярных CMS?

В каждой системе управления сайтом есть встроенный функционал, формирующий h2 для категории, страницы или раздела. Давайте рассмотрим, как вставить заголовок первого уровня в самых популярных системах управления сайтами.

WordPress

В WordPress заголовок первого уровня формируется из текстового поля над постоянной ссылкой записи или страницы. Любую CMS можно кастомизировать на свой вкус. В случае отключения основного заголовка, есть возможность вывода h2 с помощью визуального редактора — выпадающий список со словом «Абзац».

Bitrix

В панели управления заголовок h2 по-умолчанию формируется во вкладке «Раздел» или «Элемент» в поле «Название». Либо во вкладке SEO в поле «Заголовок раздела», предварительно установив галочку «Изменить для этого раздела и его подразделов».

Joomla

В Joomla аналогично другим системам заголовок h2 формируется очень просто. Текстовое поле Title, либо выпадающий список «Paragraph».

Помимо стандартных средств в каждой CMS можно добавить заголовок первого уровня с помощью визуального редактора, либо перейдя в режим исходного кода. В режиме исходного кода вы руками можете прописать h2 согласно его синтаксису.

Если вы нашли неточности, либо у вас есть замечания к статье, пожалуйста, пишите в комментарии.

Заголовки h2, h3, h4 в SEO. ТОП эффективных практик в 2021 || Блог Megaindex.com

Текстовые факторы входят в перечень ключевых факторов ранжирования. Содержание заголовка h2 является значимым сигналом, который влияет на ранжирование в поисковой выдаче. Влияние подтверждено поисковыми системами.

Какая длина заголовка является оптимальной? Как оптимизировать содержание заголовков?

Разберемся с вопросами далее.

1 — Влияние заголовков h2—h6 на продвижение сайта


Заголовками называется фрагменты тексты, которые размечены в коде страницы тегами h2, h3, h4, h5, h5, h6.

Заголовок является значимым сигналом.

Пример разметки:

<h2>Главный заголовок 1</h2>
<h3>Вложенный заголовок 2</h3>
<h4>Вложенный заголовок 3</h4>
<h5>Вложенный заголовок 4</h5>
<h5>Вложенный заголовок 5</h5>
<h6>Вложенный заголовок 6</h6>

Факторов ранжирования много, но текстовые входят в перечень главных. Какие есть основания доверять данному утверждению? Факт подтверждается практикой, но не только. Основания такие:
  • Публичные заявления от имени поисковых систем;
  • Упоминания в патентах о ранжировании.

Заявление Google:
So headings on a page help us to better understand the content on the page.

Headings on the page are not the only ranking factor that we have.

We look at the content on its own as well.

But sometimes having a clear heading on a page gives us a little bit more information on what that section is about.


Перевод:
Заголовки на странице помогают нам лучше понимать контент страницы. Но это не единственный фактор ранжирования, который у нас есть. Мы также смотрим на сам контент. Однако иногда наличие чёткого заголовка на странице даёт нам немного больше информации про то, о чём раздел.

Когда дело доходит до текста на странице, заголовок – это действительно сильный сигнал, который говорит нам, что эта часть страницы связана с этой темой.

Еще:
When it comes to text on a page, a heading is a really strong signal telling us this part of the page is about this topic.

whether you put that into an h2 tag or an h3 tag or H5 or whatever, that doesn’t matter so much.

Rather kind of this general signal that you give us that say this part of the page is about this topic. And this other part of the page is maybe about a different topic.


Еще:
We do use headings when it comes to search. But we use them to better understand the content on the pages.

Патенты гласят о следующем:
Рекомендованный материал в блоге MegaIndex на тему featured snippets по ссылке далее — Google Featured Snippets — Как вывести сайт на позицию ТОП-0?

Как правильно провести поисковую оптимизацию заголовков? Разберемся далее.

2 — Поисковая оптимизация заголовков h2-h6


Полный список главных правил поисковой оптимизации заголовков h2-h6:
  • Использовать заголовок h2 только один раз на странице;
  • В содержание использовать вхождения ключевых фраз из продвигаемых запросов;
  • Использовать h2 на каждой странице;
  • Размещать h2 в верхней части страницы;
  • Размещать ключевые фразы ближе к началу текста;
  • Выделять заголовки крупным размером шрифта;
  • Корректная иерархия h2-h6;
  • Содержание title и h2 должны быть разным;
  • Содержание заголовка должно быть уникальным в рамках сайта.

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

Алгоритмы научились распознавать смысл текста, поэтому частить повторами ключевых фраз в заголовках смысла мало.

Поисковая оптимизация является комплексом мер. Если на сайте будет много заголовков h2, больших проблем не будет. Факторов ранжирования много. Приведенные правила являются лучшими практиками.

Какой должна быть длина заголовка?

Оптимальная длина заголовков h2-h6


Длина определяется требуемым вхождением ключевых фраз.

Прямых рекомендация по длине нет. Если следовать данным из исследований, то лучше работают информативные заголовки — 14+ слов.

Оформление заголовков h2-h6


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

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

Интересно, что в патенте как фактор ранжирования упоминается размер шрифта.

Ссылка на патент — The Anatomy of a Large-Scale Hypertextual Web Search Engine.

Google considers each hit to be one of several different types (title, anchor, URL, plain text large font, plain text small font, …), each of which has its own type-weight.

Google counts the number of hits of each type… Then every count is converted into a count-weight.

Count-weights increase linearly with counts at first but quickly taper off so that more than a certain count will not help. We take the dot product of the vector of count-weights with the vector of type-weights to compute an IR score for the document.

Finally, the IR score is combined with PageRank to give a final rank to the document.


Ошибки в поисковой оптимизации заголовков


Ошибка: h2 и title с одинаковым содержанием


Содержание title и h2 на странице должно быть разным.

Ошибка: Сбой последовательности


Вложенность заголовков имеет значение. Часто данное правило игнорируется.

Ошибка:

Правильно:

Ошибка: Большое количество заголовков на странице


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

Заявление от Google:

Наличие большого количества разделов не будет иметь смысла, а изменение чего-либо на последнем уровне не изменит ничего в отношении SEO. С точки зрения SEO это пустая трата ресурсов.

Ошибка: Дубли заголовков h2 на сайте


На многих сайтах есть дубли страниц, а значит есть и дубли заголовков.

Как решить проблему дублей? Следует использовать rel=canonical. На основании разметки поисковая система перестанет учитывать страницы и заголовки как дубли.

Зачастую дубли появляются по причине использования GET параметров.

Что делать? Закрыть лишние страницы с параметрами от индексации.

Как? Проблема легко решается через использование директивы disallow. В robots.txt следует прописать такие директивы:

Disallow: *?*
Allow: *?разрешено_к_индексации*

Разберемся с логикой команд.

Сначала запрещаем индексацию всех страниц, на которых используются параметры.

Далее, отдельными строками, указываем названия нужных параметров, страницы с которыми следует допускать к добавлению в индекс поисковой системы.

Рекомендованный материал на тему robots.txt в блоге по ссылке далее — Как удалить страницы из индекса поисковых систем? Какие страницы нужно удалить из выдачи? Зачем?

Аудит заголовков


Задача поиска страниц ошибок в заголовках легко решается с использованием автоматических систем.

Например, можно использовать сервис по аудиту от MegaIndex.

Ссылка на сервис — Аудит сайта.

Сервис бесплатный.

Пример отчета для сайта seoheronews.

Выводы


В алгоритмах Yandex YATI и Google BERT есть механизм внимания, применяя который поисковые системы способны анализировать только часть контента на странице.

Заголовки выполняют функцию тематической разметки блоков текста.

Если использовать h2-h6 правильно, поисковые системы точно распознают тему разделов.

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

Если есть вопросы по теме, напишите в комментариях. Предлагайте темы материалов, которые следовало бы осветить в блоге.

Что такое Тег h2? Правила составления, длина и использование заголовка. Примеры

Что такое тег h2 и зачем он нужен

h2 — заголовок первого уровня. Пользователи видят его в верхней части страницы под хедером. Этот заголовок стоит вверху иерархии заголовков страницы и может быть только один.

h2 не имеет принципиального значения для SEO, при ранжировании страниц поисковые системы в первую очередь обращают внимание на Title. h2 имеет значение для пользователей — он должен емко передавать суть контента на странице, чтобы пользователь задержался как можно дольше.

Title — тоже заголовок страницы, но именно его считывают поисковые роботы при формировании выдачи. Он же отображается в сниппете и во вкладке браузера.

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

Основные правила написания заголовка h2

Длина заголовка h2

Рекомендуем использовать текст из 10-60 символов с обязательным вхождением основного ключа страницы. У некоторых CMS существуют специальные плагины, анализирующие контент страницы, с их помощью можно контролировать длину заголовков.

Отличия h2 и Title

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

Важно! Для формирования быстрых ссылок в сниппете стоит сделать h2 и Title одинаковыми, содержащими одно-два слова.

Содержание h2

Вставьте основной ключ ближе к началу заголовка, не разбивайте его знаками препинания. По возможности избегайте стоп-слов — чрезмерного количества предлогов или вводных конструкций. Знаки препинания используйте минимально, в конце заголовка не нужно ставить точку, только восклицательный или вопросительный знак, если это уместно.

h2 в иерархии заголовков

h2 может быть только один и должен размещаться выше остальных заголовков. В некоторых случаях h3-H6 можно не ставить, но h2 прописывать обязательно. Текст заголовка должен быть уникален как для отдельной страницы, так и для всего сайта.

Не переусердствуйте с остальными заголовками. Как правило, достаточно разбить текст до уровня h4. Слишком большое количество заголовков запутает пользователя и оттолкнет.

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

Ссылки в h2

В заголовке первого уровня не должно быть ссылок. Дело в том, что поисковая система считает не то, что видит пользователь, а код сайта. И все знаки, необходимые для добавления ссылки в текст через HTML, может принять за содержимое заголовка. Допустимо ставить ссылки в заголовки h3-H6, если это оправдано и полезно для внутренней перелинковки. Также нежелательно в <h2> вкладывать стили.

Как написать привлекательный заголовок?

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

«Заказ кухни под ключ не выходя из дома» — вариант для h2. УТП можно добавить в h3: «Замерим бесплатно, изготовим за 30 дней».

Если вы пишете заголовки для интернет-магазина, постарайтесь конкретизировать, что продаете. «Каталог» ни о чем не говорит пользователю, лучше написать «Холодильники и морозильные камеры».

Пишите как можно короче, выбирайте для заголовков высокочастотные запросы и добавляйте их целиком. Если хотите расширить семантику, прописывайте «хвосты» в h3-H6. Например, вместо «Как снять диск с болгарки» напишите «Как снять диск с болгарки без ключа». В любом случае, поисковые роботы почти не интересуются заголовками низших уровней, так что они вообще не обязаны содержать ключевые запросы.

Проверить правильность написания заголовков можно в нашем сервисе «Анализ сайта». При общей проверке он покажет заголовок главной страницы, а заголовки внутренних страниц можно увидеть в соответствующем блоке.

Как создать идеальный тег h2 для SEO

Неважно, управляете ли вы крошечным семейным магазином или корпорацией с мега-миллиардом долларов; контент-маркетинг работает.

Вы только посмотрите, как резко выросла индустрия контент-маркетинга в последние годы.

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

По правде говоря, большинство SEO-специалистов, контент-маркетологов, веб-разработчиков и маркетологов немного знают о h2s. Хотя это может быть проблемой; мы так привыкли слышать о h2s, h2s и говорить о h2s, что не останавливаемся и не думаем о , как написать их так, чтобы они нравились пользователям и поисковым системам.

Но ты другой. Вы читаете эту статью и собираетесь узнать точный метод создания отличных h2s, которые выведут ваш контент-маркетинг на новый уровень.

Что такое h2?

h2 — это HTML-тег, который указывает заголовок на веб-сайте.

Позвольте мне распаковать это.

  • HTML: Это означает язык гипертекстовой разметки. Большинство веб-сайтов используют этот язык для создания веб-страниц.
  • Тег: Тег HTML — это фрагмент кода, который сообщает вашему веб-браузеру, как отображать содержимое.
  • Заголовок: В HTML есть шесть различных тегов заголовков: h2, h3 и т. Д.H2 считается самым важным тегом, а H6 — наименее важным. Теги часто форматируются от большого (или самого важного) до самого маленького (или наименее важного).

Если бы вы создали h2 в HTML, это выглядело бы так:

Привет, меня зовут первый заголовок!

Вы можете сами это посмотреть. Откройте любую веб-страницу (желательно блог хорошего качества) и следуйте этим инструкциям.

Во-первых, убедитесь, что вы находитесь на веб-странице.

Затем просмотрите исходный код.

Для этого я использую сочетание клавиш для Chrome (Mac): command + Option + u (не нажимайте знак плюса, просто удерживайте одновременно command, option и u).

Команды, которые вы используете для открытия исходного кода, будут различаться в зависимости от используемого браузера и процессора.

Вы также можете нажать Просмотр → Разработчик → Просмотреть исходный код (в Chrome):

Это то, что вы увидите при просмотре исходного кода:

Затем найдите тег h2.

Нажмите CTRL + F, чтобы открыть функцию поиска в браузере. Опять же, я использую Chrome, но большинство браузеров используют эту функцию.

Когда я нажимаю CTRL + F, я вижу небольшую строку поиска в правом верхнем углу окна браузера.

Тип «h2.»

Затем нажмите Enter.

Chrome выделяет h2 на этой странице.

Между начальным и конечным тегами есть небольшой промежуточный код, но тег есть.

Копия в теге h2 — «Как поддерживать активность и вовлеченность вашей группы в Facebook.”

Вот и все. Это кажется довольно простым, но h2 имеет большое значение, как вы узнаете в следующем разделе.

Почему H2S так важны?

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

В целом посещаемость моего блога была довольно хорошей, но я решил еще раз присмотреться к нему, чтобы выявить улучшения. Одним из таких улучшений было обновление h2 в одной из моих статей.В течение трех дней на странице было на 85% больше органического трафика. Кроме того, он переместился со страницы 3 поисковой выдачи на страницу 1, позицию восьмую!

Все потому, что поменял х2.

Я не единственный, кто пережил такие разительные перемены. Фактически, мой рост поискового трафика ничто по сравнению с местным магазином автозапчастей в Хьюстоне, штат Техас, который изменил заголовки страниц и h2s. Результат?

В таблице все сказано:

Я не хочу походить на продавца змеиного масла с кучей анекдотов, поэтому позвольте мне дать вам холодные, неопровержимые факты о h2s и SEO.

h2 всегда были основным фактором ранжирования.

В SEO было много тенденций, которые приходили и уходили, но h2 никогда не теряли своего значения.

В последнем исследовании Moz по факторам ранжирования в поисковой сети теги заголовков указаны как второй по важности фактор ранжирования. Хотя это не всегда так, многие используют один и тот же тег заголовка. и h2.

h2 обычно являются наиболее заметным визуально контентом на странице и, вероятно, наиболее важной функцией SEO.

И сначала может показаться, что h2s вообще не является функцией «SEO», потому что это больше о пользователе, чем о технической оптимизации страницы, верно?

Верно! Это направление, в котором оптимизируется поисковая оптимизация в последние годы. SEO — это больше об оптимизации пользователей, чем о поисковой оптимизации .

Не пропустите идею о том, что пользователи замечают h2. Это имеет значение.

h2 — один из самых мощных элементов SEO и UX на странице, которые есть в вашем арсенале.

А теперь давайте разберемся, как их использовать.

Как D o Создать убийцу H2S?

h2 — не большой секрет. Дело в том, что их использует практически любой, кто хоть что-нибудь знает о SEO или HTML.

Так зачем я вообще написал эту статью? Это потому, что большинство людей используют их неправильно.

До недавнего времени даже я не осознавал, насколько ошибался, когда писал h2s. После того, как я повернул за угол и сделал открытие, мои знания о h2s резко возросли, и в результате посещаемость моего веб-сайта изменилась.

Вот правила создания h2.

1. Используйте только один h2

Для каждой страницы нужен только один тег h2. Нет причин использовать более одного тега h2.

Почему нет? Если один хорош, разве не лучше два или шестнадцать?

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

Наличие более одного h2 не обязательно сбивает с толку поисковую систему, но может ослабить SEO-возможности одного h2.

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

2. Ваш h2 должен описывать тему вашей страницы

На самом базовом уровне h2 должен описывать содержание.

  1. Часто тег h2 будет похож на тег заголовка или совпадает с ним.
  2. Обычно тег h2 будет заголовком вашего сообщения в блоге или статьи.
  3. Обычно тег h2 дает читателю четкое представление о том, что он собирается читать.

3.

h2 должно содержать от 20 до 70 символов

Если ваш h2 слишком короткий, вы тратите ценное пространство; если он слишком длинный, вы ослабляете силу тега.

Однако, если вы используете тот же тег h2 и title для страницы, вам следует уделять больше внимания.В соответствии с передовой практикой заголовки должны содержать от 40 до 60 символов, чтобы вы могли уместить большинство ключевых слов. Однако, когда вы начнете достигать диапазона 50-60 ключевых слов, ваш CTR может начать снижаться. В результате старайтесь придерживаться диапазона 30-40 символов.

4. Сделайте свой тег h2 заметным

Ваш h2 должен быть самым важным визуальным элементом на странице.

  1. он должен быть большим
  2. он должен быть сильным
  3. он должен быть заметным
  4. вы должны использовать любые визуальные элементы, элементы форматирования и стиля, необходимые, чтобы выделить эту вещь

Почему это важно?

Имейте в виду, что h2 — это семантический элемент, а не визуальный элемент, и важно сохранить это различие.Веб-дизайнерам не нужно добавлять элементы стиля с помощью семантических тегов, таких как h2, h3 и т. Д.

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

Размер имеет значение в веб-дизайне, а семантические теги имеют значение в веб-разработке. Объединение их в SEO имеет смысл.

Хороший пример такого форматирования можно найти в блоге Smart Passive Income.H2 Пэта Флинна определенно силен.

Когда я проверяю исходный код, я вижу следующее:

Вот еще один хороший пример от Рамита Сетхи.

Сможете угадать, что у него на h2?

h2: «Вы знаете свой потенциал заработка».

5. Создайте h2s, обеспечивающие хорошее взаимодействие с пользователем

SEO сильно изменился за последние несколько лет. Самым большим изменением на сегодняшний день стало влияние пользовательского опыта (или UX) на SEO.

Лучший способ рассмотреть SEO и UX — это диаграмма Венна (чтобы получить доступ к ссылке, вы должны загрузить расширение для Chrome).

Эта диаграмма была опубликована в 2012 году.

Спустя почти десять лет круг SEO станет меньшим кругом внутри еще большего круга дизайна и удобства использования.

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

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

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

Это потому, что это заметно. Он отправляет сообщение. Он передает настроение. Это обещание.

Ваш h2 должен открыто говорить с пользователем.Он должен быть отформатирован и размещен осторожно, чтобы ваш пользователь понял, что это заголовок страницы, и объяснил, о чем эта страница.

6. Используйте сфокусированное длиннохвостое ключевое слово в своем h2

Хотите верьте, хотите нет, но некоторые оптимизаторы поисковых систем не рекомендовали использовать ключевые слова в ваших h2s. Они думали, что это можно рассматривать как наполнение ключевыми словами, за что Google давным-давно наказал.

К счастью, в использовании ключевого слова в h2 нет ничего лишнего. Напротив, Google хочет, чтобы вы использовали ключевое слово в h2.Это помогает их сканерам лучше понять, о чем ваша страница.

Если вы не используете сильное ключевое слово в теге h2, Google все равно сможет узнать, о чем эта страница, соответствующим образом проиндексировать и присвоить вам хороший рейтинг. Зачем же упускать возможность предоставлять Google всю необходимую и желаемую информацию прямо в исходном коде вашего веб-сайта?

Лучше использовать ключевое слово; иногда именно длиннохвостое ключевое слово.

Позвольте мне показать вам наглядный пример того, как это работает, используя простое ключевое слово «бандитское тестирование.”

Хотя это ключевое слово технически не является длинным tail, оно хорошо подходит для наших целей, поскольку оно четкое, краткое, заметное и простое в использовании в теге h2.

Это страница из блога Crazy Egg.

Статья о бандитских испытаниях.

Самый заметный визуальный элемент на странице — «Глоссарий: бандитское тестирование». Это тоже h2.

Вот факты об этой странице:

  • Название : Что такое бандитское тестирование? The Crazy Egg Glossary
  • The h2 : Глоссарий: Bandit Testing
  • Ключевое слово: bandit testing

Их рейтинг на момент публикации этой страницы (впоследствии он был обновлен)? Страница Google 1, позиция пятая! Эта позиция была заработана всего через две недели после публикации статьи.

В этой статье используется более длинный подход. Ключевое слово в этом сценарии — «Взлом видеообъявлений Facebook».

Это ключевое слово включено в заголовок блога, и это также тег h2.

Всего через две недели после публикации статья оказалась на первой странице, позиции 5 в Google.

Подводя итог: да, я рекомендую вам использовать ключевое слово с длинным хвостом в теге h2.

Однако следуйте нескольким простым правилам:

  • не заставляйте его
  • делайте естественным
  • не используйте ключевые слова!

7.Ответьте на намерение пользователя с помощью h2

Фраза «намерение пользователя», кажется, сбивает с толку некоторых людей, но на самом деле это довольно просто.

Каждый раз, когда вы пишете материал, вы хотите задавать такие вопросы, как:

Что хочет пользователь, открывая мою статью?

Каковы их намерения?

Ваш h2 должен удовлетворить это намерение.

Если кто-то ищет в Google «рискованные SEO-тактики», я, вероятно, могу предположить, что они ищут какие-то быстрые методы поисковой оптимизации, которые повысят их рейтинг.

Если бы я написал статью на эту тему (о, подождите, я написал!), То я хотел бы ответить на их намерения своим h2.

Вот как проходит путь намерения.

Сначала пользователь получает представление. Затем они ищут это в Google.

Они видят этот многообещающий результат в поисковой выдаче.

Если они нажмут на нее, они увидят мою статью в блоге по этой теме.

Моя цель с этим тегом h2 — пообещать им то, что они искали: некоторые простые, но рискованные SEO-тактики, которые могут увеличить их трафик.

Так объясняет это Марк Пуртелл в SEJ :

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

Позвольте мне резюмировать правила создания великолепных h2.

  1. Используйте только один h2
  2. Ваш h2 должен описывать тему вашей страницы
  3. Сделайте ваш h2 выделяющимся
  4. Создайте h2s, которые обеспечивают хорошее взаимодействие с пользователем
  5. Используйте целенаправленное длиннохвостое ключевое слово в вашем h2
  6. Ответьте пользователю намерение с вашим h2

Измените свой веб-сайт за 1 неделю с помощью аудита тегов h2

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

Я вижу, что многие люди тратят много времени на «аудит содержания» своих веб-сайтов. Я не против аудита контента; но вместо того, чтобы проводить полноценный аудит контента на вашем веб-сайте, я предлагаю вам сначала провести аудит тега h2.

Аудит

h2 проходит быстро и легко и может дать успешные результаты в рекордно короткие сроки.

1.

Загрузить Screaming Frog

Вы можете сделать это на сайте Screaming Frog.

Щелкните «SEO Spider Tool».

Затем нажмите «Загрузить».

Для использования программного обеспечения не нужно покупать лицензию. Однако, если ваш веб-сайт содержит более 500 страниц, рекомендуется приобрести лицензию.

2. Откройте Screaming Frog

Когда вы успешно загрузили Screaming Frog, откройте его.

3.Введите свой URL

4. Нажмите «Пуск» и дождитесь завершения процесса сканирования.

В зависимости от размера вашего сайта это может занять пару минут или несколько часов.

Обычно Screaming Frog просматривает 500 страниц меньше минуты.

5.

Щелкните h2 в строке меню

Здесь вы увидите список всех тегов h2 на вашем сайте.

6.

Проверить h2 Теги

Щелкните меню фильтра.

Сначала найдите отсутствующие h2, просто выбрав «Отсутствует» в поле фильтра.

Вы увидите список всех страниц вашего сайта, на которых отсутствует тег h2.

Ваша первая задача — создать h2 для каждой из этих страниц.

(Если, конечно, у вас нет причины , а не . Моя страница / блог — это страница меню для выбора статей, которые я регулярно добавляю и обновляю, поэтому я решил не включать h2).

Щелкните «Экспорт».”

Найдите хорошее место для сохранения файла.

Это CSV-файл, поэтому вы можете открыть его в Excel.

Затем отфильтруйте все «повторяющиеся» h2s. Вы можете сделать это, щелкнув «дублировать» в меню фильтра. Опять же, сохраните этот список в CSV для дальнейшего использования.

Наконец, добавьте фильтр ко всем «множественным» h2s. Опять сохраняем список

Теперь вернитесь в меню фильтров и выберите «Все». Экспортируйте список. На данный момент у вас должно быть четыре файла CSV.

7.Создание новых тегов h2

Теперь ваша задача — создать новые теги h2 для каждой из категорий. Начните с недостающих, перейдите к дубликату, следующему множеству и, наконец, переработайте все h2s.

Если ваш веб-сайт состоит из десятков тысяч страниц, вы можете работать только над проектом тега h2 с наивысшим приоритетом: над недостающими.

Однако, если у вас есть время, обновите все свои h2s, чтобы они соответствовали правилам, которые я предоставил выше.

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

h2 Тег FAQs Что такое тег h2?

Теги h2 — это главный заголовок веб-статьи. На странице должен быть только один h2.

Важны ли h-теги для SEO?

H-теги важны для SEO, потому что они сообщают Google, о чем ваша страница, поэтому алгоритм может определить, по каким терминам вам следует ранжироваться.

Какой длины должен быть тег h2?

Большинство экспертов считают, что длина h2 должна составлять от 20 до 70 символов.

Сколько h2s должно быть на вашей странице?

На вашей странице должен быть только один h2.Если у вас есть что-то большее, Google подумает, что вы пытаетесь обмануть систему, и накажет вас.

Как оптимизировать h2s

Заключение

Если вы читали эту статью, то знаете о тегах h2 больше, чем большинство людей. Что еще более важно, вы точно знаете, как использовать h2s для максимального воздействия на SEO.

Если вам нужна помощь в создании улучшенных h2s, тегов заголовков, контента или даже SEO в целом, обратитесь в наше агентство, чтобы мы могли помочь.

Каковы ваши лучшие практические советы по h2?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

h2-H6 Теги заголовков и SEO: полное руководство

Короткие заголовки

Заголовки

дают вашим посетителям и поисковым системам важные подсказки об иерархии и релевантности контента.

Есть шесть «уровней важности», от самого важного заголовка h2 до наименее важного заголовка H6.

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

Заголовки — это фразы в начале раздела, объясняющие, о чем идет речь. Правильное использование заголовков на странице обеспечивает иерархию и обзор, а также помогает быстро сообщить, о чем веб-страница. Они помогают посетителям быстро сканировать страницу и помогают поисковым системам быстро понять структуру страницы и ее содержание.

Заголовки бывают шести уровней: от h2 до H6, из которых наиболее часто используются заголовки h2, h3 и h4. Заголовки определяются в HTML-коде страницы.

Заголовок h2 часто называют «основным заголовком», а заголовки h3-H6 называются «подзаголовками», потому что они указывают подуровни.

А как насчет тегов заголовков?

Люди часто ссылаются на «теги заголовков», когда говорят о заголовках.

Чтобы избежать путаницы, возьмем пример и посмотрим на элемент заголовка h2 в том виде, в каком он представлен в исходном HTML:

Это заголовок h2

:

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

А что насчет тегов заголовков?

Прежде всего, не путайте теги заголовков с -section. Во-вторых, теги заголовков часто неправильно используются для обозначения заголовков (я смотрю на вас, HubSpot).

На самом деле их можно использовать для определения заголовка документа или раздела. Это означает, что они могут быть обернуты вокруг навигационных средств, или они могут быть обернуты вокруг заголовков.Использовать их необязательно, вот пример:

  
    
         Заголовки h2-H6 и SEO 
    
    
        <статья>
            <заголовок>
                 

Объяснение тегов заголовков

Краткое введение в теги заголовков

Полезные ресурсы

Зачем нужны заголовки?

Заголовки полезны как для посетителей, так и для поисковых систем:

  • Посетители используют заголовки, чтобы быстро сканировать страницу, чтобы определить, подходит ли она им.Более того, посетители с ослабленным зрением используют программы чтения с экрана для просмотра веб-страниц. Программы чтения с экрана полагаются на заголовки, чтобы «понимать» веб-страницы и помогать пользователям ориентироваться в них.
  • Поисковые системы используют заголовки, чтобы понять структуру страницы и ее тематику. Хотя является лишь небольшим фактором в алгоритмах ранжирования поисковых систем, включая ключевые слова в заголовках , способствует повышению производительности SEO. Даже если вы не согласны с идеей, что заголовки создают небольшой фактор ранжирования, имейте в виду, что все, что вы делаете для улучшения пользовательского опыта, обычно приводит к повышению эффективности SEO.

Ваши заголовки помогают или вредит вашему сайту?

Выполните быструю проверку с помощью ContentKing, чтобы увидеть, что можно улучшить.

Заголовки и избранные фрагменты

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

Вот пример избранного сниппета для нашего сайта:

Этот отрывок взят из этого раздела в нашем руководстве robots.txt:

Иерархия заголовков

Заголовки должны быть логически структурированы на странице. Страница начинается с заголовка h2 , за которым следует заголовок h3 и — если вам понадобится другой подраздел — за ним может следовать заголовок h4 . Если вам нужно больше подразделов, вы даже можете добавить подзаголовки h5-H6 .

На иллюстрации ниже мы используем три уровня заголовков:

Страница с заголовками h2, h3 и h4.

Не пропускайте уровень иерархии. Например, не переходите от заголовка h2 к заголовку к заголовку h4. Между ними должен быть заголовок h3 и заголовок .

Вот хороший пример правильного использования заголовка:

   

Это должно описывать тему страницы

Это подзаголовок h3

Это подзаголовок h4

Это еще один подзаголовок h3

Это еще один подзаголовок h4

Если вы пишете длинный контент, вы можете использовать заголовки.У вас может быть такая структура заголовков:

   

Это должно описывать тему страницы

Это подзаголовок h3

Это еще один подзаголовок h3

Это подзаголовок h4

Это подзаголовок h5
Это подзаголовок H5
Это подзаголовок H6

Это еще один подзаголовок h3

Это подзаголовок h4

Это подзаголовок h5
Это подзаголовок H5
Это подзаголовок H6

А вот пример иерархии заголовков, которого следует избегать:

   

Почему этот h3 вверху?

А почему это заголовок h5?

Этот заголовок h2 должен был быть вверху

Здесь случайный заголовок h4

Следуют ли ваши страницы логической структуре заголовков?

Выполните быструю проверку с ContentKing, чтобы увидеть, нуждается ли ваша иерархия заголовков в доработке!

Размер заголовка

Чем дальше вы спускаетесь с заголовками, тем меньше они должны становиться.Заголовок h2 должен быть самым большим заголовком на странице. Заголовок h3 немного меньше, чем заголовок h2 , и, в свою очередь, заголовок h4 меньше, чем заголовок h3 и так далее.

Поскольку изображение стоит тысячи слов, давайте посмотрим на наше руководство по бюджету сканирования с вырезанными абзацами:

Проиллюстрированная разница в размерах заголовков

Порядок заголовков в исходном HTML-коде

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

h2 заголовок

Заголовок h2 описывает основную тему страницы. Он должен быть тесно связан с содержимым страницы, уникальным для всего вашего веб-сайта, а страница должна содержать только один заголовок h2 .

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

   

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

   Что такое заголовки h2-H6? 
 

h2-H6 Заголовки объяснены

Часто задаваемые вопросы

h2 длина заголовка

Не следует делать заголовок h2 слишком длинным.Если вы это сделаете, есть большая вероятность, что заголовок h2 не будет читаться вашими посетителями, что вредит их пользовательскому опыту. Мы рекомендуем придерживаться максимальной длины 60 символов , аналогично атрибуту title. Что касается минимальной длины, она должна быть достаточно длинной, чтобы иметь смысл. По нашему опыту, использование не менее 4 символа поможет вам в этом. Прежде всего: убедитесь, что заголовок h2 понятен вашим посетителям.

Несколько заголовков h2? Даже в HTML5.

Когда впервые была представлена ​​спецификация HTML5 , была включена поддержка нескольких заголовков h2 на странице (каждый в своем собственном элементе раздела). Однако, поскольку браузеры не приняли эту рекомендацию, поддержка для нее была впоследствии прекращена, когда был опубликован стандарт HTML5.1 . Для получения дополнительной информации см. Эту ветку W3C (открывается в новой вкладке).

Есть ли на вашем сайте повторяющиеся заголовки h2?

Проверьте свой сайт на наличие повторяющихся заголовков h2 и сразу же получите уведомление, когда мы найдем дубликаты!

Другое использование заголовка h2

Если вы не определили заголовок страницы или поисковые системы не сочли ваш заголовок достаточно релевантным, они могут показать заголовок h2 страницы как заголовок в результатах поиска страницы - ее фрагмент.

Подпозиции

h3-H6

Подзаголовки h3-H6 используются для дальнейшей структурирования содержания.

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

Используйте подзаголовки h3-H6 там, где это имеет смысл, и не пропустите уровни заголовков.

Часто задаваемые вопросы по товарной позиции

Действительно ли заголовки улучшают мой рейтинг?

Да, это так! Даже сегодня заголовки по-прежнему играют роль в передаче релевантности ключевых слов поисковым системам.

Хотя роль заголовков в алгоритмах поисковых систем с годами уменьшилась, они действительно посылают поисковым системам четкий сигнал относительно того, о чем страница.

Могут ли заголовок моей страницы и заголовок h2 совпадать?

Да, могут. Но имейте в виду, что всегда выбирает заголовок h2, который имеет наибольшее значение для ваших посетителей.

Могу ли я иметь несколько заголовков h2 на одной странице?

Рекомендуется использовать только один заголовок h2 на странице.В HTML5 было введено несколько заголовков h2 на странице, но браузеры не приняли эту практику. Начиная с HTML5.1, нет поддержки нескольких заголовков h2.

Часто задаваемые вопросы

Как использовать теги заголовков и теги h2 для SEO

Заголовки не только делают контент на веб-странице более организованным и легким для чтения. Они также имеют решающее значение для хорошего технического SEO. Это относится к шагам поисковой оптимизации (SEO), которые вы предпринимаете, чтобы облегчить поисковым роботам вашего веб-сайта сканирование и индексирование веб-страниц (в основном «читают» страницы и классифицируют их соответственно).Если боты не могут сканировать страницу, они не могут ее ранжировать.

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

Существуют различные типы тегов заголовков, сгруппированных по номерам, от h2 до H6. Каждый заголовок служит разной цели, предоставляя сканерам поисковых систем, таким как робот Googlebot, ценную информацию об этой странице.В этом руководстве основное внимание уделяется тому, как использовать теги h2 для улучшения результатов SEO:

Веб-страница или сообщение в блоге могут иметь несколько заголовков. Теги языка разметки гипертекста (HTML) используются для различения типов заголовков. Есть некоторые различия между следующими:

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

HTML-тег или HTML-тег заголовка - это, по сути, всего лишь фрагмент кода, который сообщает веб-браузеру компьютера, как должно отображаться содержимое. Тег h2 может выглядеть так:

Вот тег h2

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

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

В этом посте о тенденциях в дизайне интерьера вы легко найдете тег h2 в исходном коде:

Тенденции дизайна и декора интерьера, которых следует ожидать в 2020 году

Здесь так выглядит тег h2 для пользователей, посещающих страницу:

Источник: The Spruce

Теги h2

Тег h2 считается наиболее важным.Почему? По сути, это заголовок страницы. Тег заголовка h2 является критическим фактором ранжирования и используется роботами поисковых систем, чтобы выяснить, о чем страница. Кроме того, это обычно наиболее заметный контент на странице для читателя, поскольку контент с тегами h2 традиционно отображает большие экраны (хотя это не обязательно).

Чтобы ваш контент был более оптимизирован для SEO (в частности, ваш тег h2), используйте наш шаблон контента для SEO, который предлагает предложения по включению ключевого слова, по которому вы хотите получить рейтинг, в различных технических аспектах SEO вашей страницы.

Теги h3

Если основной заголовок h2 похож на название книги, подзаголовки h3 похожи на главы. Вы можете использовать заголовки h3, чтобы разделить ваш контент на логические разделы. Например, если заголовок страницы - «Лучшие практики SEO на 2021 год и способы их реализации», вы можете разделить контент на две основные «главы»: список лучших практик и способы их применения.

Оптимизируйте свои страницы для повышения ранжирования

с помощью встроенной SEO-проверки

тегов h4

тегов h4 дополнительно разделяют и уточняют ваш контент.Например, предположим, что у вас есть две категории h3 в вашем контенте: «Лучшие методы SEO» и «Как внедрить методы SEO».

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

Теги h5 и за их пределами

Теги h5, H5 и H6 позволяют упорядочивать контент на странице.Они позволяют добавлять более мелкие детали, не заставляя читателя бороться с громоздкими кусками текста.

Например, у вас есть раздел h3 «Лучшие методы SEO». Под этим у вас есть тег h4 «Получить высококачественные обратные ссылки». Затем вы можете добавить теги h5, отвечая на такие вопросы, как «Что такое качественные обратные ссылки?» и «Как получить качественные обратные ссылки?»

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

Показать структуру текста

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

Повышение доступности

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

Улучшение SEO

И последнее, но не менее важное: заголовки могут косвенно принести пользу вашему SEO. Поисковые системы, такие как Google, считают удобство использования фактором ранжирования.Боты распознают заголовки как удобные для пользователя, поскольку они задают форматирование страницы и делают контент доступным для сканирования и сканирования. Без заголовков боты могут посчитать вашу страницу неудобной для пользователя, и в результате могут пострадать результаты вашей поисковой системы.

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

Как эффективно использовать заголовки в структуре вашей страницы

Как правило, заголовки следует использовать иерархически.Это означает, что начинать с вашего h2 (вашего доминирующего названия или темы) и продвигаться вниз до h3, h4 и далее. У вас может быть только один заголовок h2 и пара заголовков h3 для небольшого фрагмента контента.

Для более длинного и сложного контента вам могут потребоваться заголовки до H6, чтобы обеспечить ясность. В конечном счете, речь идет об организации контента таким образом, чтобы читателям было легче его сканировать и понимать.

При структурировании заголовков расставьте приоритеты логики. Не создавайте заголовки только для SEO.Опять же, преимущества с точки зрения страниц результатов поисковых систем (SERP) являются лишь косвенными. Вместо этого сосредоточьтесь на создании и организации заголовков, которые служат четкими указателями для читателей.

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

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

Используйте плагины с платформой хостинга вашего сайта

Существуют плагины, которые помогут вам улучшить качество вашего сайта. теги заголовков. Плагин Yoast SEO для WordPress отмечает, что фрагмент текста превышает 300 слов и должен быть разбит, например, на заголовок или подзаголовок. Если вы используете Joomla, вы можете получить расширение Aimy h2 Heading для исправления отсутствующих заголовков h2.Для пользователей Drupal проверьте модуль Taxonomy Title для обновления тегов h2 и h3.

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

Однако эти требования больше не являются обязательными, отчасти из-за развития HTML5.Теперь наличие нескольких заголовков h2 не проблема. Кроме того, Google предпочитает более удобный интерфейс, а не плотность ключевых слов.

Вместо того, чтобы пытаться втиснуть основное ключевое слово в заголовок h2, попробуйте использовать его естественным образом. Наконец, содержимое страницы должно быть организовано практично и логично, чтобы приоритет был отдан удобочитаемости. Опять же, вы организуете контент не для ботов, а для читателей. Соответственно структурируйте свой контент.

Используйте Semrush для улучшения SEO на странице

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

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

Оптимизируйте свои страницы для повышения ранжирования

с помощью встроенной SEO-проверки

Есть ли ограничение на длину заголовка HTML? (h2, h3 и т. д.)

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

Нет ограничений на длину заголовка с точки зрения HTML , но вам нужно рассмотреть это с других, возможно, более важных точек зрения:

  • Читаемость и UX : Слишком длинные заголовки могут быть трудночитаемыми и, следовательно, могут повлиять на удобство использования и опыт пользователей.Это также может повлиять на общий вид страницы и сделать ее несбалансированной или как будто вы пытаетесь чрезмерно оптимизировать страницу, что может произвести плохое впечатление на пользователей.
  • Эффективность : Чем короче и четче заголовок (без потери смысла, конечно), тем легче пользователям его быстро понять и тем лучше он передает сообщение. Вот почему слоганы и слоганы работают в маркетинге!
  • SEO : Мы знаем, что Google уделяет наибольшее внимание первым 60-70 символам в заголовке страницы , который обычно совпадает с h2 .Я не знаю никаких данных о том, как они считают h3 или какие-либо другие подзаголовки, но их цель - оценивать страницы так же, как это делают люди. Поэтому, если они думают, что слишком длинные заголовки не «удобны для пользователя», они могут не оценивать это или, что еще хуже, наказывать страницу за попытку «игры» с системой SEO.

В итоге : Как я уже упоминал ранее, совет по юзабилити, SEO и общему копирайтингу - делать то, что имеет смысл для вашего собственного контента. Так что, если это имеет смысл, сделайте это, но в большинстве случаев нет необходимости в длинном заголовке, и это может быть признаком того, что текст нуждается в улучшении, и более короткая версия, вероятно, подойдет лучше 🙂

В примере из вашего вопроса я бы не стал считать этот текст заголовком - он больше похож на абзац.Заголовок будет выглядеть примерно так: « 5000 пищевых продуктов рядом с вами в 100 категориях », а следующий текст будет содержать информацию о продуктах и ​​категориях.

Что такое тег h2?

Знаете ли вы - согласно недавнему тематическому исследованию на Moz, - что простой акт улучшения элемента h2 на вашем сайте показал увеличение трафика в среднем на 9%? (1)

Когда дело доходит до создания отличного SEO-контента, все начинается с вашего тега h2. Тщательно созданный тег h2 сразу привлечет внимание вашего пользователя и задаст тон всей статье.

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

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

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

Если вы хотите увеличить свой трафик сегодня, не забудьте запустить мой быстрый и простой аудит тегов h2, расположенный внизу этой страницы. Наслаждаться!

Что такое тег H2?

Во-первых, давайте разберемся, что такое HTML-тег h2 headers и как он выглядит.

Тег h2 в HTML форматируется с помощью открывающего тега

, за которым следует заголовок или текст h2, а затем закрывается закрывающим тегом

. Вот пример тега h2 в HTML-коде:

 

Это тег h2.

HTML означает H yper t ext M arkup L anguage, код, который большинство разработчиков используют для создания веб-сайтов.

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

Теги заголовков (h2, h3 и т. Д.) Похожи на заголовки в том смысле, что они отображаются большими жирными буквами (часто больше основного текста) и часто используются для разделения разделов страницы.

Заголовки HTML пронумерованы от 1 до 6+, причем заголовки h2 являются наибольшим, наиболее важным или высшим в иерархии. За этим заголовком следуют h3, 3, 4, 5 и 6 внизу иерархии.

Иногда тег h2 действует как фактический заголовок веб-страницы. Но так бывает не всегда.

У вас может быть другой заголовок (заголовок, который отображается в результатах поиска) из заголовка h2 (основной заголовок, который отображается на самой веб-странице).

Давайте посмотрим на различия между тегами и на то, почему так важно их понимать.

Прежде чем мы продолжим, давайте быстро рассмотрим разницу между заголовками h2 (наш текущий фокус) и тегами заголовков страниц.

h2 часто используются для обеспечения наиболее заметного «заголовка» данной страницы. По этой причине их легко спутать с тегами заголовков. Однако заголовок вашей страницы - это отдельный тип заголовка в HTML, и у него есть свое особое предназначение.

Что такое тег заголовка страницы?

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

  Что такое тег заголовка страницы?  

Несмотря на название, он не отображается на странице вообще. Вместо этого он наиболее заметно отображается в результатах поиска. Если он используется поисковой системой, вы можете увидеть его вверху любого списка результатов поиска, как в приведенном ниже примере:

Хотя каждая поисковая система может читать заголовок HTML, важно понимать, что реализация тегов заголовка делает не гарантирует, что вы получите желаемый заголовок над своим списком.

Вот уже несколько лет Google оставляет за собой право решать, как теги заголовков отображаются в результатах поиска. Согласно их руководящим принципам -

«Создание Google заголовков и описаний (или« фрагментов ») страниц полностью автоматизировано и учитывает как содержание страницы, так и ссылки на нее, которые появляются в сети».

Автоматизированные заголовки Google могут быть созданы на основе привязок, текста на странице, текущего HTML-заголовка h2 или других ссылок на странице.

В настоящее время нет способа заблокировать Google от использования нужного заголовка, не блокируя отображение всей страницы в результатах поиска. Новый заголовок может быть сгенерирован по любой из следующих причин:

  • Официальное название слишком длинное
  • Оно набито ключевыми словами
  • Слишком похоже на заголовок на некоторых других ваших страницах
  • В настоящее время не имеет торговой марки

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

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

Могу ли я использовать h2 и заголовки с идентичным текстом?

Вы можете использовать одинаковые теги h2 и title, но многие эксперты по цифровому маркетингу не рекомендуют использовать один и тот же текст.

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

  • Роль элемента h2 : обеспечить четкую тему для страницы и ее содержимого
  • Роль элемента заголовка : представить страницу и побудить людей выбрать ваш результат среди других которые появляются в поисковой выдаче.

Тег заголовка предназначен не только для определения цели страницы. Его задача - продать страницу людям, которые еще не нажимали на нее.

По этой причине заголовки часто длиннее, чем h2.Дополнительная длина, как правило, вмещает дополнительную информацию, например:

  • Действия, глаголы и фразы, такие как «узнать, почему» или «узнать, как»
  • Брендинг
  • Местоположение страны или города (особенно важно для местных результатов)

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

Эти сведения могут указывать на то, что заголовки важнее тегов h2, но это совсем не так.Давайте вернемся к h2s и выясним, почему так важно включать их - и включать их правильным образом.

Почему H2S так важны?

Теперь, когда вы точно понимаете, что такое HTML-теги h2 и можете отличить их от тегов заголовков, вы, вероятно, задаетесь вопросом, как связаны теги h2 и SEO.

Что еще более важно, вы можете спросить, почему ваш HTML-тег h2 имеет решающее значение для успеха вашего SEO.

В недавнем исследовании Search Engine Journal обнаружил, что одним из наиболее важных факторов для органического ранжирования в поисковых системах был тег заголовка страницы и заголовки веб-сайтов, включая, в частности, ваши h2s.(2)

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

Ваш h2 - это самый первый элемент SEO на странице, который привлечет внимание ваших посетителей. Он большой, по центру и (если построен правильно) прямо по делу. Короче говоря, это ваше первое впечатление, и вы не можете позволить себе его тратить зря.

С точки зрения пользователя тег заголовка h2 сообщает им, о чем будет ваш контент. Это дает им возможность узнать, найдут ли они нужную информацию на вашей странице.

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

Это просто самый привлекательный визуальный элемент на странице. Вы бы просто зря потратили все это пространство, если бы не использовали его правильно.

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

Если вы не добавите тег h2 в свой HTML-код, сканер потратит больше времени и ресурсов на изучение содержимого этой страницы. Без правильного h2 не гарантируется успешный поиск нужной информации.

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

Анджела Хилти, специалист по SEM в OuterBox Inc, говорит об этом так: «Теги заголовков должны иметь смысл для читателя.Если ваши посетители понимают заголовок на вашей странице, поисковая система, вероятно, тоже сможет это сделать ». (3)

Суть в том, что хороший код h2 приносит пользу как SEO на странице, так и пониманию посетителей вашего сайта.

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

Наконец, настроить тег h2 для SEO относительно просто и БЕСПЛАТНО. Если вы можете повысить свой рейтинг в поисковых системах за считанные минуты и бесплатно, почему бы вам не отнестись к этой возможности всерьез?

Как создать SEO-дружественные теги h2?

Мы уже убедились в важности тегов h2, поэтому теперь вы знаете, что вы не можете просто поместить любого текста в качестве заголовка 1 и назвать это днем. Слова, расположение и даже размер шрифта могут иметь большое значение.

К сожалению, многие веб-мастера и профессионалы цифрового маркетинга до сих пор не уделяют своим h2s должного внимания. Итак, если вы хотите создать более «оптимизированные для SEO» h2, я следую этим протоколам и рекомендую вам их использовать.

Используйте только один тег h2 в своем HTML-коде

Тег h2 SEO следует использовать с осторожностью - он не станет более эффективным, если вы продолжите добавлять их.

Фактически, у вас должен быть только один тег h2 в вашем HTML-коде. Почему ? Потому что иметь более одного тега h2 на странице просто бесполезно. Наличие нескольких тегов h2 на странице может сбивать с толку как пользователей сайта, так и роботов поисковых систем.

Тег заголовка h2 должен содержать ключевое слово, по которому вы хотите ранжировать свою страницу в поисковых системах (подробнее об этом позже).

Если вы используете несколько h2s, поисковая система, сканирующая вашу страницу, может не знать, какое ключевое слово является наиболее точным. Он может выбрать тот, который не соответствует цели вашей страницы.

Каждый дополнительный h2 может также снизить рейтинг этих заголовков. Если вы серьезно относитесь к своему SEO, это полная противоположность тому, чего вы хотите достичь.

Если вам нужны другие заголовки, чтобы разбить вашу веб-страницу на разделы, не используйте h2s - используйте вместо них

,

,

,
и
.

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

Опишите свой контент в теге h2

Что произойдет, если вы нажмете на страницу с тегом header / h2 как «Чем заняться этим летом», но когда вы прокручиваете текст, на самом деле речь идет о какие купальники можно носить на пляже?

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

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

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

Ключевые слова - это жизненная сила SEO. Они сигнализируют Google и другим поисковым системам о содержании вашей страницы, будь то «лучшие пончики в Мемфисе» или «как прочистить канализацию».”

Без сильного целевого ключевого слова, как вы собираетесь ранжироваться по поисковым запросам, которые имеют значение для вашего веб-сайта? Как вы собираетесь привлекать посетителей с правильным намерением пользователя совершить конверсию?

Конечно, важно соблюдать осторожность, чтобы не переборщить. Как и в случае с любым другим SEO, есть несколько передовых методов, которые необходимо учитывать.

Ваш тег h2 не должен быть переполнен ключевыми словами в попытке занять более высокое место в поисковых системах. Это не работало много лет.

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

Отформатируйте тег h2, чтобы он выделялся

Этот совет не столько касается технической стороны вещей, сколько эстетической.

Тег

HTML указывает Google уделять особое внимание этому набору текста, поскольку он описывает содержание вашей страницы.Как один из наиболее важных фрагментов кода (по крайней мере, для SEO), его форматирование должно отражать это.

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

Nayan Suthar
Product Designer & Medium Contributor

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

Получите правильную длину тега h2

Получение идеальной длины для тега заголовка - это одновременно искусство и наука.

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

Итак, какой длины должны быть теги h2?

Вообще говоря, вы должны ограничить свой тег h2 примерно 20-70 символами.

Помните: это символов (включая пробелы и знаки препинания в дополнение к тексту), а не слова!

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

Обращайтесь к намерениям вашего пользователя

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

Что они ищут? Каковы их основные заботы и потребности? Если они ищут именно это ключевое слово, какой контент они ожидают найти?

Например, если пользователь ищет «вечнозеленые советы по SEO», что это говорит вам о намерениях пользователя?

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

Итак, тег h2, который обращается к намерению пользователя , может выглядеть так:

«10 простых приемов SEO, которые повысят ваш рейтинг СЕЙЧАС (Evergreen Edition)»

Все это сводится к это; Написание эффективного HTML-кода h2 - это все о пользовательском опыте .

Конечно, вы также пытаетесь соответствовать рекомендациям Google. Но также Google развился до такой степени, что может сказать , если вы пытаетесь обслужить только их алгоритм.

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

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

  • Сколько пользователей нажимают на ваш сайт?
  • Как долго пользователи остаются на странице?
  • Они быстро щелкают?
  • Переходят ли по ссылке дальше?

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

Как провести аудит тегов h2 для повышения SEO вашего сайта на этой неделе

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

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

Провести аудит тегов h2 несложно. Однако это может занять немного времени в зависимости от размера вашего сайта. Мы постараемся предоставить вам некоторую структуру, которая поможет сделать все это немного быстрее.

Во-первых, важно понимать, что вам нужно будет просмотреть каждую из ваших страниц (да, страниц, не только ваши блоги или статьи).

Проще всего это сделать с помощью бесплатного программного обеспечения, такого как Screaming Frog. Этот инструмент может быстро очистить все страницы вашего веб-сайта и предоставить вам лист, содержащий h2s для каждого URL-адреса.

Когда все будет готово (с помощью SF или другой программы), просмотрите список и подтвердите следующее для каждого URL:

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

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

После того, как вы найдете и установите тот, который вам нравится, просканируйте свой контент и проверьте свои теги h2, чтобы убедиться, что они оптимизированы.Примените приведенный выше контрольный список, чтобы вы могли составить список страниц, которые готовы или не готовы.

В зависимости от выбранной программы вы также получите список проблемных URL и рекомендации по их улучшению.

Подводя итоги

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

Заголовки

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

Это может легко определить разницу между плохим трафиком и успехом SEO.

Пришло время применить свои новые знания о тегах h2! Проверьте свой сайт, перепишите h2s и посмотрите, как появляются эти клики.

Часто задаваемые вопросы (FAQ)

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

Нужен ли мне тег h2?

Да. Тег h2 считается «основной темой» вашей статьи и помогает сообщить Google, о чем ваша страница. Это правда, что он вам не обязательно нужен в том смысле, что ваша страница может ранжироваться без него, но вы определенно этого хотите. Любые подтемы, которые, по вашему мнению, необходимо осветить, можно упомянуть в заголовках h3-h6.

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

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

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

Тег h2 совпадает с заголовком страницы?

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

Должен ли тег h2 соответствовать заголовку?

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

Сколько раз я могу использовать тег h2?

Рекомендуется использовать только один тег h2 на страницу. Наличие более одного тега не обязательно повредит вашему SEO, но это не дает никаких преимуществ и может запутать сканеров и поисковиков. Вы можете использовать подзаголовки (h3, h4 и т. Д.) Столько, сколько хотите, чтобы разбить основную тему на подразделы.

Какие 6 уровней тегов заголовков?

6 уровней тегов заголовков: h2, h3, h4, h5, h5, h6.Заголовки следуют иерархии. Тег h2 - это самый высокий / самый важный уровень, а H6 - самый низкий.

Ссылки

  1. https://moz.com/blog/on-page-seo-changes-case-study
  2. https://www.searchenginejournal.com/important-tags-seo/156440/
  3. https://www.outerboxdesign.com/search-marketing/search-engine-optimization/h2-header-tag-seo-importance
  4. https://medium.com/@nynsuthar/space-size-style- aba80f820716

Теги заголовка (h2, h3, h4...): Будут ли они полезны в 2019 году?

Использование тегов заголовков в 2020

Наши первые и вторые сообщения, посвященные теме тегов заголовков, привлекли пристальное внимание, поэтому мы здесь, чтобы продолжить. Поскольку технологии и правила Интернета развиваются каждый день, мы отвечаем на столь популярный вопрос: нужны ли вашему контенту теги заголовков h2, h3 и h4 в 2020 году?

Резюме

Прежде чем мы ответим на вопрос, подведем итоги! Использование и оптимизация веб-сайта вашей компании с помощью правильных тегов заголовков, таких как h2, h3, h4 и т. Д., может повысить рейтинг вашего сайта и его шансы на высокий рейтинг в поисковой системе, такой как Google. Эти теги заголовков важны для фактора SEO на странице, потому что они передают важную информацию о вашем веб-сайте поисковым системам.

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

Пример тегов заголовков

h2 (жирный красный текст)

Этот тег заголовка объясняет, о чем ваша веб-страница или сообщение в блоге.

h3 (жирный черный текст)

Заголовок второго уровня дает более подробную информацию по теме.

h4 (Тонкий красный текст)

Заголовок третьего уровня содержит подробную информацию о подтеме.

4 передовых совета

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

Используйте слова действий

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

Используйте числа

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

Проверьте правильность длины

Длина тегов заголовков h2 не должна превышать 20-70 символов.Есть много инструментов, которые вы можете использовать, чтобы убедиться, что вы не превысили это ограничение на количество символов, например, приведенный ниже.

Пишите для пользователей, ищущих (т. Е. Для вашей аудитории), а не только для поисковых систем

Очень важно также не чрезмерно оптимизировать ваш сайт. Чрезмерная оптимизация включает использование одного и того же ключевого слова слишком много раз, использование коротких неполных предложений и рассылку ссылочного спама. Чтобы бороться с этим, напишите теги заголовков, которые ваша аудитория будет искать или захочет прочитать. Чрезмерная оптимизация вашего веб-сайта сбивает с толку поисковые системы, а также вашу аудиторию, качество контента является важным фактором для Google.Пишите контент, который люди хотят читать! Yoast SEO - отличный инструмент, который проинформирует вас, когда ваш сайт чрезмерно оптимизирован, а когда нужно снизить его. Если вы думаете о дальнейшем расширении в области поисковой оптимизации, прочитайте нашу статью о передовых методах SEO или проведении SEO-аудита в 2020 году.

Готовы повысить видимость своего веб-сайта?

TM специализируется на поисковой оптимизации (SEO) как на одной из наших услуг. Эта услуга включает в себя инструкции по оптимизации и использованию тегов заголовков в содержании вашего веб-сайта.Хотели бы вы получить консультацию о том, как мы можем сделать это для вашего веб-сайта? Свяжитесь с нами сегодня чтобы начать.

Лучшие практики по оптимизации заголовков h2 для SEO

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

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

В этой статье исследуется роль тега h2 на вашей веб-странице, его сходство и отличие от заголовка страницы, а также передовые методы оптимизации h2 для SEO. Еще мы задаем важнейший вопрос: должны ли h2s соответствовать названию страницы, или они могут быть более умными и интересными? Читайте дальше, чтобы узнать, что мы нашли.

Что такое h2 для веб-сайта?

Пользователь видит заголовки, абзацы, ссылки и кнопки на веб-сайте во время навигации по содержимому. За кулисами первый и самый важный заголовок на странице - это тег h2. Часто это самый большой заголовок на странице и, как правило, первый текст на странице.

Лучшие методы SEO для тегов заголовков h2:

  • Появляется как первый текст на странице и описывает, что находится на странице
  • Включите ключевое слово, относящееся к содержанию страницы
  • Иметь количество символов от 20 до 70 символов длиной
  • Используйте элементы дизайна, чтобы выделить заголовок h2
  • Включайте только один тег h2 на страницу
  • Все, что находится после заголовка h2, следует организованной и стилизованной иерархии вниз по странице (h2, h3 ,...)

В чем разница между тегом заголовка и тегом заголовка страницы?

Пока заголовок h2 отображается на веб-странице, тег заголовка страницы действует как скрытая часть. Хотя тег заголовка страницы не так заметен на странице веб-сайта, вы можете найти его на вкладке браузера, и он также будет отображаться в заголовке результатов поиска.

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

Должен ли заголовок h2 совпадать с названием страницы?

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

Лучшие h2-теги ясны и просты, часто включают саму страницу в заголовок. Например, «Об ортопедической помощи в месте XYZ» в качестве h2 на странице «О нас» может не вызвать у автора сердце пения, но он сообщает пользователю, поисковым системам и программам чтения с экрана, что они найдут на этой странице.

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

Бонус: Как теги h2 влияют на доступность?

Хотя мы сосредоточились на преимуществах SEO, важно отметить, что заголовки также имеют важное значение для доступности. Заголовок ресурсов по юзабилити в Йельском университете выделяет различные способы повышения доступности ваших заголовков, в том числе:

  • Используйте правильную разметку заголовков, поскольку заголовки используются программами чтения с экрана
  • Для наглядности включите только один h2 на страницу
  • Убедитесь, что h2 соответствует заголовку страницы

Вам также может понравиться:

.