Теги h1 - h6: полезность SEO и хорошие практики написания

1. Тег h1 - заглавный, уникальный и лаконичный
2. Тег h2 - семантические вариации
3. Теги h3 - сила структурированного контента
4. Теги h4 и следующие - стиль первый
5. Порядок тегов
6. Появление тегов
7. Пометка домашней страницы сайта
8. Несколько советов по оптимальному использованию ваших тегов h1 - h6
9. Инструменты для оптимизации вашей разметки HTML
10. Структурируйте документ Word, который служит основой для вашей статьи
11. Легко проверить структуру тегов сайта h1 - h6

Наша команда-партнер Artmisto

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

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

Каждая страница веб-сайта соответствует HTML-документу, то есть текстовому файлу, который содержит теги . Эти теги говорят браузеру, как отображать контент.

Браузер не отображает теги такими, какие они есть. Когда пользователь посещает веб-страницу, его браузер анализирует (или анализирует ) документ и интерпретирует его для правильного отображения веб-страницы. Например, если документ содержит тег <Img> , браузер загрузит соответствующее изображение и отобразит изображение вместо тега HTML.

Технически, теги следуют простому и строгому синтаксису : открытие шеврона (<) + имя тега + (необязательные) атрибуты + закрывающий шеврон (>)

Пример: <h1> Основной заголовок </ h1> или <h2> Первое чередование </ h2> и т. Д.

Теги от H1 до H6 - это заголовочные теги, которые сообщают вашим читателям и поисковым системам, насколько важен каждый заголовок. Не следует путать, однако, с тегом <title>, который не показывается читателю, но также играет ключевую роль в естественных ссылках (мы вернемся позже).

Теги <h1> - <h6> обрамляют каждый заголовок веб-страницы и используются главным образом для

Теги с h1 по h6 представляют шесть уровней заголовков , причем <h1> является самым большим и <h6> наименее важным. Элемент title кратко описывает тему вводимого раздела.

Чтобы выбрать теги <h1>, <h2> и т. Д. Подумайте, семантика и структура, прежде чем думать дизайн . Понятно, что важен не размер или форма опечатки тега, а его место в иерархии. Таким образом, мы не выбираем тег <h2> или <h3> для его «вида», а потому что он соответствует относительной важности заголовка. Форматирование будет определено в файле CSS.

Hn теги структурировать и акцентировать ваш контент. Возможны несколько типов конструкций. Кроме того, SEO-эксперты не всегда согласны. Вот несколько примеров:

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

Тег h1 - заглавный, уникальный и лаконичный

Тег H1 соответствует редакционному заголовку страницы, которая является частью «горячих зон», когда речь идет о ссылках. Прочитав его, нужно уметь определить тему страницы. Заголовок <h1> должен быть как можно более описательным.

Как это написать?

• Поместите ваши ключевые слова в начале <h1> . Google придаст им больше веса.
• Привилегия краткое название . Чем длиннее ваш заголовок, тем больше «разбавить» ваше ключевое слово.
• Рассматриваемая формулировка и определение интересны для вашего SEO : вы можете надеяться достичь «нулевой» позиции, которая может генерировать более 50% кликов в поисковой выдаче.

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

С точки зрения пользователя, тег <h1> должен быть наиболее видимым типографским элементом на странице. Он должен захватывать глаза и удерживать внимание пользователя за считанные секунды.

Обычно рекомендуется использовать только один тег <h1> на страницу. Но тема обсуждается. Мэтт Каттс, бывший инженер Google, также упомянул об этом видео который датируется уже 2009 годом.

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

Тег h2 - семантические вариации

Тег H2 представляет основные разделы контента. Когда вы используете его, вы делите свой контент на более удобные для восприятия и сканирования блоки : Google и ваши посетители это оценят.

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

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

Некоторые, например Оливье Андрие, используют тег <h2>, чтобы выделить тему статьи. H2 затем содержит от 2 до 3 предложений (т.е. от 200 до 300 символов), в которых однажды появляется центральное ключевое слово. Такая практика, однако, кажется противоречащей рекомендациям Google, которые предлагают избегать «размещения текста в тегах заголовка, который не будет полезен для определения структуры страницы. "

Теги h3 - сила структурированного контента

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

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

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

Не стесняйтесь структурировать свой контент и использовать несколько тегов <h3> в качестве заголовков . Вероятно, вы будете использовать меньше тегов <h4> и более , если ваш текст не очень длинный (более 2000 слов).

Теги h4 и следующие - стиль первый

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

Однако <h4> и последующие теги находятся в боковой панели или колонтитулах . Это имеет место во многих темах WordPress, которые не придают особого значения. Такой подход имеет определенную логику: поскольку основной контент обычно структурируется с использованием тегов <h1> - <h3>, другие теги могут рассматриваться как указывающие на менее важный контент. Тем не менее, некоторые пуристы предпочитают не использовать теги hn на боковых панелях, учитывая, что они, с одной стороны, являются общими для нескольких страниц и не имеют семантической связи с темой страницы.

Наконец, некоторые предлагают поместить след крошки в h4 или h6 (так как он содержит много ключевых слов).

Порядок тегов

Несколько школ сосуществуют.

Некоторые предпочитают логический порядок , вырезая главную титульную страницу, субтитры, субтитры и т. Д. по нисходящей схеме: <h1>, <h2>, <h3> и т. д.

Другие толкают этот классический порядок. Как указывает Оливье Андрие, пресса придерживается следующей логики:

• Редакционный заголовок в <h1>
• Чапо (резюме в 2 или 3 предложениях) в <h2>
• Субтитры (субтитры) в <h3>

Появление тегов

Напомним, что теги от h1 до h6 по сути играют структурную и семантическую роль. Это не элементы стиля, хотя мы склонны связывать тег <h1> со жирным шрифтом и размером, намного превышающим тег <h2>, и так далее. Но все это определяется и модифицируется на уровне CSS.

Здесь вы можете дать волю своему творчеству! Вот что это может дать. (Источник: slaout )

Пометка домашней страницы сайта

В случае статьи или внутренней страницы относительно просто применить логику каскадной структуры, имеющей только один тег <h1>, <h2> и следующие теги, для структурирования основного содержимого. страницы.

Но как насчет домашней страницы, которая умножает важное содержание и ссылки на разные внутренние страницы? В этом случае, поскольку Google индексирует страницу целиком, принято считать, что тег <h1> является заголовком сайта или блога (и, следовательно, общей темой страницы), а теги < h2> ввести различные разделы, сопровождаемые <h3>, где это уместно.

Несколько советов по оптимальному использованию ваших тегов h1 - h6

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

Вот краткое изложение правил, которым нужно следовать:

• На вашей домашней странице тег <h1> содержит заголовок вашего сайта / блога.
• Для внутренней страницы теги <hn> структурируют редакционную основу страницы.
  Рекомендуется использовать тег <aside> для исключения блоков из боковой панели разделения семантического содержимого.
• Один заголовок <h1> на страницу . Обычно вы рассматриваете только одну тему / тему на страницу.
• Каждый тег <h1> содержит центральное ключевое слово вашей веб-страницы.
• В тегах <h2> и более поздних разверните семантическое поле с помощью вариаций центрального ключевого слова или дополнительных ключевых слов.
• Не рекомендуется переходить от тега <h2> к тегу <h4>, но вы можете сделать это без наказания со стороны Google. Даже если это не логично, это мало повлияет на ваш SEO.
• Структура, но без излишеств . Заголовки являются логической основой страницы. Они должны служить вашей цели столько же, сколько и SEO. Если ваша мысль организована, веб-архитектура будет следовать.
• Не раздражайте названия своих ключевых слов . Подумайте о плотности ключевых слов и семантической насыщенности, но без чрезмерной оптимизации.

За исключением длинных статей (более 2000 слов), теги от H4 до H6 используются мало. Для самого длинного контента вы можете добавить оглавление, которое выделит структуру контента и позволит вам исправить некоторые несоответствия, которые вы пропустили.

• Нет длины для уважения : в отличие от тегов <title> или мета-описание, теги <hn> бесплатны. Но старайтесь не разбавлять ваше ключевое слово в заголовке слишком долго.

В зависимости от вашей темы и навыков, вы примените один из этих 4 методов, чтобы применить теги H1 к H6 к вашим страницам и статьям.

1. Вручную введите правильные теги в текстовом редакторе.
2. Используйте параметры форматирования визуального редактора.
3. Используйте сочетания клавиш, Alt + Shift + номер от 1 до 6
4. Используйте клавиши # (и необходимое количество # для уровня заголовка)

Инструменты для оптимизации вашей разметки HTML

Несколько инструментов и советов могут оптимизировать и проверить HTML-структуру вашего веб-контента и правильное использование тегов от h1 до h6 на веб-странице.

Структурируйте документ Word, который служит основой для вашей статьи

Веб-статья редко пишется непосредственно в инструменте CMS. Писатель часто начинает с документа Word.

Знаете ли вы, что использование стилей (для заголовков, заголовков и всего текстового форматирования) экспортируется и извлекается в большинстве CMS . В любом случае, в WordPress вы импортируете полную статью в единственном экземпляре и вставляете.

Легко проверить структуру тегов сайта h1 - h6

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

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

Я также советую вам проверить бесплатный инструмент Webrankinfo который проверяет теги H1 - H6, представленные на данной веб-странице, просматривает их, замечает любые ошибки и дает советы по их исправлению. Супер практично!