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

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

  • автор:

Заголовки h2. Сколько можно на странице и какая допустима тошнота?

Inferrio

Inferrio

13.12.2017 12:56 1 500

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

Помимо этого, проверил сайт на тошноту. Контента у меня немного меньше, но тошнота у конкурента под 12% а у меня под 8% знаю что должно быть максимум 5%. Я так полагаю, это не влияет на индексацию.

Так где же правда, и как быть?

Сколько можно H2 и какая должна быть тошнота?

Ответы на пост (11) Написать ответ
13.12.2017 13:20
Пофиг эти параметры, делай как нравится тебе и пользователям
13.12.2017 13:31

«Там только на главной странице h2 целых 25» — это наверное заголовки анонсов, а h2 прописаны внутри элемента

? Их и 100 штук может быть)) А вот для страницы с полезным контентом, я думаю все зависит от длины текста. Если это портянка в 10000 символов, для неё наверное нормально будет и 10 заголовков h2. А если 1000-2000 символов, то я думаю много их лепить не стоит.

13.12.2017 13:32

И 25 подзаголовков может быть, если так какой нибудь лонгрид информационный. Например, статья на тему «ТОП 25 фобий американцев». Если всё одним текстом, то по логике, для удобства чтения, для выделения каждой фобии, название каждой фобии будет в H2. Другое дело, многие в H2 загоняют что попало, для выделения ключа, например.

13.12.2017 13:35

Сомневаюсь что это ключи.

13.12.2017 13:35

Заголовки h1/h2/h3 и тд нужно размещать строго по вложенности, тоесть.
Пример для текста:

Основное ключевое слово (загловок)

Меньшее по значимости ключевое слово

.

заголовок

текст

текст

.

заголовок

текст

текст

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

текст

Третее меньшее по значимости ключевое слово

текст

Заголовок h1 должен быть только один на странице. Заголовки h2 — их может быть много, только главное не переборщить и соблюдать вложенность и все.

13.12.2017 15:38

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

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

13.12.2017 16:47

minsky ты больной? в смысле несколько h1 ? Удались из интернета! У меня знатно подгорает
Бегом в поиск искать тему «как правильно ставить h1»

13.12.2017 19:46

minsky, почитайте правила расстановки заголовков, и почитайте рекомендации гугл и яндекс. Не запутывайте людей. Откройте лучше большой какойто сайт и посмотрите как делают правилно. h1 — должен быть ТОЛЬКО один на страницу

13.12.2017 21:51
ёпта, скока специалистов. ну, показали б сайты свои, что ли.
14.12.2017 01:10
https://mobils.in.ua/
14.12.2017 10:31

Одну и ту же тему крутят через день )))) Поиском хоть пользуйтесь ТУТ! Я уже не говорю про «погуглить».

Коротко и лаконично:
1. Правило одного H1 ушло в небытие (погуглите и перестанете чушь тут писать).

2. Н2-Н5 может быть сколько угодно (не переспамьтесь ключами только в них).

3.Иерархия заголовков была актуальна еще 10 лет назад. Сейчас ПС наплевать как вы там их расставляете.

4. Тошнота важна для молодых сайтов, желательно не превышать 8% и не ниже 3%, затем после 3-4 лет можно делать контекст до 12-14 %.

Все проверено экспериментами на не одном десятке сайтов.

Может. Главное сохранить структуру:

Заголовок

Подзагловок

Подзаголовок

Подзаголовок

Подзаголовок

Подзагловок

Подзаголовок

Подзаголовок

Подзаголовок

Подзагловок

Подзаголовок

Подзаголовок

Подзаголовок

По посленей версии html5 — не ограничено может быть. Однако: может — не значит — нужно 🙂
Сколько необходимо для иерархии в материале — столько и нормально. Для придания хоть какой-то значимости заголовкам (h2 — h3) для seo — имеет смысл делать их релевантными, содержащими ключевые запросы.

В Сети народ частенько ставит «эксперименты» над заголовками, их влиянию на seo. Результаты, вообще-то, разные. Часто — противоречивые. Имеет смысл ориентироваться только на собственный опыт.

Наибольшая «насыщенность» заголовками на сайтах — блоги. Сколько статей выводится в новостных лентах — столько и заголовков. Бывает и десятки, практически все шаблоны основных cms выводят заголовки «анонсов» материалов — в тегах h2. В Интернет, в принципе, народ особо «не морочится» перепиливанием шаблонов. И — нормально всё. Хотя. и не вегда, и не у всех 🙂 Вот этот вопрос любопытней, нежели кол-во h2: «закрывать» или нет такие страницы от индексации.

07.11.2017 19:26

Привет Саныч. Да конечно лучше закрывать такие страницы. Не приведут они к хорошему. Если на то пошло, вообще достаточно одного h1, h2 и h3. Больше и ненужно. В эти три заголовка, можно по уму всунуть все, что надо. Остальное текстом прибить. Вот только меня удивляет одно. Смотришь на сайты ну штук по пять стоят h2 при этом в каждом прямое вхождение. А ведь достаточно то в один заголовок по одному слову из титла. Короче фиг знает. Щас смотрю свои сайты, как бы подтянулись, утром гляну, как всегда минус пять, три, а иногда и десять. Вот тут то и оно. Весят портянки прошлогоднего столетия и все у них нормально.

Вот если бы яндекс раздели бы сайты в выдачи на категории пример: магазины, услуги, блоги, то тогда стало-бы намного проще. А то, что щас творится черт пойми. Забиваешь перевозка холодильника а тебе бац сайт http://fb.ru/ да нахера такой нужен поиск, когда людям нужно перевезти а тут выскакивает зачем перевозить холодильник, как и когда.

07.11.2017 19:38

Да. те же сомнения, коллега. Периодически возникают.
Периодически «выводишь идеал» — только хуже становится.

Предположение: может никакого seo и нет уже 🙂 После 2014-го года — Яндекс сильно «потеснился», а google. он импортный, с «ненашей» логикой.
Как-то. «варимся» в своем соку пока что. Резкие-таки изменения в «принципах» seo за последние годы. Или я уж совсем устарел и «не въезжаю», вполне возможно. Ориетируюсь только на google, его «не штормит». Но «двигаться вверх» — всё сложнее.

// Вот. толпа оповещений пришла, Джумла! v.3.8.2 — релиз. Мдя. опять всех обойти/обновить, месяца не прошло.
Уж. не до seo, успевай «обновляться» и править собственные «хаки». Суета — суёт 🙂

07.11.2017 19:45

Да нету уже давно сео. Есть только качественный контент, который пишется с соблюдением конкретики, грамотности и т.д. Я как то тут уже писал про то, что один придурок придумал слово СЕО и понеслась по сковородке. На до мною просто тупо посмеялись. Ща пан тот, кто может коротко и ясно изложить суть, уместив весь смысл на три тысячи символов. Больше это уже перебор. Точно говорю. Такие сайты если и висят, скоро упадут. ведь даже если посудить логически, взять к примеру поиск мобильный, когда рыбешка заплывает и ей неудобно прокручивать портянку она выплывает от туда. А это считается отказом. Значит будет просадка рано или поздно. Именно поэтому, не советую писать длинные статьи. Щас-же современника рулит. Всем интересно картинки посмотреть и мало кто будет что то читать.

07.11.2017 20:19

Народ больше теперь — «смотрит», меньше — «читает». Справедливо.
Я так не могу. Скоро «мне-подобных» — вынесут как мамонтов. Адаптация к реалиям — работает только до определенного «рубежа» (возрастного).

Ну. «поборемся» ишшо, пару годиков 🙂

07.11.2017 20:26

Да тут как то случаем в тему под забрел и некоторые товарищи обсуждали сколько символов лучше писать на странице. Я про молчал. Там аж по 15 000, 10 000 и млел, когда читал ихнею тему. Куда столько? Зачем столько? Ахринеть.

07.11.2017 21:09

одну херь написали, у меня сайт по куче запросов в топ 1 яндекса, и в каждой статье (свыше 5 н2)
так что все гораздо проще — хочешь хорошо, делай хорошо

08.11.2017 00:26

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

08.11.2017 05:34

Мда-а-а-а-а-а. смотрю любите тут по ушам водой ездить. Такое ощущение что еще в 90-х «оптимизируете». Давно делал эксперименты (в прошлом году), можно выводить в топ-5 даже страницы не имеющие H1. Основное для ПС это тайтл, а какая иерархия ашек им пофиг. Иностранные сайты только в топ улетают, если толковая и интересная статья. В рунете аналогично, просто яндекс сейчас практически только через бабло более менее загоняет в топ и ему пофиг сколько у вас там ашек и как они прописаны. Полазьте в инете, найдете топовые сайты на которых по 3-4 H1 на странице, и ничего, сидят и ржут с «правильных оптимизаторов», а про ГС я вообще молчу, 2-3 обязательно присутствуют в топ-10. Не переспамливайте свои ашки и будет все нормально, а сколько вы их там нарисуете, это уже ваше дело, главное чтобы в глазах не рябило от них.

Заголовок h1, h2, h3 и внутренняя SEO-оптимизация сайта

HTML теги h1, h2, h3 – это теги, которыми размечаются заголовки на странице. Главный заголовок размечается цифрой 1, остальные теги нужны для разметки подзаголовков. Число в теге h определяет значимость заголовка — чем меньше число, тем больший вес имеет заголовок на странице. Всего в html предусмотрено шесть уровней от h1 до h6

Tilda Publishing
Главная > Статьи > Оптимизация h1 на сайте

Заголовок h1 – это второй по значимости тег при внутренней оптимизации сайта. На первом месте заголовок в теге title. Поисковые системы при определении релевантности также уделяют внимание подзаголовкам.

Использование заголовка h1 на странице сайта

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

Внутри h не рекомендуется размещать вложенные теги или атрибуты. Дизайн оптимально задавать при помощи CSS. Применение тегов B, EM, STRONG, A вместе для выделения текста заголовка или простановки ссылок — недопустимо. Форматирование текста задается с помощью таблиц стилей, а проставлять ссылки с заголовков вообще не стоит.

Пример html разметки с применением тегов h:

    Использование заголовков H1, H2, H3  

Главный заголовок страницы

Анонс

Заголовок первого раздела

Текст первого раздела

Подзаголовок первого раздела

Текст

Второй подзаголовок первого раздела

Текст

Заголовок второго раздела статьи

Текст второго раздела

Подзаголовок второго раздела

Текст

Теги h1 – h6 можно использовать только для оформления текстового контента на странице. Их нельзя использовать для оформления элементов сайта: меню, навигация, текст в шапке.

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

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

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

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

Какой текст писать в h1 сайта?

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

  1. В главном заголовке используйте первый или второй по частотности ключевой запрос. Это повысит релевантность страницы данному запросу. В подзаголовках можно включать другие варианты «ключа», синонимы и словоформы.
  2. Желательно писать уникальные заголовки для каждой страницы.
  3. H1 оптимально размещать как можно выше в документе, здесь он будет иметь наибольший вес. Размещение контента в начале html документа – это одно из правил СЕО-верстки сайта.
  4. Ключевой запрос рекомендуется использовать в начале заголовка или как можно ближе к началу.
  5. Длина заголовка на странице должна укладываться в рамки от 20 до 60 символов.
  6. Текст должен соответствовать нормам русского языка. Запросы с несогласованными словами, опечатками или ошибка нужно приводить в естественную форму.
  7. Не повторяйте ключевые слова в заголовке – это может быть сочтено переоптимизацией.

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

Релевантность страниц сайта ключевым запросам

Релевантность страницы сайта – это соответствие страницы поисковому запросу. Значение релевантности страницы определяется поисковым роботом. Яндекс и Гугл по-разному считают

Мета-тег Keywords – значение тега ключевые слова для SEO-оптимизации сайта

Meta keywords – это один из тегов, которые используются в html. Этот тег заполняется ключевыми словами, которые индексируются поисковыми системами

Значение мета-тега Description для поискового продвижения

Meta-тег description – это описание страницы. Контент данного тега индексируется поисковиками и может выводиться в поисковую выдачу в качестве описания

SEO-оптимизированная верстка сайта

SEO-верстка сайта – это фактически обычная верстка html документа с единственным отличием: при SEO-верстке текстовые поля в коде размещаются как можно выше

Страница ошибки 404 – Что это такое и как ее верно оформлять для продвижения сайта

Ошибка 404 или страница не найдена – это стандартный ответ веб-сервера, в том случае когда браузер клиента обращается к несуществующей в данный момент страницы

Канонические ссылки и адреса страниц при продвижении сайта

Link rel=canonical — это один из специализированных тегов html, который применяется на сайте для указания канонического адреса страницы. Каноническая страница

Бесплатная консультация

Мы создаем и раскручиваем сайты, ведем аналитику и размещаем рекламу в интернете. Задайте нам вопрос по любой из этих тем

�� Не пропускайте заголовки разных уровней: после может быть только , но не .

�� Уровень заголовка выбирайте по иерархии, а не по внешнему виду. Для уменьшения или увеличения шрифта используйте CSS-свойство font — size , а не уровень заголовка.

�� С помощью тегов . можно автоматически создавать оглавления для документов.

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

Ещё примеры

Скопировать ссылку «Ещё примеры» Скопировано

 

Каталог тортов

У нас вы можете заказать самые вкусные десерты от свадебных тортов до сочных тартов.

Свадебные торты

Выберите начинку и внешний вид для торта своей мечты.

Мы выполним торт любой сложности и любой тематики по вашему эскизу или по фотографии.

h1>Каталог тортовh1> p> У нас вы можете заказать самые вкусные десерты от свадебных тортов до сочных тартов. p> h2>Свадебные тортыh2> p>Выберите начинку и внешний вид для торта своей мечты.p> p>Мы выполним торт любой сложности и любой тематики по вашему эскизу или по фотографии.p>

На практике

Скопировать ссылку «На практике» Скопировано

Дока Дог советует

Скопировать ссылку «Дока Дог советует» Скопировано

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

Как вообще это работает? Допустим, есть сайт «Ели от дяди Васи», который рассказывает про голубые сибирские ели. Если ты вводишь запрос в Яндексе «как ухаживать за голубыми елями», а на сайте дяди Васи есть заголовок Как ухаживать за голубыми елями < / h3>, то в Яндексе этот заголовок добавится к названию страницы и будет выдаваться в поиске не просто, как «Ели от дяди Васи», а вот так:

 Ели от дяди Васи — Как ухаживать за голубыми елями Ели от дяди Васи — Как ухаживать за голубыми елями     

�� У любого тега есть стандартный набор стилей, который стоит по умолчанию в браузере. Иногда бывает, что начинающие ставят тег , , , задают им какой-нибудь шрифт, например, font — family : Arial , начинают их использовать — и вроде всё красиво отображается по размеру. Но может быть так, что в одном браузере стандартный размер шрифта — 18px, а в другом — 16px для того же тега. И, если ты не пропишешь сам в CSS размер для этих тегов, то в разных браузерах заголовки будут отображаться по-разному. Впрочем, это касается не только заголовков, но любых тегов. Просто с заголовками чаще всего много проблем.

Алексей Казаков советует

Скопировать ссылку «Алексей Казаков советует» Скопировано

�� SEO-специалисты советуют соблюдать определённое максимальное количество заголовков, например, использовать:

  • — не больше двух, максимум трёх раз;
  • — 4-5 раз и так далее.

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

     .   .   .   .   .  .   body> header class="header"> h1 class="header__heading">h1> header> main class="content"> section class="promo"> h2 class="promo__heading">h2> . section> section class="about-company"> h2 class="about-company__heading">h2> . section> section class="teams"> h2 class="teams__heading">h2> . section> section class="why-us"> h2 class="why-us__heading">h2> article class="card"> h3 class="card__title">h3> article> article class="card"> h3 class="card__title">h3> article> article class="card"> h3 class="card__title">h3> article> . section> section class="faq"> h2 class="faq__heading">h2> . section> . main> body>      

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

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

 body  font-size: 18px; font-weight: 400;> .header__heading  font-size: 45px; font-weight: 800; color: #4A148C;> .promo__heading  font-size: 31px; font-weight: 700; color: #2B2B2B;> .about-company__heading  font-size: 31px; font-weight: 700; color: #2B2B2B;> .why-us__heading  font-size: 31px; font-weight: 700; color: #2B2B2B;> .card__title  font-size: 20px; font-weight: 500; color: #000;> .footer__heading  font-size: 25px; font-weight: 300; color: #2B2B2B;> body  font-size: 18px; font-weight: 400; > .header__heading  font-size: 45px; font-weight: 800; color: #4A148C; > .promo__heading  font-size: 31px; font-weight: 700; color: #2B2B2B; > .about-company__heading  font-size: 31px; font-weight: 700; color: #2B2B2B; > .why-us__heading  font-size: 31px; font-weight: 700; color: #2B2B2B; > .card__title  font-size: 20px; font-weight: 500; color: #000; > .footer__heading  font-size: 25px; font-weight: 300; color: #2B2B2B; >      

В чем проблема и что сразу бросается в глаза? Большое количество повторяемых стилей. Если вдруг поменяется корпоративный цвет или дизайнер захочет поправить типиграфику всего сайта — придётся править огромное количество строчек кода. Избежать этого поможет выделение стилей в отдельные токены.

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

Выглядеть токены будут примерно так:

 .text-size-3xl  font-size: 45px;> .text-size-2xl  font-size: 31px;> .text-size-xl  font-size: 25px;> .text-size-l  font-size: 20px;> .text-size-m  font-size: 18px;> .text-weight-2xl  font-weight: 800;> .text-weight-xl  font-weight: 700;> .text-weight-l  font-weight: 500;> .text-weight-m  font-weight: 400;> .text-weight-s  font-weight: 300;> .color-accent  color: #4A148C;> .color-default  color: #000;> .color-secondary  color: #2B2B2B;> .text-size-3xl  font-size: 45px; > .text-size-2xl  font-size: 31px; > .text-size-xl  font-size: 25px; > .text-size-l  font-size: 20px; > .text-size-m  font-size: 18px; > .text-weight-2xl  font-weight: 800; > .text-weight-xl  font-weight: 700; > .text-weight-l  font-weight: 500; > .text-weight-m  font-weight: 400; > .text-weight-s  font-weight: 300; > .color-accent  color: #4A148C; > .color-default  color: #000; > .color-secondary  color: #2B2B2B; >      

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

Прописать классы токенов прямо в разметке:

     .   .   .  .   body class="text-size-m text-weight-m"> header class="header"> h1 class="text-size-3xl text-weight-2xl color-accent header__heading">h1> header> main class="content"> section class="promo"> h2 class="text-size-2xl text-weight-xl color-secondary promo__heading">h2> . section> section class="about-company"> h2 class="text-size-2xl text-weight-xl color-secondary about-company__heading">h2> . section> section class="why-us"> h2 class="text-size-2xl text-weight-xl color-secondary why-us__heading">h2> article class="card"> h3 class="text-size-l text-weight-l color-default card__title">h3> article> . section> . main> footer class="footer"> h3 class="text-size-xl text-weight-s color-secondary footer__heading">h3> footer> body>      

Использовать препроцессоры, например, SASS и его директиву @extend :

 body  @extend .text-size-m; @extend .text-weight-m;> .header__heading  @extend .text-size-3xl; @extend .text-weight-2xl; @extend .color-accent;> .promo__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary;> .about-company__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary;> .why-us__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary;> .card__title  @extend .text-size-l; @extend .text-weight-l; @extend .color-default;> .footer__heading  @extend .text-size-xl; @extend .text-weight-s; @extend .color-secondary;> body  @extend .text-size-m; @extend .text-weight-m; > .header__heading  @extend .text-size-3xl; @extend .text-weight-2xl; @extend .color-accent; > .promo__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary; > .about-company__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary; > .why-us__heading  @extend .text-size-2xl; @extend .text-weight-xl; @extend .color-secondary; > .card__title  @extend .text-size-l; @extend .text-weight-l; @extend .color-default; > .footer__heading  @extend .text-size-xl; @extend .text-weight-s; @extend .color-secondary; >      

+ Развернуть

Алёна Батицкая советует

Скопировать ссылку «Алёна Батицкая советует» Скопировано

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

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

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

Пример правильного использования заголовков

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

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

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

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

На собеседовании

Скопировать ссылку «На собеседовании» Скопировано

Почему важно использовать h1 – h6 и каким пользователям они приносят пользу? Зачем соблюдать иерархию заголовков?

Скопировать ссылку «Почему важно использовать h1–h6 и каким пользователям они приносят пользу? Зачем соблюдать иерархию заголовков?» Скопировано

Скопировать ссылку «Тимур Цеджинов отвечает» Скопировано

Заголовки важно использовать по крайне мере по двум причинам — SEO и доступность.

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

Пример избранного фрагмента в виде таблицы с заголовком по результату поиска «самые кассовые фильмы 1999»

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

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

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

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

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