Правильные решения в продвижении сайтов в интернете!
г. Москва, м. Сокольники, ул. Маленковская, д. 32, стр. 3
Режим работы: с 10:00 до 19:00, пн.- пт. (сб./вс. - выходной)
+7 (499) 391-17-76
8 (800) 707-05-97
e-mail: biz@o-es.ru

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

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

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

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

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

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

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

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

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

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

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

 

Пример страницы

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

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

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

Открыть страницу в HTML коде

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

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

 

Пример html кода страницы

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

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

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

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

 

Пример вывода тега h1 в коде страницы

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Исследование - наличие заголовка H1 сайтов в ТОП10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример отличных тегов h1 в блоге Пэта Флинна

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

Исходный код в блоге Пэта Флинна

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

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

Пример тега h1 из блога Рамита Сетхи

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

Исходный код в блоге Рамита Сетхи

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

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

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

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

Диаграмма Венна о соотношении SEO и пользовательского опыта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример запроса в Google

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

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

Результаты Google

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

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

Пример статьи

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

 

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

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

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

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

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

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

 

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

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

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

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

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

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

Сайт Screaming Frog

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

кнопка «Загрузить» на сайте Screaming Frog

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

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

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

Приложение Screaming Frog

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

Приложение Screaming Frog

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

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

сканирование сайта

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

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

панель меню на сайте Screaming Frog

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

список тегов на Вашем сайте

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

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

меню фильтра

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

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

страницы на сайте

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

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

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

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

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

кнопка «Экспортировать» на сайте

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

где сохранить файл?

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

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

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

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

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

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

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

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

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

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

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

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

 

Вывод

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

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

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

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

 

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

Поделиться:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *