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

Сколько заголовков h1 может быть на сайте

  • автор:

Можно ли делать более одного

заголовка на странице? Т.е. будет ли это семантически правильно? И не создаст ли это проблем для SEO и индексации сайта в будущем? Просто когда-то давно где-то слышал что

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

У меня на сайте pusiki.com выдает 13 страниц с повторяющимся Н1. Вот только как эту проблему убрать я понять не могу, к большому сожалению. Может это в коде нужно исправлять, подскажите.

15 ноя 2019 в 11:38

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

h1 — это элемент верхнего уровня в оглавлении. Т.е. название раздела / главы / чего-нибудь еще.

Нет никаких проблем с несколькими элементами h1 на странице — напротив, увидеть только 1 «главный» заголовок в автоматически построенном оглавлении было бы странно.

Отслеживать
ответ дан 30 июн 2016 в 10:47
Pavel Mayorov Pavel Mayorov
58.5k 7 7 золотых знаков 72 72 серебряных знака 146 146 бронзовых знаков

С логической точки зрения вы правы, но будет ли правильно все так с семантической? Вот к примеру нашел вопрос парня засмеяли SEO-шники за дублирование h1 заголовков

30 июн 2016 в 12:41

@ConstantineShibaev я про семантику и писал. А сеошников шлите сюда — будем смеяться над ними, с пруфами (которые привел автор того вопроса, на который вы сослались).

30 июн 2016 в 12:45

H1 — заголовок первого уровня.

Для поисковых систем несколько H1, всё-равно, что для Вас несколько названий одной статьи.

Правильный ответ: лучше всё-же использовать 1 H1

Отслеживать
ответ дан 30 июн 2016 в 9:11
Виктор Евлампьев Виктор Евлампьев
658 3 3 серебряных знака 13 13 бронзовых знаков

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

30 июн 2016 в 9:14

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

19 авг 2016 в 11:10

Долгое время считалось, что на одной веб-странице можно иметь только один элемент h1. Но в последнем стандарте ХТМЛ5 имеются семантические элементы, с которыми вы можете сегментировать/фрагментировать исходный код вашей страницы. В документации указано, что основные элементы article + section должны иметь какой-то элемент h, но не нет директивы для обязательной последовательности этих элементов. Однако, (Дьявол спрятан в деталях), вы должны понимать, что поисковики и браузеры при сканировании вашей страницы создают объектную модель документа DOM. Из этой документации W3, вы можете видеть, что элемент h1, является одним из основных элементов для создания DOM. При нескольких элементах h1 возможна задержка с определением главенства этих элементов — от какого начинать. Из-за этого может понизиться скорость загрузки веб-страницы, а это в настоящее время один из основных факторов поискового ранжирования. Поисковые системы используют заголовки для индексации структуры и содержания ваших веб-страниц. Статья W3 об этом + *HTML5 Doctor* + статья SearchEngineLand. Мой ответ: можно применять много элементов h1 на одной веб-странице, но корректнее применять только один такой элемент и выдерживать последовательность и вложенность всех элементов h. Для определения структуры сайта с элементами h, я рекомендую вам применять валидатор W3. Выберите фильтр outline и контролируйте структуру вашего сайта/страницы внизу, в секциях Heading-level outline и Structural outline. Пример последовательности элементов h.

Отслеживать
ответ дан 9 окт 2016 в 15:16
2,450 1 1 золотой знак 10 10 серебряных знаков 11 11 бронзовых знаков

  • вёрстка
  • seo
    Важное на Мете
Связанные
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.2.12.4680

Кое-что про h1 на одной странице

Кое-что про h1 на одной странице главное изображение

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

Сколько на одной странице я могу поставить?

Предыстория

Совсем недавно натолкнулся на статью The Truth About Multiple H1 Tags in the HTML5 Era , в которой рассказывается, сколько же надо ставить тэгов H1 на странице. Я перевел её и основные моменты выписал ниже.

Сколько же я могу поставить тегов H1?

Независимо от того, являетесь ли вы веб-разработчиком или веб-дизайнером, у вас возникал вопрос: «Сколько тегов я могу использовать на странице и как их реализовать?».

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

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

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

Правило одного H1 тега до HTML5

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

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

На примере бизнес-сайта:

На главной странице H1 тег — название компании, а далее — описание компании. Но в отдельной статье на сайте название компании оборачивалось в тег p , а главной темой на странице становилось название статьи, которое мы и оборачиваем в h1 .

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

Пример на бизнес компании

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

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

Почему заголовки имеют значение: содержание документа

Важность тэгов h1-h6 заключается в том, что они создают контуры документа. Контуры документа — это что-то вроде оглавления веб-сайта. Они автоматически создаются из разметки на любой данной веб-странице.

До HTML5 контуры документа создавались с помощью тегов заголовков h1 до h6. Каждое использование заголовка означало бы начало нового раздела контента.

Проблемы, вызванные структурами документа до HTML5

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

Обобщенный ярлык для всей страницы снижает релевантность

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

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

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

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

Существуют ограничения на характер метки документа/названия сайта

Во многих случаях заголовок сайта (который имеет тенденцию играть роль метки документа даже в HTML5) может не иметь какого-либо значимого отношения к содержимому страницы. Например, я мог бы вести блог с заголовком сайта «Даня говорит», и он мог бы отображать одну статью о кодировании HTML, а другую — о милых щенках. В этом случае было бы нецелесообразно интерпретировать заголовок сайта как представляющий любую из этих статей, поэтому мне пришлось бы изменить имя своего блога. Это может быть проблемой, особенно если сайт хочет присвоить себе имя, которое может быть запоминающимся, но не обязательно значимым.

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

Ключевые аспекты алгоритма описания документа HTML5

В то время, как структура документа до HTML5 была построена исключительно из тегов заголовков, алгоритм структуры документа HTML5 использует следующие ключевые аспекты:

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

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

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

Заголовок теги: , , , , , .

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

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

Алгоритм схемы документа HTML5 имеет много других аспектов. Подробная информация об этом доступна на W3C .

Новые правила использования HTML5

  • Используйте один набор тегов для каждого корневого раздела или раздела содержимого.
  • Между открывающим тегом и первым разделом содержимого всегда должен быть заголовок уровня для обозначения всего документа.
  • Когда заголовок уровня должен использоваться для обозначения раздела содержимого, он должен быть первым заголовком, который появляется в разделе, потому что первый заголовок всегда интерпретируется как метка раздела.
  • Если заголовок уровня используется для обозначения раздела содержимого, любые другие заголовки, используемые в этом разделе, должны быть H2 или ниже, чтобы создать точную структуру документа.

Выводы

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

Заголовок H1: секреты и правила написания

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

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

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

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

Основные правила написания заголовка H1

Длина заголовка H1

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

Отличия H1 и Title

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

Важно! Для формирования быстрых ссылок в сниппете стоит сделать H1 и Title одинаковыми, содержащими одно-два слова.

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

H1 в иерархии заголовков

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

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

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

Ссылки в H1

В заголовке первого уровня не должно быть ссылок. Дело в том, что поисковая система считает не то, что видит пользователь, а код сайта. И все знаки, необходимые для добавления ссылки в текст через HTML, может принять за содержимое заголовка. Допустимо ставить ссылки в заголовки H2-H6, если это оправдано и полезно для внутренней перелинковки. Также нежелательно в вкладывать стили.

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

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

«Заказ кухни под ключ не выходя из дома» — вариант для H1. УТП можно добавить в H2: «Замерим бесплатно, изготовим за 30 дней».

Если вы пишете заголовки для интернет-магазина, постарайтесь конкретизировать, что продаете. «Каталог» ни о чем не говорит пользователю, лучше написать «Холодильники и морозильные камеры».

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

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

Заголовок 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, который применяется на сайте для указания канонического адреса страницы. Каноническая страница

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

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

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

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