Rich--house.ru

Строительный журнал Rich—house.ru
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

Заголовок страницы

С технической точки зрения, добавить или изменить заголовок на странице очень просто: войдите в режим редактирования нужной страницы, заполните поле «Заголовок страницы (

и сохраните изменения.

Вы можете обратить внимание на то, что в «Нубексе» поле заголовка h1 не отмечено красной звездочкой, т.е. не является обязательным для заполнения. Однако написать его все-таки стоит. Это важно как для пользователей, так и для роботов-поисковиков. Первые по заголовку смогут понять, стоит ли вообще тратить время на изучение материалов страницы. Вторые учтут содержание заголовка, когда будут оценивать соответствие страницы ключевым запросам, что может повлиять на ее позицию в поисковой выдаче.

Как написать хороший заголовок для страницы сайта

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

Заголовок h1 должен содержать основной ключевой запрос

Заголовок первого уровня — «сильный» элемент страницы с точки зрения SEO-оптимизации, и это стоит использовать. Подумайте, какие вопросы поисковым системам будут задавать ваши потенциальные пользователи. В этом может помочь, например, сервис по подбору ключевых слов https://wordstat.yandex.ru.

Рассмотрим такой пример: согласно статистике Яндекса, количество показов в месяц по запросу «отдам котенка» — 24 000. Причем в хорошие руки отдать котенка хотят примерно вдвое чаще, чем в добрые.

Коты и кошки менее популярны — 5796 и 9350 показов в месяц соответственно.

Также в поле справа Яндекс предлагает несколько похожих вариантов: например, запрос «котенок купить» имеет уже 113626 показов в месяц. Но мы планируем отдать котенка бесплатно, значит, этот вариант не подходит: заголовок должен точно соответствовать содержанию страницы, чтобы не вводить пользователей в заблуждение.

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

Не злоупотребляйте ключевыми словами в заголовке

Нет, этот совет не противоречит предыдущему. Речь о том, что если вы перегрузите заголовок ключевыми словами (особенно без учета правил склонения русского языка — «Бесплатные котята отдам в добрые руки Москва»), он будет воспринят поисковыми системами как спам. Это грозит штрафными санкциями и потерей позиций в поисковой выдаче.

Немного разыграться с ключевыми фразами можно при написании заголовка title — ваши пользователи не увидят его непосредственно на странице сайта. Также можно (и нужно!) использовать поле meta keywords для простого перечисления ключевых слов. Но заголовок h1 для этого не годится. Все-таки он существует, в первую очередь, для людей, а не для поисковых роботов, поэтому должен быть написан нормальным человеческим языком, а не напоминать набор ключевых фраз.

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

С грамматикой все ясно: мало у кого вызовет доверие страница с заголовком «Иффективное упровление колективом». Чуть тоньше обстоит дело со знаками препинания.

Во-первых, никаких точек в конце заголовка: это противоречит всем правилам оформления текстов. Вопросы и восклицания — пожалуйста. Во-вторых, старайтесь минимизировать количество знаков препинания в заголовке: это снижает его читаемость. И, наконец, откажитесь от использования сложных символов ( = / * » | + _ ). Они могут некорректно отображаться в некоторых браузерах и разбивать пассажи, которыми воспринимают текст поисковики.

При работе над SEO-оптимизацией сайта также рекомендуем обратить внимание на то, как правильно составить мета-описание страницы.

Расставляем теги h1-h2 правильно — повышаем конверсию сайта

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

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

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

Зачем нужны теги h1-h6?

В теги заключается название сайта, заголовки и подзаголовки текста:

  • Зачем нужны теги h1-h6?
    • Синтаксис тегов h1-h6
    • Как правильно использовать тег h1?
    • Как правильно использовать теги h2-h6?
      • Тег h2
      • Теги h3, h4
      • Теги h5, h6
    • Самые распространенные ошибки при расстановке тегов h1-h6
    • Какой должна быть оптимальная длина тега h1?

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

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

Синтаксис тегов h1-h6

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

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

HTML тег h1 – самый значимый в своем роде. В него заключают название сайта и заголовок статьи. Однако не стоит его путать с тегом ( заголовком страницы ). Title отражается в браузере вверху экрана с левой стороны в тот момент, когда открыта страница ресурса. Title прописывается в шапке страницы между , в то время, когда h1 — h6 указываются в самом « теле » страницы и заключаются в теги

SEO: как правильно делать заголовки

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

При слове «заголовок» вы могли подумать о теге — но нет, в этой статье речь пойдет о тегах

Разница между этими тегами заключается в уровнях:

— это заголовок первого уровня,

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

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

считается наиболее важным из всех этих тегов и вторым по значимости для SEO-продвижения (первый по значимости – тег , который определяет заголовок документа).

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

Важное дополнение: теги

не используются для выделения текста; если вам нужно выделить фразу жирным, используйте тег , а не
(если стиль этого заголовка просто выделение жирным).

Как использовать заголовки?

Правило номер раз – на странице должен быть только один тег

Правило номер два – заголовок с тегом

должны быть меньше (размер меняется в зависимости от уровня, чем ниже уровень, то меньше размер заголовка):

(если вы сейчас прочитали эти строки и поняли, что у вас на сайте сделано не так, то это уже повод внести некоторые корректировки в оформление сайта)

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

, а затем сразу

— после первого уровня идет второй уровень, а значит, после

должен идти тег

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

Правило номер четыре – теги заголовков парные :

Советы для названия заголовков

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

или какой-то из уровней ниже.

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

Другие советы, которые можно дать при составлении заголовков:

    не стоит злоупотреблять заголовками и делать на странице множество

— поисковые боты могут расценить это как переоптимизацию сайта либо спам;
  • в заголовках должны быть прямые вхождения ключевых слов, так как это повысит релевантность страницы в отношении этого запроса; однако слишком большая плотность ключевых слов не пойдет в плюс – поисковые боты будут игнорировать подробные заголовки из-за переоптимизации;
  • заголовки должны быть уникальными (повторяющиеся заголовки поисковые системы могут не учитывать);
  • заголовок должен быть близок к началу документа (то есть к началу HTML-кода): чем выше заголовок, тем более высокое значение он имеет (по сравнению с другими элементами страницы);
  • желательная длина заголовка – не более 60 символов; это связано с поисковыми системами, которые воспринимают определенное количество символов (и длинный заголовок могут обработать не полностью).
  • Отдельно можно сказать о дизайне заголовков – будет здорово, если все заголовки на странице будут отличаться от другого текста (даже если речь идет не о

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

    А подзаголовки можно нумеровать, при этом ставить цифры в виде картинок. И удобно, и красиво.

    Как использовать тег

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

      на странице должен быть только один тег

    должен быть на каждой странице;
    тег

    должен отличаться от , но не кардинально;
    тег

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

    должен побуждать к чтению статьи, поэтому при его придумывании рекомендуется воспользоваться советами относительно «цепких» заголовков;
  • не следует использовать знаки препинания.
  • Как выглядит структура заголовков

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

    Частые ошибки

    За правильной разметкой нужно особенно следить при использовании бесплатных CMS и отдельных шаблонов – в некоторых случаях

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

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

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

    Другая типичная ошибка – наличие на странице нескольких тегов

    . Этот тег должен быть один и только один.

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

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

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

    Бывают, кстати, ошибки наоборот – когда вместо того, чтобы поставить тег заголовка, ставят теги

    и с каким-нибудь стилем.

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

    Заключение

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

    Заголовки h1-h6

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

    Именно по seo заголовкам Google и Яндекс определяют, насколько тематика Вашей страницы совпадает с запросами, которые вводят пользователи. Иными словами, насколько релевантна данная страница. Релевантность страниц – один из главных факторов seo продвижения.

    h1 – главный подзаголовок в статье, который обычно размещен над текстом.

    h2-h6 — маленькие подзаголовки, которые проставляются по принципу вложенности.

    1. Главный заголовок h1
    2. Основные требования к h1
    3. Заголовок h2
    4. Основные требования к h2
    5. Заголовки h3-h6
    6. Основные требования к h3-h6
    7. Иерархия заголовков
    8. Как заполнять h-теги в WordPress

    Главный заголовок h1

    Самый главный заголовок страницы размечается тегом h1. Это может быть название страницы, статьи или товара. Это обязательный заголовок и он должен присутствовать на всех страницах сайта без исключения. Очень часто встречаю, что тега h1 просто нет или их несколько. На месте заголовка страницы заместо h1, находится тег h2. Это еще в лучшем случае – бывает что вообще нет заголовков типа H на странице. А то что выглядит типа заголовка, просто обычный div или span блок с прописанными заранее стилями подходящими на заголовок.

    Каждая страница вашего сайта несет в себе какую-то конкретную информацию (во всяком случае, должна нести). Основную суть информации вы и будете размещать в заголовке. Например, если вы продаете 3D-телевизоры, значит заголовок страницы должен выглядеть как основной запрос и выделяться в html коде страницы тегом h1.

    Основные требования к h1

    • На странице должен присутствовать только один заголовок первого порядка (заголовок 1, h1). Это главный заголовок, видимый пользователю и отражающий ключевую суть поста.
    • Заголовок H1 всегда стоит в начале текста.
    • Длина заголовка должна быть не более 65 символов.
    • H1 должен быть уникальным в рамках вашего сайта.
    • Тег H1 не должен быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.
    • В H1 старайтесь заключать самое частотное ключевое слово.

    Заголовок h2

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

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

    Например, страницы товара в магазине телевизоров – если заголовок h1 страницы имеет вид «Телевизор Panasonic TX-75EXR780», то тегом h2 мы будем примерно разбивать на части (подразделы) описание самого товара на странице и иметь вид «Характеристики телевизора Panasonic TX-75EXR780» и «Преимущества телевизора Panasonic TX-75EXR780».

    Тем самым мы за счет заголовков типа h2 захватим важные моменты, которые также могут интересовал посетителя сайта помимо самого названия. Теперь сайт будет конкурировать с остальными не только по запросу по основному “Panasonic TX-75EXR780”, но и по дополнительным запросы касаемо преимуществ и характеристик данной модели телевизора. А охват большего числа запросов в свою очередь – это рост трафика на сайт.

    Иногда заголовок типа h2 попадал в сниппет результатов поиска. Туда как правило попадает либо h1, либо title – они оба самые сильные по важности заголовки страницы и за ними преимущество, но не исключено и влияние h2 на сниппет.

    Основные требования к h2

    • На странице желательно наличие 2-4 заголовков H2. Должны отражать суть дальнейшего текста.
    • Наиболее частотный запрос — в заголовке H1, менее частотные — желательно в H2.
    • Тег H2 не должны быть ссылкой, картинкой и т.д. Заголовок должен быть заголовком.

    Заголовки h3-h6

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

    Основные требования к h3-h6

    • Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит тег h4, то ему обязательно должны предшествовать h2 и h3.
    • Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
    • Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
    • Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.
    • Нельзя писать другие теги внутри тега h.
    • В h-тегах допускается только текст и знаки препинания.
    • В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3, h5, h6 делать упор на детальное раскрытие темы.

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

    Все заголовки должны идти в строгом порядке. Первым на странице всегда идет заголовок типа h1.

    Далее за ним разбивая страницу на подразделы идет тег h2 и часто этого более чем достаточно.

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

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

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

    Как заполнять h-теги в WordPress

    h1 по умолчанию заполняется в поле над статьей:

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

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

    Правильная расстановка заголовков в тегах h1, h2, h3, h4, h5, h6 может дать отличный результат для SEO сайта. По этому, не жалейте времени на настройку.

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

    Как правильно прописать заголовки h1 – h6

    Грамотный, бросающийся в глаза заголовок статьи способен привлечь внимание и посетителей на сайт. Это одна из важнейших составляющих при SEO-оптимизации интернет проекта. В данном посте я расскажу, что такое заголовки h1, h2, h3, h4, h5, h6 и как их прописать. Кроме того вы узнаете об основном заголовке страницы – title.

    Но давайте обо всем по порядку.

    Что такое title

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

    В исходном коде основной заголовок выглядит следующим образом:

    Кто такой фрилансер и как им стать?

    Данный вид заголовка, к примеру, на CMS Joomla создается в автоматическом режиме. То есть заголовок, который прописывается к каждому материалу и является тем самым заглавным заголовком title. Его важность для внутренней SEO-оптимизации сайта не преувеличена, поскольку именно его видит пользователь интернета в поисковой строке при определенном запросе.

    Что такое заголовок h1

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

    Тот же определенный набор слов, что и для title генерируется в h1 Joomla заголовок. Вот как он выглядит в исходном коде:

    Кто такой фрилансер и как им стать

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

    Становится понятным, что движок Джумла, впрочем, как и остальные CMS во многом упрощает работу с сайтом, так как при создании заголовков нет нужды в правке html кода.

    Остальные заголовки создаются непосредственно в текстовом редакторе. В зависимости от панели и набора активных элементов, выбирается определенная функция, которая в текстовом редакторе JCE именуется, как «Параграф». Переместив бегунок можно увидеть, что здесь вашему вниманию представлены все существующие заголовки, начиная от h1 и заканчивая h6.

    Как прописать заголовок h1 и title

    В сфере SEO-оптимизации существуют четкие правила по написанию основных тегов, а именно:

    1. Ключевые слова. В глазах поисковиков грамотно изложенная SEO-статья выглядит куда перспективнее и привлекательней, если в начале ее заголовка title и h1 прописать слова, отвечающие ключевым запросам. Как их узнать? Для этого существует специальный онлайн сервис wordstat.yandex.ua.
    2. Читабельность. Нельзя просто взять и повпихивать ключевики в заголовок. Текст должен быть естественным и при этом легко читаться, в противном случае поисковики посчитают такую выходку за спам. При написании заголовка h1 и title постарайтесь располагать ключевые слова, как можно ближе к их началу. Другое дело заголовки h1, h2, h3… Их можно склонять и разбавлять определенными тематическими словами.
    3. Никаких дублей. Для того чтобы страницы сайта более высоко ранжировались в поисковой выдаче, в html коде не должно быть повторяющихся заголовков. Для проверки страниц, достаточно открыть сайт в браузере и нажать горячие клавиши Ctrl+U, а затем Ctrl+F. В окне поиска пропишите h1 и все присутствующие символы подсветятся желтым фоном.
    4. Длина. В теге title допускается использование 70 символов, так как большее количество просто напросто не поместится в сниппете.
    5. Уникальность. Каждый заголовок должен быть уникальным в пределах определенного интернет-проекта, таким образом, пользователям будет легче сориентироваться и найти именно то, что им нужно.
    6. Тег H1 не должен быть гиперссылкой.
    7. Разделительные знаки желательно не использовать.

    Правильное использование тегов h2 – h6

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

    • Структура заголовков должна располагаться таким способом, чтобы образовывалась последовательная иерархия. Давайте посмотрим на наглядном примере. Допустим, автор пишет статью на тему «Вольная борьбе». В таком случае подзаголовки будут выглядеть следующим образом:

    Вольная борьба среди подростков

    Вольная борьба среди юношей

    Вольная борьба среди ветеранов

    Как преуспеть в вольной борьбе

    • Допускаются склонения и разбавления h2 – h6 заголовков. Это очень важно, поскольку ключевые словосочетания прямого вхождения будут расценены поисковиками как спам.

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

    Спасибо за внимание и до скорых встреч на страницах Stimylrosta.

    Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter

    Анатомия заголовков H1-H6 для оформления и структуризации контента

    Добрый день, уважаемые посетители.

    Сегодня будет статья по теме заголовков H1-H6 для оформления и структуризации контента на сайте.

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

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

    • Цели и примеры использования
    • Основы использования H1
      • Использование на практике
    • Дизайн заголовков H1-H6
    • Ошибки в употреблении

    Цели и примеры использования

    Основные 2 цель заголовков в тегах H1-H6 — оформление и структуризация контента на страницах ресурса с целью сделать его более читаемым и легко потребляемым посетителями сайта. Никаких других целей мы не должны преследовать от этих тегов.

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

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

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

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

    Но тут один момент — проследите, чтобы заголовки нижнего уровня (ближе к H6) были похожи на заголовки и не сливались с обычным текстом. Они должны быть похожи на заголовки, а не просто на жирный шрифт.

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

    Поисковые системы сейчас обращают внимание на данные теги. Но не как на СЕО элементы, а как на элементы структурирования. Поэтому странно будет, если идет H1, а потом сразу H6.

    При использовании данных тегов мы обязательно выдерживаем структуру. Если опускаемся на уровень вниз, то никаких прыжков через уровень. Структуру должна быть следующей: H1-H2-H3-H4-H5-H6.

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

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

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

    Основы использования H1

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

    • H1 всегда один раз на каждой странице;
    • Побуждаем пользователя к прочтению материала, поэтому имеется смысл использовать цепкие слова (например, секреты, лучшие фишки и так далее);
    • Делаем отличным от тега title, который отображает название страницы в поисковой выдаче и побуждает переход на страницу сайта из поиска. Он должен быть немного отличным, но обязательно должен давать понимание того, что контекст материала на странице не изменился;
    • Употребляем ключевое слово статьи, но в разбавленной форме, а не в точном вхождении;
    • Не рекомендуется использовать знаки препинания.

    Использование на практике

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

    Распространенная ситуация, когда вместо H1 стоит H2. Это не является грубой ошибкой, но лучше такого не допускать.

    Если мы говорим об использовании остальных уровней заголовков H2-H6, то их уже стоит использовать в ручном режиме.

    Использовав какую-нибудь CMS для создания сайта, данные заголовки добавляются в статьи очень просто. Например, в WordPress на панели форматирования в редакторе страницы всегда имеется пункт заголовков, где можно выбрать нужный уровень, ранее выделив нужный текст, который необходимо заключить в заголовок.

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

    Что касается стилей оформления для каждого уровня, то в файле стилей стоит добавить правила к каждому уровню.

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

    Дизайн заголовков H1-H6

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

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

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

    Приведу вам еще 2 примера оформленных заголовков в H1.

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

    Также интересное оформление можете сами посмотреть на [urlspan]этой странице[/urlspan].

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

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

    Ошибки в употреблении

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

    • Больше одного H1 на странице. Это не правильно. Только один раз в каждом документе;
    • Использования тегов H1-H6 для оформление дополнительных элементов сайта. В самом начале я писал, что предназначение этих документов — оформление и структуризация контента. Поэтому, их стоит использовать только в контенте. Большинство шаблонов сайтов содержат данные теги в боковых колонках для придания стилей их названий и так далее. Ярко выражено это в шаблонах WordPress, когда название каждого виджета в сайдбаре заключено в H3 или в другие теги.Если такая ситуация имеется, то заменяете заголовочные теги в служебных элементах сайта на другие, например на тег «span»;
    • Специально вписываем ключевые слова. Раньше бытовало мнение, что вписав ключевые слова в прямом вхождении в заголовки всех уровней, можно повысить их плотность и позиции такой страницы будет выше. Но сейчас это уже «карается законом» поисковых систем и накладываются санкции за спам в заголовках. Тем более, данные теги ранжируются по другим алгоритмам. Вывод: нет цели вписать ключевые слова;
    • Частое употребление точек и знаков препинания. Точки в заголовках вообще употреблять не стоит, так как это неправильно с точки зрения, как копирайтинга, так и общих правил оформления текстов. Количество знаков препинания также стараемся минимизировать, чтобы повысить читаемость заголовков. Сюда же можно отнести и большое количество слов — не делаем слишком длинные заголовки;
    • Не соблюдается выдержка структуры с точки зрения иерархии. Старайтесь соблюдать логическую цепочку в построении иерархии тегов H2-H6 на каждой странице;
    • Использование тегов H1-H6 для оформления других элементов текста, а не заголовка. Это то, о чем я говорил выше, когда некорректно настроены стили оформления каждого тега и вместо обычного выделения жирным можно использовать заголовок какого-нибудь уровня.
    • Заголовок не уместен или не несет контекст текста, который идет за ним. Чтобы научиться создавать логические заголовки, возьмите пару хорошо оформленных книг, которые вам было легко читать. Также ориентируйтесь на структуризацию контента на сайте Википедии;
    • Неиспользование заголовков H1-H6 вообще или же отсутствие на небольших текстах. Просто полное отсутствие и говорить не о чем, а вот про отсутствие на небольших страницах — момент сомнительный, так как любой текст (даже минимальные 1000 символов) имеют логическую структуру. Переход от одной темы к другой. Почему бы его не разбить на логические части подзаголовками различных уровней?

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

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

    До встречи в следующих материалах. Все еще впереди.

    Оптимизация текста под ключевые слова: правила оформления заголовков

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

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

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

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

    Заголовки будем делить на 3 группы:

    • Метатег Title;
    • Заголовок страницы H1;
    • Подзаголовки в теле страница (H2-H3).

    Метатег Title

    Метатег Title – находится в верхней части браузера и чаще всего появляется в выдаче поисковой системы (в снипете).

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

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

    Но обычно статьи оптимизируются не только под 1 ключевое слово, их может быть 3, 5, 10, 15 и даже 50 и 100, но чем частотнее запрос (чем чаще его запрашивают в поисковой системе), тем он ценнее для сайта, а самое популярное ключевое слово является основным.

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

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

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

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

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

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

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

    Заголовок страницы H1

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

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

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

    Если основной ключевой запрос «Антидепрессанты без рецепта», то заголовок H1 может быть «Лучшие антидепрессанты без рецепта врача».

    Также можно и изменить ключевое слово более значительно «ТОП 10 безопасных антидепрессантов», то есть тут слово «врач» исключили вовсе. Но с этим приемом лучше пользоваться осторожнее.

    Далее, если в Title не использовали вопрос, то тут мы можем раскрыть ключевое слово и тему статьи в виде вопроса. «Какие антидепрессанты продаются без рецепта врача?».

    Но иногда можно включить и основной ключ без изменений. «Антидепрессанты без рецепта: лучшие безопасные препараты».

    К тому же, тут позволяется использовать и синоним основного ключевого слова вместо него самого. Синоним слова «препарат» — «успокоительные». Синоним подбирается из контекста. Вместо синонима можно внедрить и обобщение – «препарат». А можно использовать и синоним/обобщение, и основной запрос.

    Это не все приемы, здесь также нужно смотреть конкурентов и отстраиваться от них.

    Нужно помнить, что целью заголовка H1 является продать идею прочитать статью, поэтому его можно составлять красивее, а не только с целью внедрения ключевого слова. Для таких «маркетинговых» задач можно использовать и знаки препинания, как двоеточие, добавлять небольшую интригу, но разумеется прибегать к приемам желтых заголовком нельзя.

    Подзаголовки в теле статьи (H2-H3)

    Подзаголовки в теле статьи (H2-H3) – эти подзаголовки структурируют текст на тематические разделы. Во многих сайтах на основе этих подзаголовков формируется «содержание» страницы, которая служит навигацией.

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

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

    К тому же, иногда содержание подзаголовков попадает в сниппет поисковой системы вместо Title. Иногда туда попадает и H1, но редко.

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

    При оптимизации подзаголовком нужно придерживаться следующих принципов:

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

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

    H2 – означает подзаголовок второго уровня, а H3 – третьего (подподзаголовок). При оформлении подзаголовков очень важно сохранять иерархию. То есть сначала идет H2 и только потом H3. Заголовков каждого уровня должно быть не менее 2-х.

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

    Считается хорошим тоном, что на каждые 700 – 1000 знаков есть 1 подзаголовок. Подзаголовки H3 можно употреблять и чаще, если это требуется для структуризации текста.

    Работа с ключевыми словами

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

    Здесь важно уметь пользоваться статистикой поисковых запросов от Яндекса wordstat.yandex.ru и анализировать конкурентов.

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

    Далее, оптимизируем заголовки по обычному сценарию.

    Полезные ссылки:

    • Лучшие инструменты для заработка в сети из личного опыта;
    • Бизнес в интернете с минимальными вложениями на информационных сайтах;
    • Заработок на создании сайтов — бесплатный курс по открытию своей веб-студии;
    • Инфобизнес по модели Евгения Попова — 15 бесплатных видеоуроков.

    Как оптимизировать контент: title, h1, description, keywords

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

    • title;
    • desсription;
    • keywords;
    • заголовок h1.

    Зачем нужны метатеги

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

    В выдаче метатеги подтягиваются в сниппет:

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

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

    • метатеги помогают сайту попадать в выдачу по релевантным запросам;
    • метатеги привлекают посетителей;
    • метатеги сообщают о содержимом страницы.

    Что такое тег title

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

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

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

    Этот пример title с переспамом взят с восьмой страницы выдачи Google по запросу «купить цветы киев»

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

    H1 — базовый заголовок первого уровня

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

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

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

    1. Синтаксис заголовка H1
    2. Для чего нужен заголовок H1?
    3. Особенности заголовка H1
    4. Что писать в H1?
    5. Размер и длина заголовка H1
    6. Сколько заголовков H1 может быть на странице?
    7. Проверить заголовок H1 на странице
    8. 8 ошибок при написании H1
    9. Примеры: Хороший H1 vs Плохой H1
    10. Пример #1
    11. Пример #2
    12. Как вставить тег H1 в популярных CMS?
    13. WordPress
    14. Bitrix
    15. Joomla

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

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

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

    H1 является парным тегом. Текст расположенный между открывающим тегом

    и закрывающим тегом

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Пример #1

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

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

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

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

    Пример #2

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

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

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

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

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

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

    WordPress

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

    Bitrix

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

    Joomla

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

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

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

    Читать еще:  Использование томпака в разных областях
    Ссылка на основную публикацию
    ВсеИнструменты
    Adblock
    detector