Что такое заголовок H1 и H2 как их создавать и писать

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

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

Структура — это на самом деле очень важно, если вы заморачиваетесь насчет качества. А чтобы составить нормальную структуру, нужно понимание того, как работают теги h.

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

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

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

Для чего вообще нужны заголовки?

Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:

И для закрепления материала чуть послабее видео:

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

В коде тег выглядит так: , где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.

H-теги глазами людей

Screenshot_1

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

Теги h1, h2, h3, h4, h5, h6 позволяют создать для читателя некую карту, по которой он сможет быстро сориентироваться в тексте. И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам. Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.

H-теги глазами поисковиков

Screenshot_2

Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.

Иерархия H-тегов

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

Вот так выглядит иерархия с правильной вложенностью:

vlozhennost-h

Что за тег h1

Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).

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

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

Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.

Почему h1 должен различаться с Title

Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:

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

Требования по длине H1

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

Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.

Правила для грамотного написания h1
  • Должен быть уникальным для всего сайта и абсолютно читабельным;
  • Не повторяет тег title, но и не противоречит ему;
  • Не стоит делать его слишком длинным (более объемным можно делать title);
  • Используется только 1 раз на каждую страницу;
  • Релевантен тексту и отображает смысловую суть материала;
  • Интересен, привлекателен для пользователя;
  • Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.
Применение ключей

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

Некоторые берут все ключи на страницу и из них составляют структуру статей. Сразу учтите — без классных ПФ такая россыпь ключей по подзаголовкам будет караться фильтром за переспам.

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

Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:

Вот еще пара «приемов», которые применяются при составлении заголовков.

Решение проблемы

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

Пример удачного заголовка: «Выпадают волосы? Остановите выпадение за неделю».
Пример неудачного заголовка: «Можно ли остановить выпадение волос?»

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

Заинтриговать

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

Прием «экзамен»

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

Пример удачного заголовка: «Вы уверены, что правильно боритесь с выпадением волос?»
Пример неудачного заголовка: «Все ли вам известно о выпадении волос».

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

Зачем нужны подзаголовки h2-h6

Теги от h2 до h6 располагаются уже в теле самой статьи, структурно разделяя ее на тематические абзацы, и в коде HTML-документа, выделяя его значимые элементы. Они также идентифицируются поисковыми роботами для семантического анализа страницы.

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

Screenshot_3

h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.

h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.

h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.

Длина всех h-тегов должна быть в пределах 50 символов.

Как правильно прописывать подзаголовки h2-h6

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

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

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

h1 заполняется обычно в поле над текстом в записи:

h1-wordpress

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

Screenshot_4

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

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

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

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

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

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

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

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

В HTML теги заголовков обозначаются h от английского « header », что в переводе означает « заголовок, шапка ». Вот пример того, как это выглядит:

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

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

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

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

Наибольшей популярностью пользуются теги h1 h2 h3 .

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

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

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

На странице может присутствовать только один h1 тег. Если указать несколько заголовков с тегом h1 , поисковики могут расценить это как переспам, что в свою очередь грозит баном:

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

Правила составления главного заголовка h1 :

  • В теге должны использоваться ключевые слова, применяемые для продвижения страницы;
  • Не стоит делать заголовок h1 слишком объемным, вполне достаточно нескольких слов;
  • Текст заголовка должен быть читабельным;
  • Мета тег h1 не должен содержать ничего кроме самого текста. Если желаете его выделить, поставьте коды за пределами тега;
  • Перед тем, как вручную прописывать h1 , убедитесь, что движок не задает его автоматически;
  • Содержание h1 должно соответствовать тематике, указанной в title страницы;
  • При составлении h1 обязательно используйте ключевую фразу, по которой продвигается страница;
  • Содержание заголовка должно быть уникальным, емким и тематичным. Не стоит делать h1 полной копией тега Title . Важно, чтобы на каждой странице ресурса были прописаны уникальные h1 — h6 , поэтому избегайте повторений;
  • Нельзя перечислять в заголовке ключевые фразы через запятую. Содержание h1 должно быть понятно не только поисковикам, но и посетителям ресурса.

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

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

Кроме h1 для расстановки заголовков, которые идентифицируются поисковыми системами, используются теги h2 , h3 , h4 , h5 , h6 и т.д.

Тег h2

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

Теги h3, h4

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

Теги h5, h6

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

Расстановка заголовков h1 — h6 в разных версиях движков может быть реализована по-разному.

Правила расстановки h2 — h6 :

  • Структура заголовков. Должна быть соблюдена иерархия заголовков;
  • Размер шрифта. Чем ниже уровень заголовка, тем мельче шрифт. Редактирование шрифтов производится в стилях. Но, как правило, шрифты имеют правильные размеры по умолчанию;
  • Не допускается применение тегов заголовков вместе с другими тегами акцентирования. В заголовках рекомендуется использовать ключевые слова, по которым данная станица будет продвигаться в поиске;
  • В отличие от h1 , теги h2 — h6 могут быть прописаны на странице несколько раз.
  • Не должно быть никакого спама;
  • Составление текста h1 — h6 должно производиться с использованием синонимов и учетом правил морфологии;
  • Основные ключевые запросы лучше разместить ближе к началу заголовка;
  • Ключевые фразы, прописанные в заголовках, должны встречаться в тексте страницы;
  • Теги h1 — h6 должны быть краткими, емкими и информативными:

Теги h5, h6

Самые распространенные ошибки при расстановке тегов h1-h6

  • В некоторых CMS расстановка тегов производится автоматически и зачастую с нарушением правил внутренней оптимизации. К примеру, с помощью h3 выделаются заголовки блоков и иных элементов сайта, а это не правильно. Для этих целей существуют другие теги HTML ;
  • В корне ошибочным будет заключение в теги h ссылок, изображений, логотипов и т.д.;
  • Частой ошибкой является незакрытый заголовок. Это может сбить с толку поисковики и такие страницы рискуют быть пониженными в выдаче;
  • Нередки явления, когда в тегах либо вовсе отсутствуют текст ( пустые теги ), либо вместо адекватного текста присутствуют несвязанные слова;
  • Выявление и исправление подобных ошибок позволит повысить вес страниц и улучшить ранжирование сайта в целом.

Какой должна быть оптимальная длина тега h1?

Заголовок, имеющий краткое и лаконичное описание, имеет больше шансов привлечь внимание поисковиков. При заполнении заголовка h1 важно не только точно ввести ключевое слово, приписав его ближе к началу заголовка, но и не сделать сам заголовок не слишком длинным. Лучше всего, если длина тега h1 не будет превышать 60 символов, так как остальную часть поисковые роботы просто не анализируют.

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

Заголовки h1, h2, h3 в SEO. ТОП эффективных практик в 2021

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

Какая длина заголовка является оптимальной? Как оптимизировать содержание заголовков?

Разберемся с вопросами далее.

1 — Влияние заголовков h1—h6 на продвижение сайта

Заголовками называется фрагменты тексты, которые размечены в коде страницы тегами h1, h2, h3, h4, h5, h6.

Заголовок является значимым сигналом.

Заголовки h в поисковой оптимизации сайтов

Факторов ранжирования много, но текстовые входят в перечень главных. Какие есть основания доверять данному утверждению? Факт подтверждается практикой, но не только. Основания такие:

  • Публичные заявления от имени поисковых систем;
  • Упоминания в патентах о ранжировании.

So headings on a page help us to better understand the content on the page.

Headings on the page are not the only ranking factor that we have.

We look at the content on its own as well.

But sometimes having a clear heading on a page gives us a little bit more information on what that section is about.

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

Когда дело доходит до текста на странице, заголовок – это действительно сильный сигнал, который говорит нам, что эта часть страницы связана с этой темой.

When it comes to text on a page, a heading is a really strong signal telling us this part of the page is about this topic.

whether you put that into an H1 tag or an H2 tag or H5 or whatever, that doesn’t matter so much.

Rather kind of this general signal that you give us that say this part of the page is about this topic. And this other part of the page is maybe about a different topic.

We do use headings when it comes to search. But we use them to better understand the content on the pages.

Патенты гласят о следующем:

  • Заголовки используются в ранжировании. Ссылка на патент — Document ranking based on semantic distance between terms in a document;
  • Заголовки также влияют на формирование featured snippet. Ссылка на патент — Context scoring adjustments for answer passages.

Как правильно провести поисковую оптимизацию заголовков? Разберемся далее.

2 — Поисковая оптимизация заголовков h1-h6

Полный список главных правил поисковой оптимизации заголовков h1-h6:

  • Использовать заголовок h1 только один раз на странице;
  • В содержание использовать вхождения ключевых фраз из продвигаемых запросов;
  • Использовать h1 на каждой странице;
  • Размещать h1 в верхней части страницы;
  • Размещать ключевые фразы ближе к началу текста;
  • Выделять заголовки крупным размером шрифта;
  • Корректная иерархия h1-h6;
  • Содержание title и h1 должны быть разным;
  • Содержание заголовка должно быть уникальным в рамках сайта.

Алгоритмы научились распознавать смысл текста, поэтому частить повторами ключевых фраз в заголовках смысла мало.

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

Какой должна быть длина заголовка?

Оптимальная длина заголовков h1-h6

Длина определяется требуемым вхождением ключевых фраз.

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

Оформление заголовков h1-h6

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

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

Интересно, что в патенте как фактор ранжирования упоминается размер шрифта.

Google considers each hit to be one of several different types (title, anchor, URL, plain text large font, plain text small font, …), each of which has its own type-weight.

Google counts the number of hits of each type… Then every count is converted into a count-weight.

Count-weights increase linearly with counts at first but quickly taper off so that more than a certain count will not help. We take the dot product of the vector of count-weights with the vector of type-weights to compute an IR score for the document.

Finally, the IR score is combined with PageRank to give a final rank to the document.

Ошибки в поисковой оптимизации заголовков

Ошибка: h1 и title с одинаковым содержанием

Содержание title и h1 на странице должно быть разным.

Содержание title и h1 на странице должно быть разным

Ошибка: Сбой последовательности

Вложенность заголовков имеет значение. Часто данное правило игнорируется.

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

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

Ошибка: Большое количество заголовков на странице

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

Ошибки при оптимизации заголовков на страницах продвигаемого сайта

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

Ошибка: Дубли заголовков h1 на сайте

На многих сайтах есть дубли страниц, а значит есть и дубли заголовков.

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

Использование rel=canonical для устранения дублей заголовков на страницах продвигаемого сайта

Зачастую дубли появляются по причине использования GET параметров.

Что делать? Закрыть лишние страницы с параметрами от индексации.

Как? Проблема легко решается через использование директивы disallow. В robots.txt следует прописать такие директивы:

Разберемся с логикой команд.

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

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

Аудит заголовков

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

Например, можно использовать сервис по аудиту от MegaIndex.

Сервис бесплатный.

Пример отчета для сайта seoheronews.

Аудит поисковой оптимизации заголовков сайта

Выводы

В алгоритмах Yandex YATI и Google BERT есть механизм внимания, применяя который поисковые системы способны анализировать только часть контента на странице.

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

Если использовать h1-h6 правильно, поисковые системы точно распознают тему разделов.

Оптимизация заголовков h1-h6 при продвижении сайта в поисковых системах

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

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

Обсуждение

То есть в Заголовках ни чего не изменилось за последние 8 лет как минимум. То есть с 2012 года как делали так так и делаем. странно что это ещё кто то не знает (на самом деле пофигу какие сейчас алгоритмы в ПС, заголовки и правила те же остались. )

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

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

Так и есть, вот пример стабильности, где на главной с 2011 по 2021 почти ничего не менялось https://markirovkastekol.ru/

Вопрос по поводу «Ошибка: Большое количество заголовков на странице». Хотелось бы понимать много, это сколько? Например на 3 тыс. знаков сколько рекомендуется заголовков h2 ?

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

Вопрос. Какое количество знаков должно быть у каждого заголовка. Если у меня есть один Н1 и два Н2 (всего три заголовка), какого объема должен быть текст?

Я на своем новостном, информационном сайте https://hamsterstyle.ru/ так и ставлю заголовки, H1-H2 дальше H3 не заходил.

Да, с количеством тегов H2-H3 хорошее замечание, у нас был перебор и получали проблемы:
https://arockets.ru/skidki/knigi/kupit-deshevle-v-litres.html урезали до нескольких и решили проблему)

Оптимальная длина заголовков h1-h6
Длина определяется требуемым вхождением ключевых фраз.
Прямых рекомендация по длине нет. Если следовать данным из исследований, то лучше работают информативные заголовки — 14+ слов.
в h1 14+ слов? Кто то такое практикует?

Очень актуальная информация на данный момент и вообще, подскажите так как на моем сайте заголовков на страницах товаров не много, больше всего смущает количество заголовков H5, в H1 название товара, H2 ставлю вручную https://mobi-aks.com.ua/blog/news/obzor-xiaomi-mi-11

Если блок со списком товаров размечен как , а каждый товар внутри обрамлён тегом , то внутри может быть контент в виде заголовка h1-h6 ведущий на другой товар. Причём даже без картинки или любого другого текста, но желательно с ним или с тегом alt у картинки.
Это для гугла. А для Яндекса лучше всё-таки соблюдать иерархию заголовков и названия сопутствующих товаров на странице товара не делать заголовками.
Хотя наверное скоро и Яндекс перейдёт на семантическую вёрстку.

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

Информация передана. Но обращайтесь, пожалуйста, в поддержку— http://ru.megaindex.com/skype. Если требуется срочная связь, есть опция позвонить по Skype к.

Как то непонятно .
Цитирую:
«Содержание title и h1 должны быть разным;»
так на этой странице у Вас самих Title и H1 одинаковый. и на сколько мне известно они должны быть одинаковыми. может опечатались.

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

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

На моём сайте я использую заголовки H1, H2, H3, H4. Но заголовки H4 по 3- 4 раза. Заголовков H5 и H6 вообще не делаю, т.к. считаю, что они для поисковика не важны http://novobud.dp.ua/. Правильно ли это или H5 и H6 надо по любому добавлять?

А есть у кого-то предложения как оптимизировать сайты-каталоги?
На этом 1.5 млн однотипных страниц, из них в выдаче около 300К, сайту больше года.
https://baza-gai.top
На этом 700 страниц, 120 из них исключено.
https://caribbean-restaurants.top
Мета и h1 генерируется из данных которые есть.

На сайте http://kranovshchik-info.ru/Bahenniy_kran.html идёт описание структуры крана, при этом, каждая часть описывается хоть и кратко но довольно объёмно, таких частей штук 10. На ваш взгляд это не будет переспамом при учёте 5 штук h3 по одному h2 и h1.

Интересно, информация в статье (про заголовки) подтверждается какими-то исследованиями?
Или это теория на основе рекомендаций ПС?
Знаю сайты, на которых заголовки составляют 90% контента и это очень популярные сайты.
Также видел в топе сайты, у которых несколько H1 или отсутствуют H1 — тоже живут себе прекрасно.

Например один популярный сайт (не пишу адрес, чтобы не подумали что спамлю) — 116 заголовков на странице, которые сожержат 1409 слов, всего на странице 1830 слов.
H1 — отсутствует!
Н2 — 1шт
Н3 — 115 шт
H4-H6 — отсутствуют.
Это на главной.
На внутренней (случайно выбрал)
45 заголовков, которые содержат 503 слова — это 23% всего контента страницы (свего 2215 слов на странице с учётом всех элементов).
Трафик у сайта космический.

мы тоже, кроме h1 — h3, ничего не используем и нормально!
зачем прописывать h4, h5 и h6, если всё это можно заменять на h2 и h3!?

Я раньше размещал заголовки начиная с Н1 и доходил до Н6. Думал нельзя использовать несколько одинаковых H2 или других. Хотя статьи очень хорошо ранжируются. Вот напримар на автомобильном сайте статья с возможностью скачать программу Вася диагност — https://allvag.ru/forums/vasya-diagnost-skachat-besplatno, только один заголоаок Н1. Но статья держится в Топ 3 уже нескольео лет.
Трудно понять алгоритмы если честно.

Можно ли в H1 прописывать ссылку на страницу сайта. Например, H1 «Телевизор Samsung» — можно в этот заголовок прописать урл на страницу про телевизор Samsung? Или заголовки с урлами могут быть восприняты как поисковый спам?

Например, если я все заголовки статей здесь https://poisk-firm.ru/articles сделаю заголовком h3 — это будет корректно?

Здравствуйте. Подскажите как посмотреть правильно ли организованы заголовки H1-H6 на данном сайте https://mastera-profi.ru/ ?

Хотел бы обратить внимание разработчиков на проблему:
начиная с декабря 2020, сервис «видимость» часто бывает недоступен: либо вижу надпись на странице «Упс! Сервер не отвечает. Повторите действие через некоторое время или обратитесь в поддержку», либо вообще 502 bad gateway.
Megaindex позиционирует себя как «премиум-аналитика», но что-то не очень сходится:
по деньгам — очень даже премиум,
а по качеству — уж слишком часто бывает как отечественные автомобили.
P.S. Почему пишу здесь, а не в FAQ в личном кабинете? А потому, что этот самый FAQ сделан людьми, которые очень не любят других людей. Так и не нашёл, как создать новый тикет (должна быть кнопка вида «Создать обращение» на видном месте).

Считаю, такую проблему недопустимой. Спасибо за отклик. Я никак не связан с поддержкой, но передал попросил разработчиков разобраться в ситуации. Оперативно вопросы решаются через — https://ru.megaindex.com/skype. Можно не только сообщения, но звонить.

«Вложенность заголовков имеет значение. Часто данное правило игнорируется.»
не совсем понял, как это?
на сайте Https://montrans.ru правильно заголовки сделаны?

Я в восхищении.
Иерархия заголовков h1-h6 имеет значение только в случае, когда вы заявляете страницу в стандарте html4 и ниже. С учетом того факта, что все уже забыли как это делается, а именно используют стандарт html5 — всей иерархией заголовков h1-h6 гугл успешно давит клопов.
В семантике html5 имеет значение вложенность секций, которым глубоко фиолетово какой заголовок их озаглавливает. Потому что вес контента определяется той самой вложенностью. В результате чего ставь хоть h1 хоть h6 хоть все на свете делай с заголовком h1 это не будет являться ошибкой и ровно ни на что не повлияет. (Исключением является ситуация, когда верстка страницы сделана не в соответствии с html5 семантикой)
При этом, открою страшную тайну — заголовков вообще может не быть. И все будет чики пуки. По причине того, что вопреки мнению необразованной, с технической точки зрения, части SEO комьюнити, к которой относится автор этого фееричного материала, поисковая машина не имеет сейчас никаких строгих шаблонов относительно необходимости присуствия того или иного тега в html документе. Ее волнует только то насколько она может точно определить его контекст. Для чего используется система «сигналов» усиливающих или ослабляющих значение того или иного термина.
Заголовок секции — это один из подобных сигналов, который достаточно сильный инструмент которым не стоит пренебрегать, но при этом следует помнить, что и без заголовка контент можно наполнить сигналами другого качества, что приведет страницу к тем же результатам. Например правильное использование семантики html элементов strong b i em запросто создаст необходимый фон для того же эффекта.

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

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

SEO

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

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

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

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

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

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

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

Заголовок 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 по умолчанию заполняется в поле над статьей:

Заголовок h1 в WordPress

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

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

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

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

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

Заголовки H1, H2, H3,…, H6

HTML теги h1, h2, h3, h4, h5, h6 — это шесть заголовков показывающих относительную важность блока после заголовка в зависимости от уровня заголовка h1, h2, h3 и т.д. Тег h1 — заголовок первого уровня, тег h2 — второго, тег h3 — третьего, тег h6 — наименее значимый заголовок из всех. Заголовок h1 — второй по важности для SEO сайта элемент на странице после тега title (заголовка страницы) и самый важный тег из всех тегов H.

Использование html тега заголовка h1 на странице допускается не более одиного раза и по умолчанию, заголовок первого уровня H1 отображается самым крупным (среди прочих тегов H) шрифтом жирного начертания. Остальные теги заголовков H имеют шрифт меньшего размера в зависимости от уровня.

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

Заголовки h1, h2, h3,…, h6 — html теги имеющие обязательный закрывающий тег. Они относятся к блочным элементам и всегда отображаются с новой строки. Элементы следующие после заголовка H также начинаются с новой строки без использования
. Так же, до и после заголовка h1-h6 добавляется отступ. При использовании тега h1 и других тегов заголовков допускается использование атрибута align, который определяет выравнивание заголовка. По умолчанию, все html-теги h1-h6 выравниваются по левому краю (h1 align left), при помощи атрибута align можно выровнять тег h1 по центру (h1 align center) или по правому краю (h1 align right).

Так же, нежелательно использование тегов внутри H1, H2, H3,…,H6. Особенно совместное использование заголовков H с html-тегами: STRONG, B, EM и A.

Теги h1,h2,h3 пример:

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

HTML тег h1 что писать и как заполнять

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

Как использовать заголовки h1-h6:

  1. Иерархия заголовков. Заголовок h1 должнт быть выше всех остальных заголовков h на странице. Остальные заголовки по порядке уровня.
  2. Градация шрифтов. Чем выше уровень заголовка (h1 — самый высокий) — тем больше шрифт заголовка.
  3. Не больше одного H1 на странице. HTML-тег h1 можно использовать только один раз на странице. Два заголовка h1 введут в заблуждение поскового робота, что может привести к непредсказуемым последствиям при индексации сайта.
  4. Ничего лишнего в заголовках H. Не используйте в заголовках H1-H6 ничего кроме текста. Избегайте использования других тегов акцентирования (strong, b, em) и ссылок внутри тегов H.
  5. Не злоупотребляйте заголовками h2,h3,h4,h5,h6. Чрезмерное количество «важных» элементов страницы может быть истолковано как спам или переоптимизация сайта.

Текст заголовка h1,h2,h3,…,h6

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

Содержание заголовков H1-H6:

  1. Прямое вхождение ключевого слова в заголовке. Точное соответствие ключевого слова в заголовке повышает релевантность страницы по соответствующему запросу.
  2. Уникальность заголовка относительно других страниц сайта. Повторяющиеся заголовки на разных страницах сайта могут не учитыватся поисковыми системами.
  3. Близость заголовка к началу документа. Чем ближе к началу html-кода находится заголовок, тем больше его значение относительно других элементов страницы и тем более значимым является содержимое заголовка.
  4. Близость ключевого слова к началу заголовка. В идеале, заголовок должен начинаться с ключевого слова.
  5. Длина заголовка h1,h2,h3,…,h6. Длина заголовка не должна превышать 60 символов. Поисковые системы обрабатывают ограниченое количество знаков, длинные заголовки не будут восприняты полностью.
  6. Грамотность заголовков. Грамматические ошибки в заголовке снижают релевантность заголовка.
  7. Плотность ключевых слов в заголовке. Все заголовки оцениваются на переоптимизацию. По этому, не стоит впихивать в заголовок все больше ключевых слов, заголовок может быть проигнорирован.

Тег h1 joomla, wordpress — заголовки в CMS

Многие CMS поддерживают использование заголовков h1,…,h6. Иногда заголовки расставляются автоматически. Однако не всегда с учетом специфики сайта. Правильная расстановка заголовков в тегах h1,2,3,4,5,6 на joomla, wordpress и сайтах других современных CMS может дать потрясающий результат для СЕО сайта. По этому, не жалейте времени на настройку движка сайта. Поверьте, окупится.

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

Пишите в комментариях, как вы используете H-заголовки.
Добавляйте статью в избранное, делитесь с друзьями.
Подписывайтесь на СЕО-блог.

SEO оптимизация. Начало

Здрасте!
Множество информации по SEO (оптимизация, продвижение, вот это вот все) разбросано по просторному интернету, создано множество статей и форумных топиков на эту тему. В данном посте, я собрал рекомендации и инструменты, которые касаются непосредственной страницы сайта (структура, код, вот это вот все).

  • структурные элементы страницы: заголовки, картинки, URL, контент. Рекомендации по их использованию и оценки важности в ранжировании.
  • микроразметка: кто она и с чем ее едят. Рассмотрены schema.org и OpenGraph
  • дана оценка инструментам с точки зрения важности для ранжирования, usability или же поведенческих факторов
  • на примере крупный процветающих сайтов рассмотрены примеры использования описанного инструментария
INTRO

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

ОЦЕНКА ФАКТОРОВ
  • ранжирование (range) — если фактор влияет на продвижение в топе
  • удобство использования (usability) — если фактор облегчает какие-либо действия для пользователя
  • поведение (behavior) — если фактор «заставляет» пользователя выполнить целевое действие
ЗАГОЛОВОК (title)

Behavior: +
Range: +
Usability: +

Заголовок — это «лицо» страницы, он описывает ее содержания, суть. Но помимо этого, заголовок может влиять на SEO. Наличие ключевых в заголовке может положительно повлиять на релевантность страницы. Соответствие заголовка ключевому запросу и правильная формулировка могут сделать ссылку более заметной и привлекательной для посетителей, что в свою очередь повысит CTR (кликабельность).

  • Информирование посетителей о содержании страницы.
  • Заголовок (анкор) страницы в результатах поиска.
  • Длина заголовка до 100 символов;
  • Размещайте ключевые слова вначале заголовка;
  • Используйте меньше прямых перечислений ключевых слов;
  • Исключайте повторяющиеся части или оставляйте их в конце заголовка;
  • Соблюдайте единообразие в названии страниц;
  • Заголовок должен быть интересным для посетителя;
  • Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.
ОПИСАНИЕ (meta: description)

Behavior: +
Range: +

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

  • Формирование сниппета (описание в поисковой выдаче)
  • описание не более 160 символов
  • описание должно соответствовать конкретной веб-странице, а не всему сайту
  • описание должно быть простым, понятным без чрезмерного употребления ключевых слов/фраз

Сниппет (Google — взял описание):

Сниппет (Яндекс — взял микроразметку):

Сниппет (Google — почти что описание, не описание и в тексте такой строки тоже нет):

Сниппет (Яндекс – собрал заголовки с других новостей на этой странице из блоков «Ссылки по теме» и «Спорт»):

КЛЮЧЕВЫЕ СЛОВА (meta: keywords)

Список ключевых слов, соответствующих содержимому страницы сайта.

  • Яндекс: может учитываться при определении соответствия страницы поисковым запросам ( yandex.ru/support/webmaster/controlling-robot/html.xml#meta )
  • Google: «Google does not use the keywords meta tag in web ranking » ( webmasters.googleblog.com/2009/09/google-does-not-use-keywords-meta-tag.html )
  • не больше 20 слов
  • не более 3-х повторов
  • больше склонений.
  • опечатки. Список ключевых слов можно разбавить популярными опечатками ключевых слов.
  • англоязычные запросы
ЗАГОЛОВКИ (H1, H2, H3, …)

Range: +
Usability: +

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

Подробнее про оформление можно прочитать в документации Яндекс.

  • Иерархия заголовков.
  • Определение релевантности страницы
  • Градация шрифтов. Чем выше уровень заголовка (h1 — самый высокий) — тем больше шрифт заголовка.
  • Ничего лишнего в заголовках H. Не используйте в заголовках H1-H6 ничего кроме текста.
  • Не злоупотребляйте заголовками h2, h3, h4, h5, h6. Чрезмерное количество «важных» элементов страницы может быть истолковано как спам.
ПО ПОВОДУ H1

Ограничение на единственное использование тега h1 накладывает не стандарт HTML, а SEO и логика.
В чем суть заголовка? Он определяет название (содержание) блока информации идущего после него.
Чтобы стало понятнее, приведу пример:

Если говорить про дальнейшую структуризацию:

  • А правильно ли если у статьи будет больше 1-го названия?
  • Какое название будет основным?
ПО ПОВОДУ HTML5

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

  • Как на это реагирует поисковик?
  • Правильно ли указывать внутри блока section более низкие заголовки с учетом всей страницы (например, внутри section писать заголовок H2, если он не является основным)?
КАРТИНКИ

Range: +
Usability: +

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

  • поиск по картинкам (Яндекс, Google)
  • возможность читать картинки экранным диктором
  • alt: альтернативное текстовое описания изображения. Выводится пользователю если по каким-либо причинам картинка еще или вообще не загружена. Описание в атрибуте alt должно точно и коротко описывать то, что изображено на картинке. Длинные описания поисковые системы не воспринимают полностью, поэтому желательно ограничиться 50-60 символами.
  • title: всплывающая подсказка. Если в случае с атрибутом alt описывается содержимое картинки, то в случае с атрибутом title, можно сообщить дополнительную информацию о изображении.
  • src: еще один способ обозначить содержимое картинки сделать так, чтобы название файла с изображением соответствовало содержимому картинки. Подробнее про ЧПУ и URL ниже.

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

Картинка основной новости (к слову тут еще и микроразметка используется):

Картинка блока «Другие материалы рубрики»:

Ссылки и URL

Анкор или текст ссылки, должен совпадать (не полностью, но все же) с заголовком страницы. Следовательно, как и заголовок страницы он должен иметь ключи и отражать содержание страницы.

URL с ключевыми словами рассматриваются как один из факторов ранжирования (вероятно из-за повышения CTA т.к. поисковики подсвечивают URL, если он соответствует запросу).

К слову, в большинстве своем крупные сайты просто «плюют» на ЧПУ. Смысл использовать ID я вижу только в случае меняющегося URL (например, зависящего от заголовка, который может быть изменен).

Примеры

http://www.eldorado.ru/cat/1482093/
http://www.eldorado.ru/cat/1482093/SONY/
http://www.eldorado.ru/cat/detail/71173064/

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

Собственно, по первой ссылки мы получим новости за день, но я думаю было бы неплохо сделать возможность смотреть новости, хотя бы за месяц (то есть ссылку вида /news/2016/08/), ну да ладно.

Контент

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

  • Чем ближе к началу документа (страницы) находится текст — тем лучше.
  • Чем ближе к началу текста находятся основные ключевые запросы — тем лучше.
  • Начало текста должно быть в зоне видимости первого экрана браузера (без прокрутки).
  • Текст на странице не должен быть скрыт окнами прокрутки, выпадающими блоками и т.п.
  • Используйте иллюстрации. Текст с изображением лучше описывает суть документа и оценивается выше. Бонусом идет попадание по запросу в Гугл и Яндекс «Картинки».
  • Текст должен состоят из четко разделенных логических частей (со своими ключевыми запросами)
  • Теги , , . Эти теги привлекают внимание к определенным частям и элементам текста. Выделять «жирным» рекомендуется важные моменты текста и ключевые слова.
  • Списки, таблицы и прочее. Не забывайте использовать все инструменты. Чем более разнообразен контент — тем лучше.
  • тошнота (степень неестественности частоты употребления ключевых слов) не более 7
  • частота вхождения ключевого слова 3-5%.
  • актуальность. Под актуальностью контента чаще всего понимают его новизну, частоту обновления сайта. Неиссякаемый источник уникального и актуального контента – это комментарии пользователей.
Про уникальность

Тема холиварная, казалось бы, но на самом деле есть несколько точек зрений, точнее две:

  • уникальность сильно влияет на ранжирование
  • уникальность не сильно влияет на ранж, важна актуальность и востребованность.

У кого есть факты по данному вопросу или реальная статистика, просьба написать в комментариях.

Про перелинковку

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

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

Микроразметка

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

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

Schema.org ( schema.org / ruschema.org )

Используется для общения с поисковиками. В общем виде структура такая:

Контейнеры могут быть вложены друг в друга.

Open Graph ( ogp.me / ruogp.me )

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

Если используется несколько типов, то их все нужно прописать:

Видео (идентично Картинкам):

Есть также удобный в сравнении с schema.org формат записи данных JSON-LD ( json-ld.org ).
Описывать его здесь не стал, т.к. Яндекс его поддерживает не полностью.

Структура сайта

Тут все просто: любая страница сайта, должна быть доступна за 2-3 клика. По поводу «правило 3-ех кликов»:

Речь идет именно о структуре сайта, я как-то натыкался на статистику: посетитель совершал до 20 кликов чтобы совершить нужное ему действие и в итоге можно сделать вывод, что запариваться на этом правиле не стоит. Но тут речь именно про структуру сайта, представьте ситуацию: добраться до страницы вы можете только через 25 кликов, и только так. Вообще не круто.

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

  • Категория
  • Подкатегория
  • Страница материала
Подвал

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

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

Заключение

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

Список используемой литературы

Спасибо всем, кто так или иначе участвовал в создании данной статьи: Silm

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

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

Ранее я уже сравнивал мета тег title и тег h1 по их важности и роли для SEO. Сегодня подробнее разберем именно теги типа H. Всего существует 6 таких тегов, но в основном используются только первые 3 — теги h1, h2 и h3.

SEO заголовок страницы h1 и его значимость

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

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

Обязательно проверяйте наличие тега h1 на странице в самом начале оптимизации или еще ранее — на этапе проведении seo аудита сайта. К тому же тег h1 должен быть всего 1 на странице.

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

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

Заголовок h2 и его важность для продвижения

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

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

Рассмотрим пример страницы товара в магазине фототехники — если заголовок h1 страницы имеет вид «Canon 6d Body», то тегом h2 мы будем примерно разбивать на части (подразделы) описание самого товара на странице и иметь вид «Характеристики Canon 6d Body» и «Преимущества фотоаппарата Canon 6d Body».

Тем самым мы за счет заголовков типа h2 захватим важные моменты, которые также могут интересовал посетителя сайта помимо самого названия. Теперь сайт будет конкурировать с остальными не только по запросу по основному «Canon 6d Body», но и по дополнительным запросы касаемо преимуществ и характеристик данной модели фотоаппарата. А охват большего числа запросов в свою очередь — это рост трафика на сайт.

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

Например данная статья может с легкостью выйти в ТОП по запросу «Заголовок h2», только потому что эта фраза есть в теге h2.

Пару слов о заголовке h3 и нужен ли о вообще

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

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

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

Порядок и иерархия заголовков на странице сайта

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

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

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

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

Горин Павел/ автор статьи

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

Понравилась статья? Поделиться с друзьями:
psihologiya-otnosheniy.ru
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: