H1 h2: 🤷🏽‍♀️ Page not found | MDN Web Docs

В данной статье рассмотрим особенности правильной расстановки тегов h2, h3…h6 (h сокращение от англ. слова heading — заголовок) и их влияние на оптимизацию сайта в целом. Если теги расставлены неверно, поисковым системам трудно получать информацию о размещенных на вашем сайте статьях и ключевых словах, которые они содержат. Теги дают возможность выделить заголовки и сделать Вашу статью более удобной для прочтения. Кроме того они обеспечивают преимущества вашего сайта в системе ранжирования, упорядочивая html код страницы.

Как определить, что Ваш сайт находится под фильтрами Google? Подробнее здесь.

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

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

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

Для более качественного и профессионального продвижения вам понадобится аудит сайта. Как сделать самостоятельный аудит своего сайта? Об этом подробнее в статье.

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

Тег h4 также помогает сайту подняться по запросам в поисковой системе. В большинстве случаев его используют непосредственно в статье в качестве подзаголовков (3-5 штук в статье). Он придает значения ключевым словам.

Теги h5, h5, h6 не имеют весомого значения и влияния. На практике они вовсе редко используются. Текст, который оформлен данными тегами, будет ранжируваться где-то чуть ниже, чем текст, который выделен жирным шрифтом (тегом strong). Данные теги предназначены для мелких элементов на странице. Их обычно отделяют от остального текста. По сравнению с h2 их можно размещать на странице по несколько раз.

Правила написания текста заголовков h2,h3,h4,…,h6

Из чего должны состоять заголовки h2-h6:

1. прямое вхождение ключевого слова в заголовке, которое повысит релевантный запрос в поисковой выдачи;
2. уникальный заголовок по отношению других страниц сайта, так как одинаковые заголовки могут не учитываться ПС;
3. если заголовок находится близко к html-коду, то его значение относительно других элементов страницы значительно увеличивается;
4. ключевое слово должно быть как можно ближе к началу заголовка;
5. длина заголовка не должна превышать 60 символов, так как длинный заголовок не будет воспринят поисковиком;
6. исключить из заголовка грамматические ошибки;
7. заголовки проверяются на переоптимизацию, поэтому не стоит помещать как можно больше ключевых слов в один заголовок.

Что писать и как правильно заполнять. Практические советы.

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

• соблюдать иерархию тегов, то есть h2 должен быть выше остальных, другие заголовки по порядку уровней;
• чем больше уровень тем должен быть больше шрифт заголовка, то есть придерживаться градации шрифтов;
• отказаться от всего лишнего и ненужного в заголовках — акцентирующих тегов и ссылок, только текст;
• не нужно злоупотреблять h2,h3,h4,…,h6. Огромное количество важных элементов на странице воспринимается поисковыми роботами как переспам.
• в качестве заголовка может быть даже картинка, например, с логотипом, которую соответствующим образом оптимизируют.

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

Надеемся наши советы помогли Вам разобраться с особенностями тегов h2, h3, h4,…, h6 и в их роли в правильном структурировании контента на сайте. Если возникнут дополнительные вопросы, обращайтесь! Также рекомендуем статью «Топ сервисов для проверки уникальности текстов».

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

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

Компания HyperHost™ — только лучший хостинг и аренда выделенных серверов.

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

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

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

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

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

Пример разметки:

<h2>Главный заголовок 1</h2>
<h3>Вложенный заголовок 2</h3>
<h4>Вложенный заголовок 3</h4>
<h5>Вложенный заголовок 4</h5>
<h5>Вложенный заголовок 5</h5>
<h6>Вложенный заголовок 6</h6>

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

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 h2 tag or an h3 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.

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

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

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

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

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

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

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

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

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

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

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

Ссылка на патент — The Anatomy of a Large-Scale Hypertextual Web Search Engine.

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.

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

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

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

Ошибка:

Правильно:

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

Заявление от Google:

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

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

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

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

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

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

Disallow: *?*
Allow: *?разрешено_к_индексации*

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

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

Рекомендованный материал на тему robots.txt в блоге по ссылке далее — Как удалить страницы из индекса поисковых систем? Какие страницы нужно удалить из выдачи? Зачем?

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

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

Ссылка на сервис — Аудит сайта.

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

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

Выводы

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

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

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

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

HTML теги h2, h3, h4, h5, h5 и h6. Создаем правильные заголовки

Что такое html тег h2…h6?

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

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

Заголовков h3…h6 в документе может быть сколько угодно.

Все они имеют крайне простой синтаксис. Начинается заголовок с тега <h2>, далее следует текстовое описание, которое обрамляется закрывающим тегом </h2>.

Вот так: <h2>Тут находится текст заголовка</h2>

На рисунке ниже представлен заголовок внутри HTML страницы.

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

Пример заголовка h2

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

Его синтаксис крайне прост: <h2>Заголовки страницы h2, h3, h4 … h6</h2>

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

Пример заголовков h3…h6

Наглядный пример вложенных заголовков h3 и h4 можно увидеть на странице https://dh-agency.ru/title/ (Для удобства, на рисунке мы убрали текст статьи)

Заголовок <h3></h3> имеет больший размер и содержит описание раздела, в том числе обобщающее подзаголовки <h4></h4>. Во все теги добавлены ключевые слова. При этом h3 имеет более частотный ключевик, чем h4.

Роль тегов h2…h6 в SEO

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

Подзаголовки h3, h4, h5, h5 и h6 структурируют документ разбивая его на блоки различной степени вложенности. Опираясь именно на данные теги поисковая система определяет важность того или иного отрывка текста. Не стоит весь материал озаглавливать тегом h2 или h3. От этого он не станет «весомее». Вы просто потеряете возможность «расставлять» приоритетность внутри статьи. В таком случае, робот самостоятельно определит приоритетные и второстепенные отрывки, которые в итоге могут не совпадать с Вашим видением ситуации.

Правильно прописываем h2

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

1. Кратко и понятно описывать содержимое всей страницы;

2. Легко читаться;

3. Быть написан на том же языке, что и весь материал страницы;

4. Не содержать в себе сложных аббревиатур, технических параметров и сокращений;

5. Быть длинной не более 60 символов, при этом располагаться на странице в одну строку;

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

6. Содержать самые важные ключевые слова страницы;

7. Не содержать в себе SEO СПАМа и не быть похожим на тег keywords;

8. Не вводить пользователей в заблуждение;

9. Иметь уникальное содержимое;

10. Быть одним на странице;

11. Внутри <h2></h2> не должно быть сторонних тегов разметки и форматирования, таких как <i>, <b>, <strong>, <span>, <div> и других.

Ошибки при написании h2

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

1. Слишком длинный заголовок;

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

2. Заголовки состоящие из ключевых слов;

   Наличие SEO СПАМа может повлечь за собой исключение из поисковой выдачи. Не стоит превращать содержимое тегов <h2></h2> в семантическое ядро.

3. Наличие бренда;

   Если Ваша фирма недостаточно известна, наличие ее названия в h2 повлечет за собой потерю драгоценного места.

4. Заголовки, которые не описывают суть статьи.

   В первую очередь, h2 должен описывать суть страницы, а уже потом быть привлекательным и продающим.

5. Наличие множества h2 в статье.

   Если на Вашей странице находится несколько h2, это введет поискового робота в заблуждение.

Правильно прописываем h3…h6

Для заголовков h3…h6 требования немного мягче. Для них справедливо все указанное выше, но при этом:

1. Тегов одного уровня на странице может быть несколько; (К примеру, можно иметь 3 тега h3 в одном документе)

2. Они должны описывать только тот блок, который озаглавливают;

3. Могут иметь длину до 80 символов;

4. Содержание технических параметров, аббревиатур и сокращений допускается; (Допускается, но не приветствуется)

5. Должны содержать в себе менее частотные ключевые слова; (В сравнении с тегом h2)

Ошибки при написании тегов h3, h4, h5, h5 и h6 очень схожи с теми, что допускают при создании h2. Поэтому, мы не будем уделять им внимание.

Заголовки h2, h3,…h6 для WordPress

В WordPress нет никаких сложностей с созданием заголовка первого уровня, так как на страницу он выводится автоматически. Достаточно добавить основное название статьи и оно сразу отобразится в тегах <h2></h2>. Пример заголовка представлен на рисунке ниже.

Обратите внимание, что добавлять <h2> в текст статьи не нужно, так как это приведет к дублированию тега. Что для SEO может иметь негативные последствия.

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

Заголовки второго, третьего, четвертого, пятого и шестого уровня — h3, h4, h5, h5 и h6 прописываются в теле статьи напрямую в HTML разметке или при помощи визуального редактора.

Заголовки h2, h3,…h6 для Joomla!

Так же, как и в WordPress, в Joomla! заголовок выводится из названия статьи. Данное поле не имеет ограничений по количеству символов, поэтому ориентируйтесь на допустимые размеры заголовков.

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

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

(Вид редактора может отличаться в зависимости от версии Joomla! или установленных модулей и настроек.)

Заголовки h2, h3,…h6 для Opencart

В Opencart для заголовка отведено отдельное поле, которое так и называется «HTML-тег h2». Это достаточно удобно, так как название может отличаться от фактически выводимого h2.

Как и в других CMS, никаких ограничений внутри поля тут нету.

Заголовки второго, третьего и т.д. уровней (h3, h4, h5, h5 и h6) прописываются в статье самостоятельно. Делается это так же, как и в других системах управления при помощи HTML разметки или редактора.

HTML теги h2, h3, h4, h5, h5, h6

Поддержка браузерами

Описание

HTML теги <h2>, <h3>, <h4>, <h5>, <h5> и <h6> (h сокращение от англ. слова heading — заголовок) используются для определения заголовков на веб-странице. Каждый из них имеет определенный вес (важность), которая определяется цифрой после буквы h, таким образом <h2> — имеет наибольшую важность, а <h6> — наименьшую.

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

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

Атрибуты

Теги <h2> — <h6> поддерживают Глобальные атрибуты и События

Стиль по умолчанию

h2, h3, h4, h5, h5, h6 {
	display: block;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

h3 {
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}

h4 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
}

h5 {
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}

h5 {
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}

h6 {
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}

Пример

<h2>Заголовок 1 уровня</h2>
<h3>Заголовок 2 уровня</h3>
<h4>Заголовок 3 уровня</h4>
<h5>Заголовок 4 уровня</h5>
<h5>Заголовок 5 уровня</h5>
<h6>Заголовок 6 уровня</h6> 

Результат данного примера в окне браузера:

Правильное использование h2, h3, h4, h5 в SEO

Привет, ребята! Чувствую, обстановка накаляется, в комментариях начал прорываться мат, оскорбления в мой адрес. Что ж, а то я уже заскучал по этим временам. 🙂 Самое худшое – это игнорирование. А когда ругают – это же хорошо, значит кого-то задеваю. Радует. 🙂 Эге-ге-гей, товарищ комментатор, привет!!! 🙂 Но из-за мата мне, твой комментарий пришлось удалить, я не раз говорил, что ругательства подобного плана терпеть не стану.

Многие обвиняют меня в продажных статьях. Да, было время, но я же обещал, что их количество будет уменьшаться. Но некоторые до сих пор думают, что если я делаю обзор какого-то сервиса – этот пост продажный. Думайте, что хотите, такие господа. Моя совесть чиста и улыбаюсь я во все кривые свои 32 зуба. Настроение у меня прекрасное, да и моих преданных читателей оно будет таким, по крайней мере я буду стараться. 🙂

В прошлом уроке я рассказывал, про SEO расширение для браузеров RDS bar. Я не просто так решил поднять давно изъезженную тему. Я решил поставить точки над И. Многи читатели у меня спрашивают, как правильно использовать заголовки h2, h3, h4 и т.п.? Я уже когда-то отвечал на этот вопрос в далеком 2012 году. Делая аудиты многих сайтов я вижу одни и те же ошибки, которых я не признаю. Значит, пришло время немного дополнить тот урок.

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

Правила использования заголовков h2, h3, h4, h5 на странице с точки зрения SEO

Правило №1

Запомните, только 1, а не 2, тем более не 3. Многих интересует, как же узнать количество данных тегов на странице и очень часто вебмастера начинают лезть в исходный код страницы и в ручную искать эти теги. Я тоже так делал до тех пор, пока мой “братан по интернету” Виталий (http://mojwp.ru/)  не подсказал мне очень хитрую вещь, которая, оказывается, встроена в мой любимый SEO bar.

Что вам требуется?

1. Устанавливаем RDS bar на Firefox (к сожалению, в версии Google Chrome нет подобного функционала).
2. Нажимаем на кнопку “Настроить панели инструментов RDS bar”:
3. Уже там ставим галочку напротив “SEO-теги” (см. картинку выше).
4. Заходим на любой сайт в Mozilla Firefox (в моем случае мы находимся в любой статье WPnew.ru, начнем с внутренних страниц).
5. На панели RDS бар нажимаем на кнопку SEO:
6. Здесь мы видим title страницы, ее description, keywords, но главное, что нас интересует сейчас – это заголовки сайтов! Такой вид сайта – далеко не идеал в плане SEO, как я считаю. Как говорится, сапожник без сапог. 🙂

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

Правило №2: заголовки h3, h4, h5 должны быть только в самой статье.

В моем случае Вы видите, что h3 используется очень даже правильно, а вот в теге h4, h5 у меня – “мусор”. То есть данные словосочетания не несут никаких полезностей в плане SEO. Более того, используя теги h в ненужных местах мы снижаем значимость этих тегов для поисковых систем, так как их “вес” раскидывается на ненужные словосочетания. Поэтому, теги h должны быть только внутри статьи. Да, бывают исключения, когда ключевые слова очень грамотно вписывают в отдельные блоки по сайту, но туда впихивают никак не фразу “Подпишитесь на сайт” и т.п.

Как исправить эти ошибки?

Для исправления подобных ошибок нам снова понадобится очередное дополнение, о котором я уже рассказывал – это Firebug для Firefox (для Chrome он тоже есть).

Мы находим элемент в ненужном нам теге h на странице, например, для примера возьму выражение “Подписка” и “Сайт”, про которые мне подсказал RDS bar (они в h5, см. картинку выше). Нашел я эти 2 элемента на сайте (можете воспользоваться поиском в браузере Ctrl+F, вбив необходимую фразу для поиска), “инспектируем” с помощью Firebug один из них:

И справа мы видим стили данного тега h5 (в моем случае):

Они сейчас нам пригодятся. Открываем файл style.css нашей темы и прямо в конце дописываем характеристики данного стиля (см. на стрелку картинки выше), просто назвав его как-то по-другому (я решил назвать new4, не забываем в начале точку):

Так как данное выражение “Подписка” находится у меня в подвале, я открываю файл footer.php, вбиваю фразу “Подписка” через CTRL+F, вот он:

И вместо h5 прописываем наш новый класс (в моем случае “new4”), то есть после видоизменения будет такая картина:

Сохраняем файл, открываем Firefox, обновляем страничку и видим, что тег h5 со словом “Подписка” пропал:

Так как стили слов “Подписка” и “Сайт” у меня не отличаются, я аналогично в подвале вместо тега h5 к слову “Сайт” прописываю класс “new4”, и мы видим, что теперь на странице “мусорных” h5 нет:

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

Если же у Вас вдруг статья не в h2, просто откройте файл темы single.php, найдите там вывод заголовка статьи (ищите в поиске через выражение “the_title”) и обрамите его в h2:

Правило №3: на главной странице крайне желательно использовать тег h2.

На данный момент на моем сайте на главной странице нет h2, что, как я считаю, нарушают структуру.

Я считаю, что на странице не может быть тега h4, если выше него нет h3, также не может быть использован h3, если нет h2. Аналогично, использование h2 и h4, например, без h3 – тоже неправильно. Причем все четко должно идти по структуре: h3 не может стоять выше h2 на странице, h4 не должен стоять выше первого тега h3 и т.д.

Что же запихнуть в h2 для главной страницы? Это может быть текст, куда грамотно включены наиболее запрашиваемые ключевые слова, по которым вы продвигаетесь. Повторюсь, ГРАМОТНО вписанные, а не тупое перечисление.

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

Запомните: заголовок h2 должен быть отличен от title страницы. Это будет полезно для поискового продвижения.

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

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

И мой еще один “братан по интернету”, на этот раз уже с Казани, которого зовут Рамиль (жаль у него нет блога, поставил бы сейчас ссылку), любезно поделился этой PHP функцией (вы же знаете, в PHP я не “шарю”), вот она:

<?php if( is_front_page() ) {?><h2 >Описание сайта</h2> <? }
else{ ?><strong>Описание сайта</strong> <?}?>

Тут вы заранее должны задать в style.css одинаковые стили для h2 и для стиля “description”, чтобы визуально посетители не видели отличий.

А что касается h3: заголовки статей на главной странице Вы можете оставить в h3 или убрать, все на Ваше усмотрение. Если же у Вас выводится на главной какая-то статичная страница (допустим, у Вас коммерческий сайт), то естественно, h3 используется только в тексте. Более подробно про то, как использовать теги h2, h3, h4, h5 в статьях, я уже рассказывал в статье про SEO копирайтинг.

Так же существует мнение,что во избежании санкций со стороны поисковых систем за “переспам” заголовки h3, h4 и h5 лучше заменять стилями, например <div class=”zagolovok”> или <p class=”zagolovok”>.

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

Написание тегов h2, h3, h4

Эти теги являются обязательным атрибутом для каждой грамотно составленной страницы. Использование этих тегов — хороший инструмент в опытных руках СЕО специалиста или вебмастера. Поисковики довольно пристально разглядывают HTML код любой страницы, смотрят его правильность и целостность структуры, поэтому применение тегов h2 — H6 должно быть обязательным.

Тег h2

Это заголовок страницы, использоваться должен один раз. Фактически тег h2 является главным заголовком, показывающим, о чем данная страница вкратце (иногда целесообразно делать заголовок h2 таким же, как тег Title). Т.е если на странице статья о размножении кроликов с СЕО оптимизированным текстом под ключевой запрос «размножение кроликов», то и заголовок h2 будьте добры писать с использованием ключевого слова, ну и можно добавить что то еще, но главное не злоупотреблять. Краткость — сестра таланта! Т.е. в случае про кроликов можно было бы придумать что-то типа:

• Все о размножении кроликов
• Советы кролиководов: все о размножении кроликов

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

Тег h3

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

Тег h4

Здесь все в точности так же как с заголовком h3 , только тег h4 должен отражать подзаголовки тега h3. Использоваться может много раз, в зависимости от объема и смыслового наполнения конкретной страницы.

Теги h5-H6

Малоиспользуемые. Правила их использования такие же, как и с тегами h3 и h4.

Советы по использованию тегов

• • В теле текста желательно использовать теги h2-H6 по порядку их значимости, т.е. от тега h2 вверху страницы, затем h3, h4 и т.д. Не используйте заголовки только лишь для текстовой стилизации, не учитывая структуру страницы. Это грубейшая ошибка, как и заспамленность текста заголовками.
  • Используйте теги h2, h3, h4 только там, где они необходимы. Т.е использовать заголовки нужно там, где они вписываются в структуру страницы, подходят по смыслу и не дезориентируют пользователя. К тому же обращайте внимание на длину любого заголовка, будь то h2 или H6: не нужно размывать смысл, заключенный в заголовке, знаками препинания, отвлеченными фактами и лишними словами. Должно быть все четко и по существу, кратко и точно — вот идеальный заголовок!

• Распространенные ошибки: никогда не делайте вот таких заголовков: «Привет, пользователь», «Добро пожаловать на страничку о …», «Главная страница» и им подобные. Это сделает только хуже, ведь любой заголовок показывает поисковой системе, о чем данная страничка или ее подраздел.

Примеры тегов заголовков h2 h3 h4 в SEO

Яндекс и Google учитывает эти HTML-элементы страницы при ранжировании. Роботы поисковых систем сканируют теги для семантического анализа, чтобы определить релевантность текста запросу. И присвоить высокую или низкую позицию в выдаче.

Удачная структура сыграет в плюс при продвижении сайта. За переспам можно получить санкции.

Иерархия

В языке HTML для обозначения иерархии заголовков используют цифры от 1 до 6. Самый важный и значимый — Н1. Это название статьи. Наименее значимый уровень – шестой.

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

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

Пример правильной структуры на странице:

<h2>Управление персоналом организации: стратегии и методы</h2>

<h3>Общие принципы</h3>

<h3>Методы управления</h3>

<h4>Экономические методы</h4>

<h5>Уровень оплаты труда</h5>

<h5>Система поощрений и наказаний<h5>

<h4>Административные методы</h4>

<h4>Социально-психологические методы</h4>

<h3>Задачи</h3>

<h4> Формирование кадрового состава</h4>

<h4>Управление затратами на персонал</h4>

<h4>Анализ качества работы сотрудников</h4>

Роль тегов h2…H6 в SEO

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

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

SEO-аналитики считают, что поисковики придают особое значение ключам в заголовках. Вес ключа зависит от уровня: в Н1 ключевая фраза «весит» больше, чем в Н2, и так далее. Прописывать ключевые слова в точном вхождении не запрещено, но это рискованно. Если использовать их в каждом подзаголовке, можно получить санкции за спам.

SEO-оптимизация заголовков – тонкая задача. Аналитики советуют проверить топ выдачи. Если у конкурентов ключи целиком вписаны в заголовок, то можно рискнуть. Если они используют только синонимы или свободную форму ключа, то предпочтительнее такой же «белый» способ.

В любом случае ключевые слова нужно использовать максимально естественно. Прописывать в неизменном виде фразы типа «поставить пластиковые окна недорого Киров» — провальная стратегия.

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

Базовые правила

• Проверьте HTML-код шаблона. Заголовки всех уровней должны быть тегами Н, без замен при верстке. Иногда заголовки выводится не через теги, а через стили CSS. Это нужно исправить.
• Эти теги могут быть только в контенте. Использование заголовков для сайта в служебных и оформительских элементах недопустимо. Если вы обнаружите их в HTML-верстке сайтбара, подвала или меню, шаблон нужно поменять.
• Заголовки должны визуально отличаться от основного текста размером шрифта.
• Они не комбинируются с другими тегами. Например, нельзя делать их ссылкой, выделять наклонным или полужирным шрифтом. Верстку можно проверить через HTML-код.
• Должны быть уникальными, лучше и в рамках страницы, и в рамках всего сайта.
• Подзаголовки проверяются на переоптимизацию, поэтому нельзя злоупотреблять вхождением ключей.
• Важна лаконичность. Один подзаголовок – одна мысль или тезис. Оптимальная длина – до 50 знаков (некоторые исследователи считают, что до 65).

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

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

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

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

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

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

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

• Н1 всегда один. На странице (в тексте, в оформительских элементах и так далее) не должно быть второго такого тега. Проверьте HTML-код.
• Всегда стоит в начале текста.
• Не должен дублировать другие заголовки на этом сайте.
• Его пишут для людей, он должен соответствовать контенту, быть читабельным, информативным, интересным.
• Идеальная длина Н1 – до 50 символов, но это не жесткое правило.
• Точка в конце не нужна. Ее можно поставить в середине, если заголовок состоит из двух или трех предложений.
• Грамматические и орфографические ошибки недопустимы.
• Можно вписать ключевые слова, если они выглядят там естественно. «Белые» оптимизаторы используют не всю ключевую фразу, а только ее часть. «Разбавляют» ее другими словами или заменяют синонимами. Например, ключ – «купить кухню от производителя дешево Самара». Пример правильного заголовка: «Недорогие кухни от производителя в Самаре», «Готовые недорогие кухонные гарнитуры в Самаре»

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

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

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

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

В тексте может быть много разных заголовков второго уровня, ограничений нет. Но SEO-аналитики считают, что не стоит дробить текст на маленькие кусочки. Оптимальная длина главы – 600-1000 знаков, но это не абсолютное правило.

Подзаголовки h4-H6

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

• Не забывайте про иерархию. В HTML-коде Н3 находятся строго после Н2, четвертый уровень после третьего и так далее.
• Чем больше цифра, тем меньше шрифт заголовка.
• Нельзя вписывать в подзаголовок другие теги, вставлять ссылки, картинки.
• Ключевые слова в точной или свободной форме не запрещены, если вхождение будет выглядеть естественно. Иногда рекомендуют использовать только часть ключа (хвост), чтобы избежать переспама. Например, в обзоре лосьонов один из ключей – «лосьон для зрелой кожи». Подзаголовок – «Для зрелой кожи». Такая фраза понятна пользователю, способствует SEO продвижению, а причин для санкций нет.

Читайте на askusers.ru

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

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

Раньше считали, что URL – адрес страницы – интересен только роботам поисковых систем. Но исследования показали, что пользователи тоже смотрят на адресную строку браузера. Именно поэтому там должен быть человечески понятный URL (ЧПУ).

Закажи юзабилити-тестирование прямо сейчас

Заказать

HTML тег h2 to h6

Пример

Шесть разных заголовков HTML:

Это заголовок 1

Это заголовок 2

Это заголовок 3

Это заголовок 4

Это заголовок 5

Это заголовок 6

Дополнительные примеры «Попробуйте сами» ниже.

Определение и использование

Теги

Примечание: Используйте только один

Поддержка браузера

Глобальные атрибуты

Теги

Атрибуты событий

Теги

Другие примеры

Пример

Установить цвет фона и цвет текста заголовков (с помощью CSS):

Привет, мир

Привет Весь мир

Пример

Установить выравнивание заголовков (с помощью CSS):

Это заголовок 1

Это это заголовок 2

Это заголовок 3

Это заголовок 4

Связанные страницы

Учебное пособие по HTML: заголовки HTML

Ссылка на HTML DOM: объект заголовка

Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент

Пример

h2 {
дисплей: блок;
font-size: 2em;
margin-top: 0.67em;
нижнее поле: 0,67em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Большинство браузеров отображают элемент

Пример

h3 {
дисплей: блок;
font-size: 1.5em;
margin-top: 0,83em;
нижнее поле: 0,83em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Большинство браузеров будут отображать элемент

Пример

h4 {
дисплей: блок;
размер шрифта: 1.17em;
margin-top: 1em;
нижнее поле: 1em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Большинство браузеров будут отображать элемент

Пример

h5 {
дисплей: блок;
размер шрифта: 1em;
margin-top: 1,33em;
нижнее поле: 1,33em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Большинство браузеров будут отображать элемент

Пример

h5 {
дисплей: блок;
размер шрифта:.83em;
margin-top: 1,67em;
нижнее поле: 1,67em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Большинство браузеров отображают элемент

Пример

h6 {
дисплей: блок;
font-size: 0,67em;
margin-top: 2.33em;
нижнее поле: 2.33em;
маржа слева: 0;
поле справа: 0;
font-weight: жирный;
}

Используйте заголовки в стиле SEO и повышайте удобочитаемость • Yoast

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

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

Как Yoast SEO помогает вам в использовании заголовков?

Yoast SEO следит за тем, чтобы вы использовали заголовки правильно, с точки зрения SEO, и извлекали выгоду из этого!

✅ Равномерно распределите заголовки и улучшите структуру текста

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

Анализ читабельности в Yoast SEO включает проверку распределения подзаголовков. Его цель — убедиться, что вы используете заголовки в нужных местах. Что это обозначает? Если у вас есть фрагменты текста длиннее 300 слов и нет подзаголовков, Yoast SEO сообщит вам об этом.

✅ Включите свою ключевую фразу в подзаголовки, чтобы повысить свои шансы на ранжирование

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

Ключевая фраза в проверке подзаголовка является частью анализа SEO в Yoast SEO. Для достижения наилучших результатов Yoast SEO проверяет, использовали ли вы свою ключевую фразу в 30–75% подзаголовков. В Yoast SEO Premium мы также проверяем, содержат ли ваши подзаголовки синонимы ключевых фраз.

Что вам нужно сделать?

Если вы использовали недостаточно подзаголовков, вы получите красный или оранжевый значок на вкладке «Читаемость» Yoast SEO. Мы также даем вам краткий отзыв, который позволит вам точно узнать, в чем проблема. Чтобы узнать, как это исправить, щелкните ссылку, указанную в отзыве. Вы попадете на страницу yoast.com, где сможете узнать, как правильно использовать ключевую фразу в подзаголовках.

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

Почему структура текста важна для SEO • Yoast

Мариеке ван де Ракт — генеральный директор Yoast. Ее основное внимание уделяется развитию компании. Она действительно любит поддерживать открытую и дружелюбную корпоративную культуру.Марике также активно участвует в маркетинге Yoast и Yoast SEO Academy: платформы онлайн-курсов.

Структура текстов на вашем сайте важна для SEO. Если ваш контент четко структурирован, ваши шансы на высокий рейтинг в Google будут выше. В этой записи блога я расскажу, почему структура текста важна.

Как люди сканируют текст?

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

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

Как Google «сканирует» текст?

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

1. Google определил в некоторых своих патентах такие ранжирующие сигналы, как семантическая близость.Семантическая близость означает близость связанных слов в тексте с учетом форматирования этого текста. Чтобы понимать смысловую близость слов, структура вашего текста должна быть четкой.
2. В другом патенте Google, «разумный серфер», Google явно говорит о заголовках. Заголовки, содержащие определенные ключевые слова, важны для темы данной страницы.
3. С обновлением Hummingbird Google стал намного лучше распознавать синонимы.

Есть и другие патенты, которые намекают на использование структуры текста для понимания текста.Со временем Google стал намного лучше анализировать контент. Чем лучше вы пишете, тем легче Google будет понимать ваш контент и, следовательно, оценивать его. Кроме того, Google прилагает все усилия, чтобы по-настоящему понимать язык. Например, в 2019 году Google представил BERT, модель обработки естественного языка (NLP), которая помогает Google лучше понимать язык, чтобы предоставлять более релевантные результаты.

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

Советы по улучшению структуры текста

Если вы хотите улучшить структуру текста, обратите внимание на:

1. Первый абзац вашего текста
2. Ваши заголовки
3. Первое предложение каждого нового абзаца.

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

Первый абзац

Вы должны четко сформулировать, о чем ваш пост, в первом абзаце. В печатных текстах писатель обычно начинает с какого-то тизера, но на это нет времени, если вы пишете для Интернета. У вас есть всего несколько секунд, чтобы привлечь внимание читателя. Убедитесь, что первый абзац передает основную идею вашего сообщения. Таким образом, вы упростите для вашего читателя понимание того, о чем идет речь в вашем сообщении: и: , вы сообщаете Google, о чем ваш пост.Это также известно как стиль перевернутой пирамиды. Не забудьте указать ключевое слово в первом абзаце!

Ключевое слово Focus в первом абзаце

Еще одна причина использовать ключевое слово focus в первом абзаце — это простая психология. Люди узнают искомое слово и думают, что попали в нужное место!

Заголовки

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

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

Основные предложения

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

Заключение

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

Подробнее: Написание блога: создание четкой структуры сообщений в блоге »

В чем разница между заголовком h2 и заголовком SEO? • Yoast

Мариеке ван де Ракт — генеральный директор Yoast. Ее основное внимание уделяется развитию компании. Она действительно любит поддерживать открытую и дружелюбную корпоративную культуру.Марике также активно участвует в маркетинге Yoast и Yoast SEO Academy: платформы онлайн-курсов.

Писатели, как правило, вкладывают реальные мысли в свои заголовки. Для онлайн-контента заголовки важны как для читателей, так и для поисковых систем. Это делает их вдвойне важными! Если вы используете WordPress и наш плагин Yoast SEO, вы вставляете заголовок поста в поле ввода заголовка поста. Ваш заголовок появится в виде заголовка h2 вверху вашего сообщения. Но Yoast SEO также предлагает возможность редактировать и улучшать ваш заголовок SEO отдельно.Это почему? Какая разница? А как его отредактировать? Я объясню в этом посте.

Два поля ввода

Для некоторых из вас это будет очевидно, но давайте посмотрим, где найти поля ввода для обоих заголовков. Поле ввода заголовок сообщения — то же самое, что и заголовок h2 — можно найти в верхней части страницы или в редакторе сообщений в WordPress.

Вы можете найти поле ввода для SEO-заголовка в мета-поле Yoast SEO, которое появляется под полем ввода сообщения.Чтобы отредактировать этот заголовок, вам нужно нажать кнопку редактирования фрагмента. Откроется предварительный просмотр Google. Предварительный просмотр Google предлагает вам три поля ввода. Первое — это поле ввода для редактирования вашего SEO-заголовка. Надеюсь, под полем ввода вы увидите зеленую полосу. То есть, он будет зеленым, если этот заголовок хорошо оптимизирован. Если он оранжевый или красный, вам следует немного улучшить его. Как видите, в поле ввода показаны различные переменные (фиолетовым цветом), которые будут использоваться для создания окончательного заголовка, который будет отображаться в поисковых системах.

Цель заголовка сообщения и заголовка SEO

Важно понимать, что ваш SEO-заголовок не имеет той же цели, что и заголовок вашего сообщения или страницы (ваш заголовок h2). Название вашего сообщения предназначено для людей, которые уже находятся на вашем сайте. Он сообщает им, о чем ваш пост или страница. С другой стороны, ваш SEO-заголовок предназначен для людей, которые еще не на вашем сайте. Он будет показан людям в поисковых системах. Это будет заголовок вашего фрагмента в Google — поэтому он присутствует в предварительном просмотре фрагмента.Цель состоит в том, чтобы заставить людей щелкнуть фрагмент, перейти на ваш сайт и прочитать ваш пост или купить ваш продукт.

Что автоматически делает Yoast SEO?

Ничего не делая, Yoast SEO сгенерирует SEO-заголовок на основе заголовка вашего поста, заголовка h2. В этом заголовке также будет указано название вашего сайта. Если вы этого не сделаете (или наш плагин этого не сделает), Google сделает это за вас. Yoast SEO позаботится о том, чтобы ваш заголовок не был слишком длинным — вы получите уведомление, если оно будет слишком длинным.В Yoast мы используем небольшой маркер, чтобы отделить заголовок сообщения от имени сайта, но вы также можете использовать, например, тире.

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

Стоит ли редактировать заголовок SEO?

Лично я никогда не редактирую SEO-заголовок отдельного поста. Я пишу пост и выбираю заголовок, который подходит людям, которые уже находятся на нашем сайте, а также людям, которые видят фрагмент в поисковых системах. Настройки для автоматического создания заголовков в нашей собственной установке Yoast SEO — конечно же, совершенно нормальные.

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

Как редактировать SEO-заголовок?

Шаблон заголовка

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

Вы можете найти все о настройке этих переменных фрагмента в сообщении Эдвина. Обзор всех переменных фрагмента можно найти в нашей базе знаний.

За отдельный пост

Если вы работаете над сообщением и хотите изменить заголовок SEO, вы можете просто щелкнуть его в мета-поле Yoast SEO под своим сообщением. Вы можете написать для него эксклюзивный текст, использовать определенные переменные фрагмента или их комбинацию. Например, если вы хотите просто изменить первую часть заголовка, но сохранить разделитель и название сайта, вы можете создать такой заголовок: «[настраиваемый заголовок сообщения] — Разделитель — Заголовок сайта».

Заключение

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

Подробнее: Создание хорошего заголовка страницы для SEO »

Доступность в Пенсильвании | Теги заголовков (h2, h3, h4, P) в HTML

Содержание страницы

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

Краткое содержание

1. Используйте теги h2, h3,… H6 как индикаторы заголовков и подзаголовков разделов в документе, а не только как элементы форматирования. В частности, программы чтения с экрана могут просто сканировать страницу на предмет соответствующих элементов h2, h3 и h4.См. Примеры заголовков ниже.
2. Многие эксперты рекомендуют зарезервировать h2 для заголовка страницы, h3 для основных заголовков и h4 для основных подзаголовков.
3. Если вам нужно сделать отступ для текста цитаты, обычно предпочтительнее использовать тег BLOCKQUOTE , чем тег неупорядоченного списка UL. Тег UL должен быть зарезервирован для истинных списков, содержащих элементы LI.
4. Если вам нужно стилистически сделать отступ в тексте (например, сделать отступ для всех абзацев), лучше использовать спецификацию CSS и добавить пробел к левому полю (e.грамм. {margin-left: 15px} ) или отступ слева.
5. Используйте тег абзаца P для разделения абзацев вместо множественных разрывов (например, BR BR ). Это включает блоки текста в их собственные структурные элементы. Некоторые программы чтения с экрана могут переключаться с P на P, но не с BR на BR.
6. Не используйте теги FONT для настройки форматирования тегов заголовков. Эксперты рекомендуют использовать каскадные таблицы стилей для указания цвета шрифта, размера шрифта, начертания шрифта и фона (вместо тега FONT).Это позволяет пользователю с цветовым зрением или слабым зрением заменить проблемную таблицу стилей той, которую они предпочитают.
7. В Word при использовании Заголовок 1, Заголовок 2 стили выполняют ту же функцию, что и h2, h3 , и могут быть преобразованы в соответствующие H-теги в различных инструментах преобразования. Вы можете редактировать стили Word, чтобы изменить внешний вид этих заголовков.

Заголовки: семантические и форматированные

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

Вместо этого заголовки должны быть семантически «помечены», чтобы программа чтения с экрана могла как идентифицировать заголовки, так и предоставлять список в виде страницы или оглавления документа (см. Изображение ниже).

Примеры тегов заголовка

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

Используйте теги H для обозначения заголовков документов вместо изменения размеров FONT .

Недоступно Использование тега

    
 Изучите этический партнерский маркетинг 
    

    
 Как заявить о своем бизнесе в Google 
    

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

    
 Это заголовок 
 
 
 Резюме 
 
 Здесь текст... 
 
 Примеры 
 
 
 Пример 1 
 
 Здесь текст ... 
 
 Пример 2 
 
 Здесь текст ... 
 
 См. также 
 
 Здесь текст ... 
   

    
 Это заголовок h2 
 
 
 Это подзаголовок h3 
 
 
 Это подзаголовок h4 
 
 
 Это подзаголовок h5 
 
 
 Это подзаголовок H5 
 
 
 Это подзаголовок H6 
    

    
 Быстрые ссылки 
 
    
 Уроки фотографии 
 
 
 Ручная установка экспозиции на камере 
 
    
 Установите ISO 
 
       
 Влияние ISO на качество изображения 
 
       
 Камеры с высоким ISO 
 
    
 Выберите диафрагму 
 
       
 Влияние диафрагмы на глубину резкости 
 
       
 Виньетирование 
 
       
 Дифракция 
 
    
 Выберите выдержку 
 
       
 Ограничения выдержки при удержании камеры в руке 
 
       
 Длинные выдержки 
    

    
 Ручная установка экспозиции на камере 
 
    
 Установите ISO 
 
       
 Влияние ISO на качество изображения 
 
       
 Камеры с высоким ISO 
 
    
 Выберите диафрагму 
 
       
 Влияние диафрагмы на глубину резкости 
 
       
 Виньетирование 
 
       
 Дифракция 
 
    
 Выберите выдержку 
 
       
 Ограничения выдержки при удерживании камеры в руке 
 
       
 Длинные выдержки 
    

  
 Это заголовок верхнего уровня 
  Вот текст.
 
 Заголовок второго уровня 
  Вот еще текст.