H1 заголовок для seo
h1 (h – от header, а 1 – это уровень) – это заголовок первого уровня, который не является мета-тегом, но вместе с мета-тегами title и description составляют основу представления страницы для поисковиков.
Наличие правильного h1 – важнейшее условие для хорошего СЕО продвижения.
- Сколько уровней бывает у заголовков
- Какие правила для написания
- Где прописать h1?
Сколько уровней бывает у заголовков
Уровней заголовков на сайте может быть 6. Цифра отображает общность тайтла, где 1 это самый общий и важный заголовок, отображающий тему всей страницы, а далее по уменьшению.
Обычно не используют h4-h6 т.к. h1-h3 вполне хватает. Исключение составляют длинные статьи с большой иерархией. Главное, чтобы структура текста была понятна.
Стилизованы уровни по размеру шрифта. H1 имеет самый большой шрифт, а далее по убывающей. Использовать их нужно по логическому назначению, а не для оформления документа.
Не нужно забывать, что вы всегда можете оформить h1 css стилями, сделав их меньше, другим цветом и т.д. Или же наоборот придать Обычному тексту стиль h1. Главное, чтобы логика не страдала.
Какие правила для написания
Одна страница – один h1
Поисковики, в целях борьбы с переспамом перестали выделять несколько h1, но с логической точки зрения – нельзя ставить несколько тайтлов 1 lvla. Для этого существуют h2 и h3.
Так h1 выглядит в коде
При этом критической ошибкой это не является, но рекомендуется ставить h1 только 1 раз на страницу. Он отображает общее содержимое.
А далее это содержимое можно разбить на более мелкие подзаголовки h2, разбивающиеся на h3 и т.д. Все это должно быть выстроено в иерархической структуре.
H1 – короткое описание страницы или название товара
Как уже было сказано ранее – h1 должен четко описывать содержимое.
Обычно в него входят высокочастотные слова или фразы.
Нельзя составлять его из не информативных фраз или, например, преимущества товара (Быстро, качественно, не дорого).
Вот пример правильного h1:
Длина
Длина заголовка в идеале не должна быть больше 60 символов, а еще лучше если он будет 3-4 слова т.к. иногда поисковики используют h1 в качестве заголовка сниппета, а он ограничен.
Самое важное это то, чтобы он четко описывал контент. А для сниппета существует мета-тег тайтл.
Уникальность
Уникальность заголовка это важное правило, при формировании страниц на сайте. Дубликаты на разных страницах, как и отсутствие h1 вовсе – это серьезная ошибка, которую надо устранять.
При формировании – желательно, чтобы он не дублировал title. А еще лучше, если h1 и title будут включать в себя разные ключи.
Где прописать h1?
Если ваш сайт на CMS системе – скорее всего в вашем шаблоне уже представлена возможность автоматически назначать h1, которые будут браться из названии статей или товаров.
Так, например, в CMS Joomla он устанавливается из заголовка материала:
В настройках вы можете отключить автоматическое отображение по вашему усмотрению
В WordPress же h1 будет являться верхняя строка формы, где указывается название страницы
Итог
Правильное использование 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, относительно несложно, и процесс обычно выглядит примерно так:
- Разделительный корень документа формируется его тегами.
- Внутри этого корня разделов документ разбивается на разделы, например, путем заключения статей в теги.
- Теги заголовков помещаются в разделы содержимого по мере необходимости, причем первый тег заголовка в любом разделе действует как метка для этого раздела.
Алгоритм схемы документа HTML5 имеет много других аспектов. Подробная информация об этом доступна на W3C .
Новые правила использования HTML5
- Используйте один набор тегов для каждого корневого раздела или раздела содержимого.
- Между открывающим тегом и первым разделом содержимого всегда должен быть заголовок уровня для обозначения всего документа.
- Когда заголовок уровня должен использоваться для обозначения раздела содержимого, он должен быть первым заголовком, который появляется в разделе, потому что первый заголовок всегда интерпретируется как метка раздела.
- Если заголовок уровня используется для обозначения раздела содержимого, любые другие заголовки, используемые в этом разделе, должны быть H2 или ниже, чтобы создать точную структуру документа.
Выводы
Эта статья больше напоминает разъяснения спецификации с дополнениями из истории развития спецификации. В любом случае, новые знания, которые я получил от прочтения, я хочу как можно чаще использовать в своей работе.
Можно ли H1 использовать более чем один раз на странице?
В SEO очень много утверждений которые часто передаются как догматы от поста к посту, от темы к теме, и от семинара к семинару, вот и вокруг заголовков витает очень много утверждений которые часто скорее можно назвать мифами чем утверждениями. В этой статье попробуем разобрать утверждение о том, что заголовок H1 должен быть только один на странице.
Правило одного заголовка H1 большинство, обычно начинающих оптимизаторов, воспринимают как нечто страшное, мол если будет два заголовка H1 на странице то все, бан, пессимизация и.т.д. Но это далеко не так.
Google о двух и более заголовках H1
Если говорить о Google то известно известно, что эта ПС уж точно не считает наличие нескольких заголовков H1 критической ошибкой, вот что на этот счет говорит Мэтт Катс:
Для тех кто не дружит с буржуйским языком вкратце:
Нет ничего страшного если вы используете несколько тегов H1 на странице в случае, если это необходимо для построения логической структуры контента, например в качестве заголовков. В противном случае я бы не рекомендовал злоупотреблять этим тэгом, особенно плохо когда люди оборачивают бльшие куски текста в H1 и стилизируют его через CSS так, как будто это не заголовок, а обычный текст.
Также в одном из экспериментов, проведенным Натальей Митрофановой, который показал, что для Google более привлекателен вариант использования двух заголовков H1, где первый — имя сайта (Гугл старательно вычленяет название веб-проекта, даже если это ссылка на внутреннюю страницу стороннего блога), второй — название статьи. Яндекс как оказалось не очень любит несколько H1 при остальных равных условиях, поэтому для Яши желательно использовать один H1. То есть для Яндекса на Главной H1 — это название сайта, а на внутренних страницах — название внутренних страниц.
Яндекс о нескольких заголовках H1 на странице
Несмотря на эксперимент коллеги приведенный выше, официальной информации от Яндекса по этому вопросу нету, но еще в далеком 2010 году в крупнейшем сообществе Searchengines.ru был опубликован пост, в котором автор темы поделился ответом со службы поддержки Яндекса (Платона) по этому вопросу. Вот цитата переписки:
Вопрос:
«Могу ли я на странице разместить 15 тегов?Ответ:
Здравствуйте, (. )!
Теги h1 Вы можете использовать на свое усмотрение.
С уважением, Платон Щукин
Служба поддержки Яндекса
Вместо вывода
Из вышесказанного можно подвести итог, что один H1 на странице не может считаться железным правилом, а несколько H1 на одной странице не всегда будет ошибкой. Примеров, где сайт более чем с одним H1 на странице находится в топе как Яндекса, так и Google, более чем достаточно, что может говорить о том, что поисковикам важна сама информация, а не оценка сайта по валидности html. Главное правило — использовать заголовки по их назначению, то есть для выделения заголовков страницы и разбивание текста на логические разделы. Это касается всех тегов заголовков, и H1 не исключение. Сколько раз будет повторятся тот или иной тэг заголовка в этом случае второстепенно.
Как говорил Мэтт Каттс о заголовках, что в сети очень много сайтов с «корявыми» страницами, с неправильной структурой заголовков, с невалидным Html, просто уродливыми страницами и.т.д, но это ведь совсем не значит что на таких сайтах не может быть полезного и интересного контента, поэтому мы стараемся не обращать внимания при ранжировании на такие ошибки. Подробнее об этом читайте в статье «Иерархия заголовков H1. H6 на странице».
Ошибкой будет считаться, если Вы будете выделять большие куски текста в заголовки, или пытаться например впихнуть между тегами кучу ключевых слов которые плохо читаемым для человека. Такие приемы будут восприняты поисковиками негативно и скорее всего сайт таки получит санкции.
Если же у Вас например в заголовок H1 заключены название сайта или логотип + заголовок текущей страницы — то в этом случае ничего критического нету, и переживать по этому поводу не стоит, но в других случаях, я лично стараюсь использовать лишь один заголовок H1.
- 1457 просмотров
Заголовок 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. Например, вместо «Как снять диск с болгарки» напишите «Как снять диск с болгарки без ключа». В любом случае, поисковые роботы почти не интересуются заголовками низших уровней, так что они вообще не обязаны содержать ключевые запросы.
Проверить правильность написания заголовков можно в нашем сервисе «Анализ сайта». При общей проверке он покажет заголовок главной страницы, а заголовки внутренних страниц можно увидеть в соответствующем блоке.