Продвижение        22 октября 2017        286         0

Использование заголовков h1-h6 при SEO оптимизации сайта на WordPress

Статья - Использование заголовков h1-h6 при SEO оптимизации сайта на WordPressHTML теги h1-h6 предназначены для выделения заголовков и подзаголовков в тексте, дабы разбить его на смысловые блоки, что упрощает навигацию и повышает лёгкость восприятия материала. Значение этих тегов уменьшается по убыванию, соответственно, наибольшую важность имеют заголовки 1-3, так как ими помечают самую суть — название и верхние категории, на которые разбита статья. Поэтому в них должны быть заключены ключевые слова, отражающие главное содержание статьи, например: «как оптимизировать заголовки h1-h6».

 

Структура заголовков

Подзаголовки должны быть только в тех случаях, когда они действительно нужны. Много заголовков, особенно с повторяющимися ключевыми фразами — плохо и может вызвать подозрения у поисковых систем. Чаще всего хватает h1-h3, чтобы текст был достаточно структурирован для быстрого поиска нужных фрагментов.

 

Пример хорошего каркаса

<h1>Главный заголовок страницы</h1>
Вводный текст из одного или нескольких абзацев. Если под названием сразу же располагается подзаголовок, это выглядит некрасиво.

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

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

<h3>Ещё один блок</h3>
Желательно применять не менее двух подзаголовков нижнего уровня, чтобы блок текста, выделенный верхним подзаголовком, не выглядел как лестница.

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

 

Примеры плохой структуры

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

Распространённые ошибки:

  • Несколько h1 на странице. Это заголовок самого верхнего уровня, он должен использоваться для названия, а не для дробления текста.
  • Слишком много заголовков. Типичным примером на WordPress является использование h3 в виджетах и h1 в анонсах, что создаёт «кашу» на странице, которая может быть не очевидна для посетителей, но видна для роботов поисковых систем. При оформлении материалов не следует злоупотреблять заголовками, дробя ими содержимое на слишком мелкие и незначительные части, которые можно разделить на обычные абзацы.
  • Слишком мало заголовков, или, как часто говорят, «портянка». Поисковые алгоритмы тоже умеют понимать, что большое количество неструктурированного текста воспринимается труднее, чем хорошо оформленная статья. Поэтому первая окажется в выдаче ниже последней.
  • Явный спам. Избежать этого можно следуя простому правилу: если заголовок выглядит неестественно, значит он неправильный. Пример: «WordPress SEO оптимизация заголовков: как расставлять h1-6, инструкция». Не многовато ли ключей для названия?
  • Слишком длинные или слишком короткие заголовки. Заголовки должны отражать суть, позволяя легко находить глазами интересующие части. Оптимальное решение — использовать от 2 до 5 слов в тех случаях, когда это оправдано (заголовки из одного слова встречаются чаще, чем излишне длинные).

 

Почему это важно

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

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

 

Оптимизация заголовков на WordPress

Бесплатные темы редко бывают оптимизированными и потому нуждаются в правках. Первое место, которое следовало бы проверить — название сайта (в коде header.php). Оно должно быть заключено в тег h1, так как отражает суть главной страницы. Но на других страницах суть отражают их заголовки, поэтому должно быть условие, которое на главной странице выводит текст в h1, а на всех остальных применяет CSS.

Второе место, которое обязательно должно быть проинспектировано — код отображения виджетов, находящийся в functions.php (нужно искать вызов register_sidebar). Там не должны использоваться заголовки, вместо них лучше применить выделение жирным либо CSS-стиль.

В single.php расположен код вывода записей. Их заголовки должны быть обёрнуты в h1, а не в h2. Такая ошибка случается из-за того, что h1 уже используется в названии сайта, и плохо знакомые с SEO программисты считают правильным использовать h2 для страниц сайта.

Теперь нужно убедиться, что заголовки анонсов находятся в h2, а не в h1. За их вывод обычно отвечает функционал из content.php. Но тут всё не так просто: в сложных темах искомый функционал может быть спрятан далеко в одном из компонентов template-parts. Чтобы не искать его вручную, надо посмотреть, что вызывается в index.php, там может быть код следующего вида:

get_template_part(‘template-parts/content’, get_post_format());

Из первого параметра функции ясно, что нужно смотреть именно content.php в директории template-parts. Для получения заголовка принято использовать функцию the_title, в которой и содержится код, генерирующий заголовки с тегами h. Хороший код вызывает проверку is_single(), чтобы отображать h1 для отдельных записей и h2 для анонсов. Но он встречается не всегда, и там может применяться h2 или h3 во всех случаях, что необходимо исправить.

Файл footer.php тоже желательно проверить, так как и в нём могут встречаться теги h. Причём к ним могут быть применены стили, уменьшающие их размер.

Резюме

  • header.php — заголовок только на главной странице;
  • functions.php — виджеты без заголовков;
  • single.php — заголовки страниц в h1;
  • content.php — the_title, h1 для записей и h2 для анонсов;
  • footer.php — никаких заголовков.

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

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

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