Исчерпывающие правила создания заголовка (тега) 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 должен описывать ваш контент.
- Часто тег h2 похож на тег оглавления.
- Обычно тег h2 является заголовком статьи в Вашем блоге.
- Как правило, тег h2 дает читателю представление о том, что он будет читать.
3. Длина тега h2 должна составлять 20-70 символов.
Не зацикливайтесь на длине тега h2. Она не играет такой роли, как раньше.
Единственная причина, по которой я об этом говорю – это желание Вас предостеречь. Если тег слишком короткий, Вы теряете ценное пространство. Но если он слишком длинный, мощность тега рассеивается.
Оптимальная средняя длина тега – 20-70 символов.
4. Ваш тег h2 должен выделяться.
Тег h2 должен быть самым важным визуальным элементом на странице.
- Он должен быть большим.
- Он должен быть заметным.
- Нужно использовать такие визуальные элементы, форматирование и стиль, которые заставят Ваш тег выделяться.
Почему это важно?
Как я уже говорил ранее в статье, пользовательский опыт – это самое важное.
Блог 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.
- Используйте только один тег h2.
- Тег h2 должен описывать тему страницы.
- Тег h2 должен выделяться.
- Тег h2 должен обеспечивать хороший пользовательский опыт.
- Используйте ключевые слова в теге h
- Соответствуйте пользовательскому намерению в своем 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 на странице:
- Кликните правой кнопкой мыши на участок текста, и в зависимости от вашего браузера нажмите кнопку «Посмотреть код» (Chrome), «Исследовать элемент» (Mozilla Firefox) или «Проверить объект» (Safari). У вас откроется панель вебмастера как на скриншоте ниже. В html коде страницы вы увидите разметку текста, и поймете какого уровня заголовок перед вами и заголовок ли это вообще.
- Сочетание клавиш Ctrl+Shift+C вызывает панель вебмастера. Кликните в любое место представленного html кода. Далее нажмите сочетание клавиш Ctrl+F для поиска по содержимому кода, и вбейте в поисковую строку «h2».
- Кнопка 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 должен описывать содержание.
- Часто тег h2 будет похож на тег заголовка или совпадает с ним.
- Обычно тег h2 будет заголовком вашего сообщения в блоге или статьи.
- Обычно тег h2 дает читателю четкое представление о том, что он собирается читать.
3.
h2 должно содержать от 20 до 70 символовЕсли ваш h2 слишком короткий, вы тратите ценное пространство; если он слишком длинный, вы ослабляете силу тега.
Однако, если вы используете тот же тег h2 и title для страницы, вам следует уделять больше внимания.В соответствии с передовой практикой заголовки должны содержать от 40 до 60 символов, чтобы вы могли уместить большинство ключевых слов. Однако, когда вы начнете достигать диапазона 50-60 ключевых слов, ваш CTR может начать снижаться. В результате старайтесь придерживаться диапазона 30-40 символов.
4. Сделайте свой тег h2 заметнымВаш h2 должен быть самым важным визуальным элементом на странице.
- он должен быть большим
- он должен быть сильным
- он должен быть заметным
- вы должны использовать любые визуальные элементы, элементы форматирования и стиля, необходимые, чтобы выделить эту вещь
Почему это важно?
Имейте в виду, что 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.
Однако следуйте нескольким простым правилам:
- не заставляйте его
- делайте естественным
- не используйте ключевые слова!
Фраза «намерение пользователя», кажется, сбивает с толку некоторых людей, но на самом деле это довольно просто.
Каждый раз, когда вы пишете материал, вы хотите задавать такие вопросы, как:
Что хочет пользователь, открывая мою статью?
Каковы их намерения?
Ваш h2 должен удовлетворить это намерение.
Если кто-то ищет в Google «рискованные SEO-тактики», я, вероятно, могу предположить, что они ищут какие-то быстрые методы поисковой оптимизации, которые повысят их рейтинг.
Если бы я написал статью на эту тему (о, подождите, я написал!), То я хотел бы ответить на их намерения своим h2.
Вот как проходит путь намерения.
Сначала пользователь получает представление. Затем они ищут это в Google.
Они видят этот многообещающий результат в поисковой выдаче.
Если они нажмут на нее, они увидят мою статью в блоге по этой теме.
Моя цель с этим тегом h2 — пообещать им то, что они искали: некоторые простые, но рискованные SEO-тактики, которые могут увеличить их трафик.
Так объясняет это Марк Пуртелл в SEJ :
Чтобы иметь несколько отличных, оптимизированных для Hummingbird тегов h2, постарайтесь понять, что может спрашивать пользователь, когда они ищут ключевое слово, на которое нацелена страница, и отформатируйте этот вопрос на странице с помощью тегов h2.
Позвольте мне резюмировать правила создания великолепных h2.
- Используйте только один h2
- Ваш h2 должен описывать тему вашей страницы
- Сделайте ваш h2 выделяющимся
- Создайте h2s, которые обеспечивают хорошее взаимодействие с пользователем
- Используйте целенаправленное длиннохвостое ключевое слово в вашем h2
- Ответьте пользователю намерение с вашим 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
<статья>
<заголовок>
Объяснение тегов заголовков
Краткое введение в теги заголовков