Заголовки h1-h6: примеры, детальный обзор

Приветствую вас, уважаемые читатели блога Pass-Money.ru.

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

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

H1 что это такое?

H1 – это основной заголовок в статье, так сказать, заголовок первого уровня. Все страницы в интернете имеют свое строение. Заголовки H1-H6 как раз и дают возможность корректно структурировать материал, причем как для пользователей, так и для поисковиков. H1 – основной заголовок, а H2-H6 второстепенные подзаголовки. В коде HTML заголовки выглядят так: <h1>сам заголовок</h1>, число как раз и означает степень заголовка.

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

Условие №1. Ключевые слова в заголовках

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

Распределяя ключевые слова по сайту, делайте это как можно аккуратней: не стоит злоупотреблять ключами и никогда не составляйте спамные заголовки (к примеру, купить квартиру Тверь, купить бензопила, купить диван Кишинев цена, все корелы кроме я и тому подобные). Старайтесь всегда сохранять красоту фразы и ее связность. В Великом и Могучем РУССКОМ ЯЗЫКЕ слова могут склоняться и спрягаться, а поисковые роботы понимают весь смысл, разбираясь в языке не хуже человека! Ну и не стоит частить – спам видят все, а так и до санкций Яндекса и Google рукой подать.

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

Ключевые слова в заголовках

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

Бывают еще случаи, когда пытаются затолкать в заголовок все ключевые слова, которые предназначены для одной веб-страницы. Ничего хорошего из этого не получится. =)

Необходимо помнить, что текст создается не только для поисковых роботов, но и для людей. И даже роботам нравятся понятные и простые тексты. Если в заголовке ключевые слова наилучше встанут в начале предложения, то получится намного лучше. То есть, со стороны правильной оптимизации страницы под ключевик «Бензопила STIHL MS-180» лучше отработает заголовок «Бензопила STIHL MS-180 – наличие, цена, отзывы», чем «Наличие, цена и отзывы бензопилы STIHL MS-180».

Условие №2. Теги <h1>-<h6>

Размещая текст на сайт, не забывайте правильно расположить теги. Теги для заголовков текста обуславливаются последующим HTML-кодом: <h1>-<h6>. По моим наблюдениям, достаточно двух тегов — <h1>-<h2>. Сейчас большой объем текста люди не читают, поэтому, вложенность такого числа заголовков просто не нужна. Исключение составляют страницы, где много картинок, видео, интерактивных элементов и прочего.

Поисковые системы также учитывают значимость и размерность тегов <h1>-<h2>. При верстке стоит обратить внимание, чтобы заголовки зрительно выделялись из единого текста.

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

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

Поисковые роботы присваивают заголовкам огромное значение, так как они применяются для обозначения важной информации. Так роботам и посетителям будет легче читать и осознавать его логику, структуру; видеть самое весомое. Не стоит хитрить и использовать теги <h1>-<h6> для всего текста на странице, ведь особого толку не будет. К тому же, очень легко можно попасть под санкции поисковых систем. Поэтому стоит лишний подумать прописывая заголовки в тексте. Но если без заголовков не обойтись, то стоит придерживаться следующих правил:

1. Наведение порядка.

Теги <h1>-<h6> устанавливаются по принципу иерархии: тег <h1> главнее тега <h2>. Выглядит это примерно так:

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

Помимо этого, тег <h1> играет значимую роль при организации быстрых ссылок в поисковой выдаче Яндекса.

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

1. Уменьшают путь до целевого действия.
2. Распределяют трафик и по внутренним страницам веб сайта.
3. Делают сниппет ресурса более красивым в выдаче.

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

Тем не менее для создания быстрых ссылок, которые станут отображаться в результате выдачи для вашего веб-ресурса, имеет смысл на основных страницах сайта все-таки сделать тег <h1> и Title краткими и абсолютно схожими.

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

Быстрые ссылки также можно редактировать. К примеру, убрать какой-либо раздел или подобрать ему другое имя, наиболее привлекательное для потенциальных клиентов. Произвести все изменения можно в разделе Яндекс.Вебмастер → Информация о сайте → Быстрые ссылки.

2. Расставляем приоритеты.

Нужно стараться не писать километровых заголовков <h1>-<h6>. Это сложно, некрасиво. и неудобно читается. Маркетинговую составляющую, если она получается длинной, можно обыграть в виде подзаголовка.

Длинно-запутанно-нехорошо:

 

Коротко-понятно-толково: ключевое слово на центральном месте, УТП (уникальное торговое предложение) можно вынести за границу главного заголовка, но оставить его в начале для привлечения внимания посетителей.

3. Не нужно частить.

Главный заголовок <h1> – самый значимый и крупный – его достаточно применить только один раз, нет необходимости проставлять этот тег для всех заголовков.

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

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

4. Обязательно проверяем написанное.

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


5. Нужно обходиться без сложной структуры.

Нет необходимости вкладывать в теги <h1>-<h6> какие-то иные теги (к примеру, так <h1><img src=»http://pass-money.ru/wp-content/uploads/2018/01/WordPress-versija.jpg» alt=»Последняя версия WordPress» width=»350″></h1>), так как ВЕСЬ текст внутри тегов <h1></h1> может расцениваться роботами как заголовок.

Еще не следует вкладывать стили (как на примере: <h1 style=»font-color: #d6d6d6; font-size: 19 px;»>Просто текст<h1>), так как код делается более объемным, длинным и сложным. Поэтому, повышается время чтения кода поисковым роботом, а это может усложнить индексацию.

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

Дополнение: в целевое действие можно тоже добавлять ключевые слова. Для этого выделяем его тегами <strong> для посетителей сайта, привлекая к нему внимание. Но тут важно помнить об умеренности: ЦД не должно быть много и тег <strong> не нужно часто использовать.

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

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

Удачи вам! До новых встреч на страницах блога Pass-Money.ru

Оставить комментарий

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

Top