Заголовок h2 в WordPress – проверяем, исправляем
Здравствуйте уважаемые коллеги! Давно обещал и вот наконец выкладываю на свой блог WordPress-book.ru методику по замене тегов форматирования заголовков статей с h3 на h2. Зачем и кому это необходимо срочно сделать, читайте далее.
Как известно, поисковые системы при ранжировании страниц сайтов в поисковой выдаче, уделяют большое внимание тексту в заголовке статьи, заключенного в тег h2. По всем правилам внутренней SEO оптимизации в этом заголовке должно содержаться основное ключевое слово/словосочетание. Иначе ваша статья не будет релевантна поисковому запросу и, соответственно, будет занижена в поисковой выдаче.
Подробно про релевантность я писал в статьях «Оптимизация текста» и «Анализ сайтов конкурентов». Как проверить, все ли у вас с этим в порядке? Просто посмотрите исходный HTML код любой страницы вашего сайта. Для этого нажмите комбинацию клавиш Ctrl + U или щелкните правой клавишей мыши по любому участку страницы и в выпавшем меню выберите соответствующую ссылку, в моем браузере — «Просмотр кода страницы».
Как видим, заголовок этой статьи отформатирован тегом h3. Более того, он содержит в себе ссылку на самого себя. Ссылка в заголовке допустима только в анонсах статей. Наличием таких SEO ошибок в заголовках грешат некоторые старые и все шаблоны, написанные в Artisteer третьей версии. Если заголовок вашей страницы заключен в тег h2 и он некликабелен, то у вас все с этим в порядке и дальше можете не читать. Если же ваши дела как в примере выше, читаем и исправляем. В шаблонных шаблонах, сделанных по шаблону :-), ошибка форматирования заголовков исправляется довольно просто. Как это сделать хорошо показал мой коллега Петр Куприянов в своем видео. Методика исправления других, нестандартных шаблонов, например, сделанных в Artisteer, как у меня, изложена чуть ниже.
Видео — «Как сменить заголовок WordPress на h2»
Как сменить теги заголовка статьи на h2 в шаблоне от Artisteer3
Если в футер темы вашего блога/сайта встроена иконка RSS (более неподходящего места для иконки rss и не придумать :-)),
в панели администратора в меню «Внешний вид» присутствует такая опция как «Artisteer Options»,
знайте, ваша тема создана в Artisteer 3 и следующая методика для вас. Иерархия заголовков в вашей теме должна соответствовать следующей правильной схеме:
- — на главной странице заголовок сайта отформатирован тегом h2, заголовки анонсов статей тегом h3;
- — в статьях заголовок заключен в тег h2 и не содержит в себе ссылки, заголовок сайта в шапке содержит только ссылку на главную страницу, форматирование тегами
h2 не применяется.
Итак, первым делом сделайте резервную копию файла style.css из корневой папки шаблона и файлов post_title.php, page.php, onecolumn-page.php из папки templates. Именно их мы и будем править. Удобнее всего редактировать файлы шаблона в текстовом редакторе Notepad++ по ftp или в файловом менеджере хостинга. В файл style.css, в самый его конец, добавьте кусок кода (выделен в рамку красного цвета):
Вот этот код:
h2.art-postheader { letter-spacing:2px; color: #376476; text-decoration: none; font-size:22px; font-weight: bold; margin: 12px 0 8px; } span. |
h2.art-postheader { letter-spacing:2px; color: #376476; text-decoration: none; font-size:22px; font-weight: bold; margin: 12px 0 8px; } span.sub-page, span.sub-page a{ color: #223E49 !important; font-size: 33px; font-style: normal; font-weight: bold; letter-spacing: 2px; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase; font-family: «Times New Roman»,Georgia,Times,Serif; } .sub-page { display: block; text-align: center; }
На картинке я обозначил коды, отвечающие за цвет и размер шрифта заголовка статей и заголовка сайта. В файл post_title.php добавьте два фрагмента кода как на скриншоте ниже. Это изменение произведет перезаключение заголовка записи с тега h3 на правильный h2 а также уберет ссылку с заголовка в статье (не путать с анонсом статьи).
Код №1:
Код №2:
Следующими на очереди на исправление будут файлы page.php и onecolumn-page.php. Правки кода в обоих файлах абсолютно одинаковы, поэтому я приведу только один пример на onecolumn-page.php. Удалите две строчки в начале файла, как на скриншоте и, соответственно, два закрывающих дива в его конце.
Завершите корректировку вставкой двух кусков кода, как показано на следующем рисунке:
Код №1:
1 | <!--?php if (is_home()):?--> |
<!—?php if (is_home()):?—>
Код №2:
1 2 3 4 | <!--?php endif;?--> <!--?php if (!is_home()):?--> <span><!--?php echo $logo_name; ?--></span> <!--?php endif;?--> |
<!—?php endif;?—> <!—?php if (!is_home()):?—> <span><!—?php echo $logo_name; ?—></span> <!—?php endif;?—>
Повторите аналогичную операцию для файла page. php. Теперь заголовки статей вашего WordPress проекта заключены в правильный тег h2 и, соответственно, все статьи будут более релевантны своим поисковым запросам.
h2 — базовый заголовок первого уровня: что писать, длина, примеры
Автор Вадим Никитенко На чтение 10 мин. Опубликовано
Как оптимизировать страницу с помощью html заголовка первого уровня h2? Какая должна быть его длина и сколько тегов h2 можно использовать на странице? Примеры хороших и плохих заголовков. Обо всем подробнее читайте в данной статье.
h2 — это базовый заголовок страницы первого уровня. В Html разметке существует всего 6 заголовков, показывающих важность блоков стоящих под ними. Наиболее важный заголовок h2, наименее — H6.
По-умолчанию, стили заголовков отличаются: h2 имеет наибольший размер, далее по нисходящей, соответственно, H6 — наименьший из заголовков.
Синтаксис заголовка h2
В Html-коде страницы заголовок h2, как правило, размещается в пределах парного тега body как можно ближе к началу страницы. Выглядит вот так:
<h2>h2 — базовый заголовок первого уровня</h2>
Пример использования тега h2 на данной странице:
h2 является парным тегом. Текст расположенный между открывающим тегом <h2> и закрывающим тегом </h2> и является заголовком первого уровня. Заголовки h3-H6 имеют аналогичный синтаксис.
Важно! Заголовки h2-H6 должны иметь иерархическую и смысловую последовательность. Заголовок третьего уровня не должен содержать в себе блок с заголовком второго уровня, также как и заголовок четвертого уровня не должен находиться внутри блока с заголовком второго уровня.
Простой пример правильной иерархической структуры заголовков:
<html> <head> <title>Популярные породы кошек в России и США</title> </head> <body> <h2>Породы кошек в России и США</h2> <p>Вступление</p> <h3>Породы кошек в России</h3> <p>Текст про породы кошек в России</p> <h4>Русская голубая кошка</h4> <p>Текст про русскую голубую кошку</p> <h4>Сиамская кошка</h4> <p>Текст про сиамскую кошку</p> <h3>Породы кошек в США</h3> <p>Текст про породы кошек в США</p> <h4>Мейн-кун</h4> <p>Текст про породу Мейн-кун</p> </body> </html>
Более подробно ознакомиться c иерархией и структуризацией страницы с помощью заголовков вы можете в спецификации HTML5.
Для чего нужен заголовок h2?
Заголовки в целом нужны для правильной структуризации документа. Соблюдение структуры web-страницы необходимо как для пользователей, которые визуально воспринимают информацию на сайте, так и для роботов поисковых систем. Для первых понятная структура страницы является залогом простоты восприятия информации, для вторых заголовки и блоки под ними представляют семантическую важность.
Заголовок страницы в отличие от тега meta description виден всем пользователям сайта. h2 является смысловым обобщением содержания web-страницы.
Особенности заголовка h2
Заголовок первого уровня — это блочный элемент, который всегда начинается с новой строки. Он по-умолчанию обладает жирным начертанием и имеет свои отличительные особенности, которые не присущи другим заголовкам более низких уровней.
Что писать в h2?
Как уже говорилось ранее, h2 — это заголовок первого уровня как в визуальном плане, так и в смысловом. Базовый заголовок должен отражать содержание всей страницы, а не отдельных ее частей. h2 не должен дублировать тег title, но также как title и description должен содержать главное ключевое слово страницы. У тега h2 высокая вероятность попасть в заголовок динамического сниппета, поэтому дублирование h2 и title является плохой практикой. Вы таким образом сужаете вариативность и релевантность своего сниппета по низкочастотным запросам.
Главное требование к h2 — это релевантность содержимому страницы. Заголовок помимо наличия ключевого слова должен привлекать внимание и быть интересен пользователю. Пример корректно составленного h2:
Размер и длина заголовка h2
Начнем с размера. Во многих SEO-блогах можно найти информацию о том, что заголовок h2 обязательно должен быть визуально больше остальных заголовков, в противном случае поисковые системы посчитают это содержание за неоптимизированный контент, и позиции сайта могут понизиться в выдаче. Есть ли у этой информации объективная основа? Нет. Ни в спецификации HTML, ни в справочной информации поисковых систем вы не найдете данных, отражающих важность визуальных стилей заголовков.
Более того, многие начинающие оптимизаторы по ошибке принимают текст самого большого размера за заголовок первого уровня, хотя зачастую это бывает не так. Вот отличный пример:
По запросу «Купить мужские джинсы» в ТОП-5 выдачи Яндекс (на момент написания статьи) присутствует один из лидеров E-commerce интернет-магазин Lamoda.ru. На скриншоте видно, что заголовок первого уровня «Мужские джинсы» гораздо меньше по размеру, чем описательный блок <div>, и другие текстовые элементы, размещенные на странице.
Визуальное отображение — это вопрос юзабилити, а семантика — это вопрос поисковой оптимизации. Не стоит путать эти два понятия. В вашем конкретном проекте стоит руководствоваться здравым смыслом, эстетикой ресурса и удобством представления информации для пользователей.
Длину h2 рекомендуется делать не более 60 символов, так как поисковые системы учитывают их ограниченное количество. Если вы не можете уместиться в этот лимит, не потеряв смысловую нагрузку заголовка, напишите заголовок длиной более 60 символов. В идеале нужно придерживаться данной цифры, так как h2, как говорилось ранее, может быть использован при формировании динамического сниппета. А отображаемая длина заголовка (ссылки) в сниппете ограничена.
Сколько заголовков h2 может быть на странице?
Согласно спецификации HTML 5 количество заголовок первого уровня возможно использовать для каждого тега article или section. Яндекс в разделе представления информации о сайте не упоминает о возможном количестве использования h2, а лишь говорит о том, что должна быть соблюдена иерархия использования заголовков. Официальный представитель Google Джон Мюллер на официальном канале youtube Google Webmasters отмечает, что использование множественных заголовков h2 на одной странице не является проблемой, если это не нарушает иерархию web-документа.
Что говорит практика? На практике подавляющее большинство оптимизаторов, seo-компаний и подрядчиков использует при структуризации страниц только 1 заголовок h2. Заголовок первого уровня также не используется при оформлении элементов интерфейса: меню, сайдбары и т. д. Нет объективных исследований по влиянию количества заголовков h2 на повышение позиций сайта в выдаче или переоптимизацию ресурса, да и согласно официальным данным поисковых систем такие исследования не нужны.
Мы рекомендуем все-таки не отходить от общепринятой практики и использовать только 1 уникальный h2 заголовок на странице. В спецификацию HTML достаточно часто вносятся изменения. Для оптимального построения иерархии и структуризации страниц большинству web-проектов будет достаточно использовать первые три заголовка. Не стоит экспериментировать, так как все необходимые инструменты для создания иерархии у вас уже есть.
Проверить заголовок h2 на странице
Существует 3 простых способа проверить заголовок h2 на странице:
- Кликните правой кнопкой мыши на участок текста, и в зависимости от вашего браузера нажмите кнопку «Посмотреть код» (Chrome), «Исследовать элемент» (Mozilla Firefox) или «Проверить объект» (Safari).
У вас откроется панель вебмастера как на скриншоте ниже. В html коде страницы вы увидите разметку текста, и поймете какого уровня заголовок перед вами и заголовок ли это вообще.
- Сочетание клавиш Ctrl+Shift+C вызывает панель вебмастера. Кликните в любое место представленного html кода. Далее нажмите сочетание клавиш Ctrl+F для поиска по содержимому кода, и вбейте в поисковую строку «h2».
- Кнопка F12 вызывает панель разработчика. Поиск элемента h2 делается аналогично предыдущему способу.
8 ошибок при написании h2
Мы систематизировали наиболее часто встречающиеся ошибки при составлении заголовков первого уровня. Проверьте, есть ли эти ошибки на вашем сайте:
[su_list icon=»icon: minus» icon_color=»#005a8c»]
- Посторонние элементы. В h2 кроме текста не должно быть ничего. Некоторые вебмастеры думают, что они усилят заголовок, обернув его также в тег strong или b, придав ему жирное начертание, итак заложенное в стилях.
Это плохая практика, старайтесь ее избегать. Не рекомендуем также чрезмерно использовать пунктуацию (знаки препинания в заголовках). Старайтесь делать их простыми и лаконичными.
- Отсутствие или переизбыток ключевых слов. Из крайности в крайность. h2 — это квинтэссенция вашей семантики на странице. Ключевое слово должно присутствовать в заголовке. Отсутствие ключевых слов в главном заголовке страницы поставит под вопрос ее релевантность поисковым запросам.
- Дублирование. Ошибкой является как дублирование title в h2 и наоборот, так и дублирование h2 на разные страницы сайта. h2 должен быть уникальным для всего сайта. Из 2 страниц с одинаковым контентом в выдачу попадет наиболее релевантная.
- Длина. Старайтесь укладываться в 60 символов. Заголовки h2 по 300-400 символов можно увидеть на многих ресурсах, не следуйте дурному примеру. Также не стоит составлять базовый заголовок из одного слова, если это не головной раздел сайта или общая категория товаров.
- Грамматика. Грамматические ошибки сводят на нет всю семантическую значимость вашего заголовка. Старайтесь не допускать ошибки в тексте, а в заголовке — тем более!
- Больше одного h2. Этот вопрос мы подробнее расписали выше. С натяжкой отнесем данный пункт к ошибкам оптимизации.
- Отсутствие структуры. h2 должен располагаться в начале страницы. Другие заголовки до этого тега присутствовать не должны.
- Не заполнение h2. Кто-то опускает момент заполнения h2 вообще. Это грубая ошибка, которую нельзя допускать.
Примеры: Хороший h2 vs Плохой h2
Давайте рассмотрим на паре живых примеров заголовок первого уровня h2
Пример #1
[su_list icon=»icon: plus» icon_color=»#005a8c»]
- Хороший заголовок. Заголовок находится в начале страницы, не дублируется, его размер 59 символов. h2 отражает суть всей статьи, содержит высокочастотное ключевое слово в начале, вызывает интерес у читателя.
[su_list icon=»icon: minus» icon_color=»#005a8c»]
- Плохой заголовок. Размер h2 явно превышает 60 символов, заголовок переоптимизирован, он не отражает смысловую суть документа целиком. Заголовок представляет из себя перечисление частей статьи, в нем содержится слишком большое количество ключевых слов.
Пример #2
[su_list icon=»icon: plus» icon_color=»#005a8c»]
- Хороший заголовок. Лаконичный заголовок первого уровня, находится в начале страницы, характеризует категорию товаров с половой сегментацией, является ключевым словом. У h2 отсутствуют посторонние элементы в коде, грамматические ошибки, он не дублируется.
[su_list icon=»icon: minus» icon_color=»#005a8c»]
- Плохой заголовок. Заголовок данного сайта расположен в шапке. Это значит, что h2 «КУПАЛЬНИКИ» дублируется абсолютно на всех страницах сайта, не отражает семантику страницы. По слову «купальники» невозможно понять, что находится на странице: интернет-магазин, блог о купальниках, размерные сетки купальников или что-то еще.
В категориях появляется 2 заголовка h2. Также заголовок состоит из одного слова, и не характеризует половую сегментацию товара.
Как вставить тег h2 в популярных CMS?
В каждой системе управления сайтом есть встроенный функционал, формирующий h2 для категории, страницы или раздела. Давайте рассмотрим, как вставить заголовок первого уровня в самых популярных системах управления сайтами.
WordPress
В WordPress заголовок первого уровня формируется из текстового поля над постоянной ссылкой записи или страницы. Любую CMS можно кастомизировать на свой вкус. В случае отключения основного заголовка, есть возможность вывода h2 с помощью визуального редактора — выпадающий список со словом «Абзац».
Bitrix
В панели управления заголовок h2 по-умолчанию формируется во вкладке «Раздел» или «Элемент» в поле «Название». Либо во вкладке SEO в поле «Заголовок раздела», предварительно установив галочку «Изменить для этого раздела и его подразделов».
Joomla
В Joomla аналогично другим системам заголовок h2 формируется очень просто. Текстовое поле Title, либо выпадающий список «Paragraph».
Помимо стандартных средств в каждой CMS можно добавить заголовок первого уровня с помощью визуального редактора, либо перейдя в режим исходного кода. В режиме исходного кода вы руками можете прописать h2 согласно его синтаксису.
Если вы нашли неточности, либо у вас есть замечания к статье, пожалуйста, пишите в комментарии.
Заголовки h2 и TITLE. Делать ли их одинаковыми или разными? — Devaka SEO Блог
71.2К просмотров
Должны ли h2 и TITLE совпадать или нужно их делать разными? Давний вопрос, который обязательно возникает на каждой встрече, где есть сеошники. Откуда он появился сказать сложно. Возможно, из несоответствия рекомендаций поисковых систем и примеров в ТОП10.
Доводы за разные теги тайтла и h2: мол, поисковик “подумает”, что мы хотим усилить двойным употреблением значение ключевого слова, за что обязательно накажет 🙂
Доводы за одинаковые теги: цитата в помощи Яндекса для вебмастеров.
Чтобы робот, анализирующий ваш сайт, смог правильно выделить наиболее важные разделы и ключевые страницы, нужно чтобы… текст в теге TITLE для ключевых страниц совпадал с ее названием (с заголовком страницы, выделенным, например, тегом h2) и с текстами ссылок, указывающих на эту страницу.
Но тут стоит обратить внимание, что рекомендация дана в контексте корректного выделения поиском быстрых ссылок.
Как же на самом деле, делать их одинаковыми или разными? По большому счету — без разницы. Но стоит учесть несколько моментов.
— h2 и TITLE должны пересекаться
Если тайтл об одном, а h2 о другом, то поиску сложней определить, каким именно ключевым словам релевантна страница, да и пользователи будут в затруднении. Также эти участки кода помогают поисковикам формировать специальные элементы в сниппете, типа хлебных крошек или быстрых ссылок. Другими словами, не нужно делать TITLE и h2 совсем разными. Посмотрим несколько примеров (просто в качестве демонстрации, без предварительного анализа семантики).
Сайт представляет из себя салон итальянской мебели в Москве. Основные ключевые запросы: салон итальянской мебели, итальянская мебель…
TITLE: Салон итальянской мебели в Москве. Купить мебель из Италии | Название-Салона
h2: Добро пожаловать
Неоптимальный вариант, так как в h2 вообще нет продвигаемых ключевых слов. Приветствие можно написать в тексте.
h2: Эксклюзивная мебель из Италии
Уже получше, так как теги пересекаются по ключу “мебель из италии”. Но его может не быть в приоритетных запросах.
h2: Салон итальянской мебели Название-Салона
Нормальный заголовок для основного запроса, ничего лишнего.
Как видим, здесь нет смысла делать полностью одинаковыми h2 и TITLE, но они должны все же пересекаться.
— h2 и TITLE виден пользователями на разных этапах взаимодействия с сайтом
TITLE пользователь чаще видит еще до перехода на сайт. h2 видит уже тогда, когда находится на странице. В связи с этим, h2 лучше делать коротким и максимально описывающим суть посадочной страницы, многое зависит от её предназначения. Что касается TITLE, помимо содержания ключевых слов, он должен мотивировать пользователя на клик (переход). В противном случае можно оптимизировать текстовую релевантность, но не оптимизировать конверсию в клики и, соответственно, получать не весь трафик.
Например, раздел радиоуправляемых вертолетов на сайте.
h2: Радиоуправляемые вертолеты (логично)
TITLE: Купить радиоуправляемые вертолеты с доставкой по Москве
Здесь слово “купить” призывает к действию, а “доставка по Москве” снимает ряд вопросов перед кликом.
Информационная тема: как плести браслеты из резинок
h2: Как плести браслеты из резиночек на станке
TITLE: Браслеты из резиночек: пошаговые инструкции и схемы плетения с фото и видео
“Пошаговые инструкции и схемы” не только расширяют семантику, но и повышают вероятность клика на заголовок. Человек, который ищет “как плести” как раз подразумевает пошаговые инструкции с фото, но может не включать это в свой запрос.
— TITLE подтягивается в соцсети
Если код дополнительно не настраивать, то при расшаривании пользователями страницы в соцсети, заголовок берется из тайтла. Если он спамный, то это препятствует как переходу из соцсетей, так и расшариванием в принципе. Если же будет просто коротким как и h2, то это тоже плохой вариант.
Этот пункт наиболее актуален для информационных и новостных проектов. Но некоторые из них только и работают на соцсети, поэтому брать пример с заголовков типа “Эта женщина больше не могла смотреть на себя в зеркало. И вот что она сделала…” не всегда корректно для SEO. Просто при составлении тайтлов помните, что они могут попадать заголовками в соцсети.
— TITLE может содержать дополнительные ключевые фразы
Чтобы продвигать страницу не только по выбранным среднечастотным фразам, но и по смежным, а также большому пулу низкочастотных фраз, в тайтл можно добавлять некоторые слова из сем.ядра. Соответственно, это будет отличать его от тега h2.
Например, у нас пул запросов: монтаж битумной черепицы, монтаж гибкой черепицы, инструкция по монтажу черепицы, технология монтажа черепицы, технология укладки битумной черепицы, укладка битумной черепицы, монтаж гибкой черепицы видео и др. и пр.
h2: Инструкция по монтажу гибкой битумной черепицы
TITLE: Монтаж гибкой черепицы, технология укладки. Цена, видео
Здесь тайтл и h2 вовсе различаются, пересекаются лишь некоторыми словами (монтаж, битумная, черепица). Вставлять все слова из ядра в тайтл или в h2 нет смысла, это будет выглядеть спамным, а разделение слов по участкам кода (в том числе по другим заголовкам) — хорошая стратегия.
Повторюсь, по-большому счету не так важно, делать ли TITLE и h2 разными или одинаковыми. Многое зависит от типа посадочной страницы, типа запроса и ваших ожиданий. Учитывайте детали, описанные выше, смотрите выдачу по интересуемым запросам, подходите к решению задачи со здравым смыслом.
P.S. На этом блоге у меня заголовки тайтл и h2 почти совпадают. А как делаете вы и почему?
h2-H6 – Сколько можно заголовков – Исследование MOZ | Урок #341
Длительность: 11:08
h2-H6 – Сколько можно заголовков – Исследование MOZ | Урок #341
SEO
 
В новом аудиоподкасте №341 Николай Шмичков рассказал про теги h2-H6, сколько можно использовать таких заголовков и про исследование MOZ.
Текстовая версия выступления:
“Всем привет!
Вы на канале SEOquick и снова мы запускаем подкасты.
Я начал своеобразную серию подкастов, я смотрю чужие какие-то провокационные видео и даю свое мнение для того, чтобы одновременно прорекламировать это видео, ну и чтобы вы подискутировали на эту тему.
И вечный вопрос: а сколько должно быть заголовков h2, h3, h4?
Как они должны быть расположены, как их правильно делать?
И здесь я бы хотел поговорить на эту тему.
На эту тему ответил прекрасно Игорь Шулежко в своем видеоподкасте.
Он прекрасно рассказал про мифы и реальность тегов h2.
И шок-информация: Google считает, что вообще сколько угодно может быть h2.
Хотя SEO-шники говорят, что он должен быть один.
Типа других заголовков может быть много, но в строгой иерархии.
Допустим, h2, какие-то подпункты h3, h4, h5, h5, h6.
Если нет заголовка h2 – то вообще SEO не сработает.
Соответственно, если h2 находится в другом контейнере, то его использовать нельзя, h2 не должен быть ссылкой, нельзя использовать заголовки в других блоках, например, боковое меню, footer и header.
С одной стороны, я немножко сторонник классической системы, чтобы заголовки были логичными.
Почему? Потому что я тоже изучал справку Яндекса и Яндекс говорит, что там всё разложено по полочкам.
Поисковому роботу нужно как-то анализировать ваш контент и заголовки для него являются ориентиром.
Более того, у сайтов, которые прекрасно себя чувствуют по органике, структура заголовков прослеживается.
Пусть даже этих заголовков там может быть два или три.
И мы упираемся в эти цифры.
Мол, мы не можем просто так вот взять и сказать, что так оно и должно быть и вы без этого никуда не двинетесь.
Нет, на самом деле Google говорит, что заголовков может быть сколько угодно.
Об этом говорили и сотрудники Google на прямом эфире, который вот процитировал Игорь Шулежко.
В принципе, даже Джона Мюллера поймали в Твиттере и спросили, сколько может быть h2.
Он сказал: «Сколько угодно».
И действительно, сайты, у которых может быть чуть не 15 h2, могут занимать топовые места и прекрасно себя чувствовать.
Поэтому только один заголовок h2 и только строгая иерархия – это бред.
Поэтому на что нужно обратить внимание?
Да, заголовков h2 может быть много.
С другой стороны, вы можете понимать, что если вы оптимизируетесь под Яндекс, то это может не сработать.
Потому что в Google однозначно к этому привязки жесткой нет.
И Google на заголовки h2 реагирует по-другому.
И поэтому в целом я процитировал Игоря Шулежко, сказал, что не парьтесь на эту тему.
Но если вас интересует Яндекс – я бы все-таки навел порядок.
Если порядок наводить на странице, которая не представляет для вас коммерческой ценности – то тогда особо не парьтесь.
Если она представляет какую-то коммерческую ценность – то я бы, конечно, порядок на страничке навёл.
Что точно не нужно делать?
Не нужно делать непосредственно кликабельные h2 заголовки.
С этим Игорь Шулежко согласен.
В принципе, это правило, с которым вы сталкиваетесь.
Вот самое забавное: Игорь Шулежко видео записал в 2017 году.
А вот вышла статья на сайте SEOnews, в которой говорят: 4 правила оформления заголовков h2, тег h2 используется на странице только один раз в начале текста.
Ну понятно, получается, это правило – миф.
То есть это все ерунда, что вам рассказывают, h2 может быть сколько угодно.
Ключевая фраза – важный элемент тега h2.
Ну здесь понятно – называйте страницу так, как бы вы хотели, чтобы её нашли.
Это понятно, с этим мифом я даже спорить не буду.
И очень важно знать меру.
Не перенасыщать тег h2 ключевыми словами.
Читабельность.
Само собой, тег не должен быть суррогатным, мы должны понимать, что «купить смартфон недорого Москва» – это h2, который уже устарел.
В таком формате h2 никто использовать не будет.
В принципе, любые теги я бы не использовал.
Ну и теги должны быть, конечно же, информативными.
Самый неинформативный тег – это «еще».
«Что ещё почитать» и т.п. – это бесполезные теги.
Я понимаю, что они могут смотреться красиво, но я бы лучше их не использовал.
Заменил бы на какие-то более понятные.
Хорошо работают теги, связанные с вопросами.
Я готов с кем угодно спорить, но теги-вопросы работают идеально и хорошо ранжируются.
И действительно помогают продвигать сайт.
Тег в форме голосового поиска, вопрос, заданный голосовым поиском – это обычно ключевые слова, которые содержат много слов.
Вот они являются прекрасными тегами для заголовков h3, h4.
Как заголовки влияют на ранжирование?
Вот эксперимент проводил MOZ.
И здесь очень любопытно узнать выводы.
Сам MOZ рекомендует в 2020 году использовать h2-h6 рационально для организации структуры страницы.
И действительно, вот это американский принцип повествования, когда есть заголовок и короткие два-три абзаца – это идеально для поисковых систем.
Они понимают, что этот заголовок и этот абзац – все раскрыто в этой теме.
А заголовки подуровневые являются смысловыми подуровнями главного заголовка на уровень выше.
Поэтому блоговый контент однозначно нужно размещать по иерархии.
Как поступать с коммерческим контентом?
Здесь всё сложно.
С коммерческим контентом многие делают карточки товара в формате тоже какого-то тега, h2 – это название рубрики, h3 – могут прописывать чуть ли не хлебную крошку, я видел даже, что такое делают.
Там внизу, в текстовом блоке, h3-h4 могут присутствовать.
То есть в интернет-магазинах все по-своему.
Но оптимальный вариант, конечно, это карточка товара, h2 – это название товара, h3 – это слова типа «описание», «характеристики» и тому подобное.
Это можно сделать прекрасно h3, оно логичного смотрится.
То есть даже логично развернутая версия этой страницы будет смотреться.
Заголовки нужно обязательно выделять большим шрифтом.
Это практически все CMS-ки умеют делать.
То есть однозначно: заголовок верхнего уровня больше, чем текст нижнего уровня.
Соответственно, все заголовки больше, чем обычный написанный текст.
Если у вас CMS корявый и вы не можете сделать h2 – не парьтесь, просто напишите хороший контент.
Это советуют в самом MOZ.
И не оформляйте часть статьи как гиперссылки, это точное правило.
Вот с этим все согласны.
Не упоминайте в заголовке дату и время ни в коем случае.
Убедитесь, что заголовок содержит от 2 до 22 слов и не менее 10 символов.
Чтобы заголовок правильно показывался на мобильных устройствах – проверьте, чтобы текст ссылки заголовка не начинался с цифры.
Есть такая особенность.
Убедитесь, что название страницы, в котором размещен материал, совпадает с заголовком статьи.
То есть HTML-тег <title> совпадает с тегом <h2> или аналогичным.
Убедитесь, что текст ссылки, ведущей на статью, совпадает с заголовком статьи и названием страницы.
Ну и конечно же, расположите заголовок статьи на видном месте над текстом.
Соответственно, в теге <h2>.
На этом по тегам h2-h6 все.
Я надеюсь, чуть-чуть прояснил.
Советую реально всегда задавать вопросы, гуглить и узнавать, проводить исследования.
Интересное мнение по поводу Игоря Шулежко, что можно делать много тегов.
Но я хочу сказать, возможно, не во всех нишах.
Возможно, в вашей нише это не сработает.
Возможно, работники поисковой системы это сказали для того, чтобы прикрыть свои ошибки и не раскрывать полностью все алгоритмы ранжирования.
Потому что, если они скажут, что это важный фактор ранжирования, а он неважный – люди будут уделять внимание другим факторам.
И будут манипулировать ими.
На этом все.
Не забывайте подписываться на наши подкасты, задавайте вопросы.
Я с удовольствием готов обсудить любую тему, которую вы мне напишете.
Также я готов ждать вас всех в прямом эфире каждый четверг на канале SEOquick.
Мы будем рады диалогу с вами.
Для этого я запланировал в Инстаграме проводить прямые эфиры.
Но одно условие: там нужна 1000 подписчиков.
Будет 1000 подписчиков живых, никаких ботов – я буду проводить прямые эфиры.
И тем, с кем буду проводить прямые эфиры, буду дарить непосредственно какие-то бонусы от компании SEOquick.
Всем спасибо и до новых встреч!”
Заголовки сайта. Правильная структура HTML, теги h2, h3, h4
Всем привет! Блог seo-mayak.com продолжает вещать миру о тонкостях SEO и не только. И сегодня на повестке дня весьма актуальная тема — заголовки сайта.
Такие вопросы, как правильная структура заголовков или принцип использования в заголовках html тегов h2, h3 и h4, вызывают бурные дебаты, как в seo сообществах, так и среди обычных веб-мастеров.
Пользуясь случаем, хочу выразить благодарность читателям SEO Маяка, за их активное участие в жизни блога. Не проходит и дня, чтобы я не получал письма с вопросами или просьбами.
Ваши письма, дорогие читатели, за частую формируют темы для моих будущих постов, тем самым практически полностью избавляя меня от необходимости заниматься их планированием.
В начале своей деятельности в качестве веб-мастера, я также задавался вопросом, как правильно использовать HTML теги в заголовках на сайте. Читая разные статьи по теме, я тщетно пытался понять, какая структура заголовков является правильной с точки зрения SEO.
Но все советы «бывалых» основывались на каких-то догадках и четких обоснований, своим теориям, никто не давал. Я потратил не мало времени, «перелопатил» кучу тематического материала, а в результате вопросов у меня стало еще больше.
Тема и по сей день не закрыта! Многие начинающие веб-мастера просто теряются в море информации и вообще перестают что-либо понимать. Ситуация очень схожа с неразберихой вокруг использования тегов nofollow и noidex.
Данной статей я постараюсь внести некоторую ясность в будоражащую многих тему и заодно ответить на вопросы своих читателей. Поехали!
Вся правда о влиянии HTML тегов h2 — h6 на продвижение сайта
Основная масса seo-оптимизаторов, советуют заключать в тег h2 непосредственно заголовок статьи, а название блога делать обычной ссылкой.
Если следовать данным рекомендациям, то заголовки на сайте должны располагаться следующим образом:
<a>Заголовок сайта</a> <h2>Заголовок статьи</h2> <h3>Заголовки в теле статьи</h3> <h4>Подзаголовки в теле статьи</h4> <h5>Заголовки в сайдбаре</h5> h5 и h6 использовать не обязательно
Такая структура заголовков, применяется чуть ли на каждом втором блоге. Не могу сказать, что это не правильно, хочу сказать другое.
Пару лет назад, так и не найдя внятных ответов на свои вопросы, по правильной структуре применения h2 — h6, я решил оставить все так, как было изначально устроено в шаблоне. А устроено было так:
<h2>Заголовок сайта в шапке</h2> <h3>Заголовок статьи</h3> <h4>Заголовки, которые я вставлял в тело статьи</h4> <h5>Служебные заголовки под статьей и в сайдбаре</h5> <h5>Вообще не использовались</h5> <h6>Применял для некоторых стильных заголовков в сайдбаре</h6>
По прошествии времени, львиная доля страниц моего кулинарного сайта выбралась в ТОП, причем по запросам, частотой в 10000 — 100000 запросов в месяц. Обращаю внимание, что основные заголовки моих статей, были заключены в тег h3.
В связи с вышесказанным, возникает пару резонных вопросов к «бывалым». Ребята, как же так получается, а где хваленое влияние тега h2? Если следовать логике Ваших советов, то мои статьи, с «недоразвитыми» заголовками h3, должны быть где-то на задворках поисковой выдачи?
На заметку! Заголовок статьи, заключенный в HTML тег h2, с точки зрения SEO, ничем не отличается от заголовка заключенного в тег h3
Многие веб-мастера, начитавшись подобных инструкций, корпят, меняя структуру заголовков в надежде, что это поможет «любимым» страницам вырваться в ТОП.
Придется их огорчить. Для того, чтобы статьи были достойны ТОПа, тега h2 будет, мягко сказать, недостаточно!
Чтобы оказаться в ТОПе, страницы обязательно должны иметь неплохой поведенческий показатель. Мало того, статьи должны быть правильно составлены, к ним должны быть правильно подобраны ключи, они должны иметь высокую релевантность к поисковым запросам и много что еще.
А самое главное, они должны быть интересными и полезными для пользователей и тогда заветный ТОП станет гораздо ближе. Вот такие дела, а заголовки, будь то h2 или h3, не оказывают никакого значимого влияние на ранжирование страниц в поисковой выдаче.
Предвижу, что многие предпочтут со мной не согласиться. Ну что же, дело хозяйское. Но чтобы мои доводы не выглядели голословными, я опубликую свою переписку со службой поддержки Яндекса, которую я веду постоянно, на разные темы.
Как Яндекс смотрит на заголовки сайта
Надеюсь на меня не обидятся ребята из команды Платона, за то, что я придаю гласности некоторые детали нашего с ними общения. Но как мне видится, одних моих слов, в данном случаи, будет недостаточно.
Мое письмо Платону:
Здравствуйте уважаемая команда службы поддержки Яндекса!
У меня к Вам несколько вопросов, касающихся использования HTML тегов в заголовках.
В интернете, на различных форумах и не только, очень много шумихи, относительно использования тегов h2 и h3 в заголовках. Многие советую заключать в h2 основные заголовки записей, другие наоборот утверждают, что h2 должен выделять общий заголовок сайта.
С моей точки зрения, при современных технологиях, HTML теги заголовков не должны оказывать какое -то нибыло значимое влияние, на ранжирование в поисковой выдачи той или иной страницы или сайта в общем.
В связи с вышесказанным хотел спросить:
1. Имеет ли значение, в какой тег заключен тот или иной заголовок?
2. Можно ли в качестве заголовка использовать изображение и как на это «посмотрит» поисковый робот?
3. Учитывается ли алгоритмами робота иерархия тегов h2, h3 и т.д?
Очень буду благодарен за ответ.
С уважением,Виталий Кириллов
На что я вскоре получил ответ следующего содержания:
Здравствуйте, Виталий!
1. Нет, на ранжирование это не влияет.
2. Да, можно. Скорее всего робот проиндексирует такую картинку, если она в заголовке будет прописана в соответствии с этими правилами http://help.yandex.ru/images/
3. Правильное оформление заголовков в тексте помогает пользователю быстрее сориентироваться на странице, а значит, экономит его время. Кроме того, и роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа.
С уважением, Платон Щукин
Служба поддержки Яндекса
Надеюсь я многих убедил!
Давайте подведем итог всему вышесказанному и сделаем некоторые выводы:
Вывод №1. Заголовки сайта должны иметь четкую иерархию. Т.е, начиная с заголовка сайта (h2) и так далее вниз по цепочке.
Вывод №2. HTML тег h2 не влияет на ранжирование. Роботу не важно в какой тег заключен заголовок статьи. Было бы глупо предполагать обратное, при современных, мощных аналитических технологиях.
Вывод №3. Заголовком может быть даже изображение, оптимизированное должным образом. Можно без всяких опасений использовать в качества заголовка сайта любое изображение, например с логотипом.
При этом, никто не отменял правильное составление заголовков с точки зрения SEO, но об этом как-нибудь в другой раз.
Дополнение от 06.02.2014
После дебатов в комментариях, я решил провести эксперимент. Сегодня я опубликовал статью, под названием «Динамическая карта сайта, с помощью плагина All in One SEO Pack«, в которой основной заголовок записи был заключен в тег h6.
Цель эксперимента — выяснить влияние HTML тегов h2 — h6 на ранжирование страниц в поисковой выдачи и тем самым закрыть данную тему.
—————————————————————————————————————————————————-
Дополнение от 30.06.2014
Эксперимент уже завершен и для проверки его результатов, вбейте в поиск Яндекса или Google фразу «Динамическая карта сайта», под которую была заточена подопытная статья.
До встречи!
С уважением, Виталий Кириллов
SEO анализ сайта по-быстрому и не только — Staurus.net
Знание — сила, а получить знания быстро, еще круче. Очень часто возникает ситуация, когда люди обращаются ко мне с таким вопросом: «Старичок, глянь на сайт, что не так? Возьмешь на продвижение/починишь/почистишь/настроишь/ускоришь».
И таких просьб очень много, и зачастую ответы от меня идут быстро, иногда, я даю решения на не заданные вопросы быстрее, чем обращающийся допечатает текст. Именно про скоростной SEO анализ сайта мы сегодня и поговорим.
Существует много вариантов сделать комплексный SEO анализ сайта, например есть готовые варианты решения в виде сервисов, которые представлены в моем списке SEO инструментов. В нем всего 59 вариантов анализа сайта. Но мы не будем их все рассматривать. Возьмем самый сок и покажем на примере.
Из более чем 15 сайтов, которые мне предлагали для обзора, я выбрал один. И этот счастливчик — Интернет магазин сантехники (http://aquarom.ru/)
Первое, что я делаю, проверяю сайт в RDS плагине. Почему именно он, сейчас объясню.
Он показывает первичную информацию сайта наглядно. Например, то что показывает нам этот сайт в панеле:
Возраст сайта 7 лет, это хороший показатель, если домен не дроп. Кликнули на вебархив, проверили, что домен не дроп. Хорошо.
тИЦ, тем временем, показывает 0, что для старого сайта очень сложно верится. И тут же смотрим ниже почему — было зеркало. Плохо.
После тщательной проверки истории сайта и тИЦ выяснилось, что зеркало ни при чем, просто был АГС в начале 2016 г.
Индекс страниц в Яндексе и Google очень отличается, значит Google выплюнул дубли страниц ведь показывает без «соплей» (100%). Плохо.
По бэклинкам и упоминаниям — мало. Плохо.
Это первичная информация, которая дает нам направление дальше. А дальше нужно выяснить, почему у Яши больше страниц, чем в Google, проверить беки и позиции.
Первый сервис аудитов, которые рекомендую — https://a.pr-cy.ru/
Именно он покажет всю интересующую вас информацию сайта по быстрому аудиту.
Например по нашему донору выделяем красные пункты:
- 10.02.16 С сайта снят фильтр АГС
- Мы не нашли главного заголовка h2.
- Мы нашли 230 ссылок, из них индексируются 230.
- Оптимизируйте время ответа сервера.
- В ответе сервера отсутствуют заголовки кеширования или настроено на слишком короткое время.
- Оптимизируйте изображения, чтобы уменьшить их размер на 151,7 КБ (20%).
- Сократите css-файлы, чтобы уменьшить размер на 15,8 КБ (31%).
- Сократите js-файлы, чтобы уменьшить их размер на 1,9 КБ (24%).
- Сократите html-код, чтобы уменьшить его размер на 3,4 КБ (18%).
- В верхней части страницы найден блокирующий CSS: 9.
- В верхней части страницы найден блокирующий JS: 8.
Вывод для владельца сайта: нужно посмотреть на заголовки страниц, оптимизировать количество открытых ссылок на страницах, посмотреть аудит по скорости загрузки сайта.
Поехали дальше. А дальше я предлагаю замечательный сервис — https://varvy.com/
Он показывает аудит по рекомендациям Google.
Например первый пункт, он проверяет доступность всех js и css для роботов ПС. Это очень частая ошибка. Google в прошлом году предупреждал всех вебмастеров про эту ошибку.
Все JS и CSS файлы сайта, отвечающие за внешний вид сайта, должны быть открыты для роботов ПС.
Также сервис проверяет robots.txt и sitemap на наличие ошибок, анализирует сайт по рекомендациям google скорости, смотрим на альты картинок.
Выводы для владельца сайта: настройки для индексации сайта и sitemap находятся в надлежащим виде.
Но правильные ли в них параметры, если мы обнаружили разницу индексации страниц? Вообще история с этим сайтом начинает напоминать детектив. Но будет ли найден «убийца» в конце?
Ради интереса решил проверить сайт в Serpstat.com и обнаружил очень удивительную вещь.
В Google практически нет позиций.
2 позиции в Google.ru и 2 в Google.com.ua, в Яндексе довольно хорошие позиции.
Наверное эта история так и останется загадкой, только владелец может рассказать, что же было с сайтом раз так Google его не любит.
Теперь проверим поглубже тех.анализ с помощью Netpeak Spider, кстати до 9 октября с промо-кодом Netpeak_Spider_211 он продается с 50% скидкой.
При проверке сайта по URL, были обнаружены следующие ошибки:
Он просканировал 13813 страниц, что почти похоже на количество страниц в индексе Яндекса и как мы видим, робот нашел очень много ошибок в дублях страниц.
Проверим сайт по sitemap.xml
По sitemap.xml spider нашел 4768 страниц, что на 1000 больше, чем в индексе у Google. Но, в сайтмапе неправильные url`ы на категории, с закрывающим слешем, что дает 301 редирект на весь сайт, но уже нет никаких дублей ни в тайтлах, ни в описаниях.
Вообще структура сайта неправильная. Все категории доступны по двум Url`ам, но google выкидывает дубли из индекса, так как он заботится о своей базе, и не допускает сохранения дублей в ней. А вот Яндексу, как мы видим, глубоко по боку что держать в индексе.
Вывод для владельца сайта: поправить sitemap, добавить в robots.txt пути, которые не должны быть в индексе у Яндекса, поправить структуру категорий.
Вернемся к Serpstat.com и посмотрим на беки:
Всего 7 беков.
Вывод: разработать стратегию линкбилдинга.
Теперь проверим сайт на наличие хорошего текста с помощью сервиса http://www.siteliner.com/
Как нам показывает сервис, 15% страниц — дубли по тексту, 74% повторы по сайту и только 11% уникального текста.
Это плохо. Выводы тут сами напрашиваются.
Скорость загрузки сайта проверяем этим инструментом — https://gtmetrix.com
Результаты не критичны, но с картинками нужно что-то делать. Как видно от сюда — http://www.seoptimer.com/, что картинки и скрипты занимают большую часть сайта:
Оптимизировать скрипты и CSS я рекомендую здесь — https://www.giftofspeed.com/tools/, тут вообще 4 сервиса по оптимизации файлов для сайта, которые очень облегчают и помогают «ускорителям» сайтов:
А как же HTML оптимизация? Да вот, берите https://htmlcompressor.com/compressor/
Сервис отлично сжимает html код и оптимизирует его. Прекрасно подходит для чистки шаблонов от мусора.
Все проверки у меня заняли около 5 минут и за это время мы выяснили:
Что у сайта был АГС, неправильная настройка индексации для ПС, ошибки в структуре сайта и sitemap, проблемка в заголовках страниц, нужно немножко оптимизировать css, js, и картинки для ускорения сайта, добавить побольше уникального текста, и поработать над линкбилдингом.
Конечно, если использовать другие инструменты, то можно докопаться до других ошибок, и выявить еще пару десятков косяков в любом направлении, но сегодня мы говорим о быстром анализе, и давайте я вам повторю инструменты:
- Для первичного анализа — RDS плагин
- Для первичного аудита — https://a.pr-cy.ru/
- Для скорости сайта — https://gtmetrix.com
- Для технического анализа — Netpeak Spider
- Для проверки текста на сайте — http://www.siteliner.com/
- Для глубокого аудита, проверки позиций и бэклинков — Serpstat.com
- Для оптимизации CSS, JS, PNG и JPG — https://www.giftofspeed.com/tools/
- Для оптимизации HTML — https://htmlcompressor.com/compressor/
Весь быстрый SEO аудит занимает от 1 до 10 минут, смотря как быстро вы работаете за компьютером. Так же не забывайте про мой огромный список SEO инструментов, он вам всегда пригодится.
С вами был, ленивый Staurus.
Следующий посты будут про «разбор софта Netpeak Spider», «полное руководство по Serpstat», и про «черное seo — живо или нет».
Устранить всевозможные ошибки от мастеров выполняющих доработка и поддержка сайта на YouDo.com
Графический дизайнер
Нужен дизайнер до 27 лет женского пола с новыми идеями, амбициозный, ответственный для раскрутки бренда на сайте Вайлдберриз (карточки, фото товара, знание программ) на полный рабочий день с понедельника…
Юлия Мытищи, Московская область, Россия
Сделать чертежи в autocad
Необходимо внести правки в чертежи. Дом 300 м.кв. Все чертежи готовы необходимо внести небольшие корректировки.
Екатерина М.
Оформление taplink
Переделать Taplink,новое оформление для коуча.
Светлана
Сделать мини-мультик (анимацию) на 2 минуты
Необходимо сделать анимацию на 2х минутное видео. Тема видео- историческая личность (подробный текст будет выслан в процессе работы с заданием). Анимация в идеале должна быть рисована
Екатерина Т.
Графический дизайн постера
Постер с котиком на кирпичную стену в темноватой комнате.
Андрей улица Мира, 27, Самара, Россия
Как создать идеальный тег h2 для SEO
Неважно, управляете ли вы крошечным семейным магазином или корпорацией с мегамиллиардным оборотом; контент-маркетинг работает.
Вы только посмотрите, как резко выросла индустрия контент-маркетинга в последние годы.
В этой статье я не собираюсь просто восхвалять контент-маркетинг. Вместо этого я собираюсь глубоко погрузиться в то, о чем большинство людей не говорит: крошечный кусочек контент-маркетинга, называемый тегами h2.
По правде говоря, большинство SEO-специалистов, контент-маркетологов, веб-разработчиков и маркетологов знают немного о H2S. Хотя это может быть проблемой; мы так привыкли слышать о h2s, использовании h2s и говорить о h2s, что не останавливаемся и не думаем о , как написать их так, чтобы они нравились пользователям и поисковым системам.
Но ты другой. Вы читаете эту статью и собираетесь узнать точный метод создания отличных h2s, которые выведут ваш контент-маркетинг на новый уровень.
Что такое h2?h2 — это HTML-тег, который указывает заголовок на веб-сайте.
Позвольте мне распаковать это.
- HTML: Это означает язык гипертекстовой разметки. Большинство веб-сайтов используют этот язык для создания веб-страниц.
- Тег: Тег HTML — это фрагмент кода, который сообщает вашему веб-браузеру, как отображать контент.
- Заголовок: В HTML есть шесть различных тегов заголовков: h2, h3 и т. Д.H2 считается самым важным тегом, а H6 — наименее важным. Теги часто форматируются от большого (или самого важного) до самого маленького (или наименее важного).
Если бы вы создали h2 в HTML, это выглядело бы так:
Привет, меня зовут первый заголовок!
Вы можете сами это посмотреть. Откройте любую веб-страницу (желательно блог хорошего качества) и следуйте этим инструкциям.
Во-первых, убедитесь, что вы находитесь на веб-странице.
Затем просмотрите исходный код.
Для этого я использую сочетание клавиш для Chrome (Mac): command + Option + u (не нажимайте знак плюса, просто удерживайте command, option и u одновременно).
Команды, которые вы используете для открытия исходного кода, будут различаться в зависимости от используемого браузера и процессора.
Вы также можете щелкнуть View → Developer → View Source (в Chrome):
Это то, что вы увидите при просмотре исходного кода:
Затем найдите тег h2.
Нажмите CTRL + F, чтобы открыть функцию поиска в браузере. Опять же, я использую Chrome, но большинство браузеров используют эту функцию.
Когда я нажимаю CTRL + F, я вижу небольшую строку поиска в правом верхнем углу окна браузера.
Тип «h2.»
Затем нажмите Enter.
Chrome выделяет h2 на этой странице.
Между начальным и конечным тегами есть небольшой промежуточный код, но тег есть.
Копия в теге h2 — «Как поддерживать активность и вовлеченность вашей группы в Facebook.”
Вот и все. Это кажется довольно простым, но h2 имеет большое влияние, как вы узнаете в следующем разделе.
Почему H2S так важны?Сначала я расскажу вам историю. Некоторое время назад дела шли как обычно. Я занимался своим делом, вел блог и писал статьи.
В целом посещаемость моего блога была довольно хорошей, но я решил еще раз присмотреться к нему, чтобы выявить улучшения. Одним из таких улучшений было обновление h2 в одной из моих статей.В течение трех дней на странице было на 85% больше органического трафика. Кроме того, он переместился со страницы 3 поисковой выдачи на страницу 1, позицию восьмую!
Все потому, что поменял х2.
Я не единственный, кто пережил такие разительные перемены. Фактически, мой рост поискового трафика ничто по сравнению с местным магазином автозапчастей в Хьюстоне, штат Техас, который изменил заголовки страниц и h2s. Результат?
В таблице все сказано:
Я не хочу походить на продавца змеиного масла с кучей анекдотов, поэтому позвольте мне дать вам холодные, неопровержимые факты о h2s и SEO.
h2 всегда были основным фактором ранжирования.
В SEO было множество тенденций, которые приходили и уходили, но h2 никогда не теряли своего значения.
В последнем исследовании Moz по факторам ранжирования в поисковой сети теги заголовков указаны как второй по важности фактор ранжирования. Хотя это не всегда так, многие используют один и тот же тег заголовка. и h2.
h2 обычно являются наиболее заметным визуально контентом на странице и, вероятно, наиболее важной функцией SEO.
И поначалу может показаться, что , как h2s, вообще не является функцией «SEO», потому что это больше о пользователе, чем о технической оптимизации страницы, верно?
Верно! Это направление, в котором оптимизируется поисковая оптимизация в последние годы. SEO — это больше об оптимизации пользователей, чем о поисковой оптимизации .
Не пропустите идею о том, что пользователи замечают h2. Это важно.
h2 — один из самых мощных элементов SEO и UX на странице, которые есть в вашем арсенале.
А теперь давайте разберемся, как их использовать.
Как D o Создать убийцу H2S?h2 — не большой секрет. Дело в том, что их использует практически любой, кто хоть что-нибудь знает о SEO или HTML.
Так зачем я вообще написал эту статью? Это потому, что большинство людей используют их неправильно.
До недавнего времени даже я не осознавал, насколько ошибался, когда писал h2s. После того, как я повернул за угол и сделал открытие, мои знания о h2s резко возросли, и в результате посещаемость моего веб-сайта изменилась.
Вот правила создания h2.
1. Используйте Only One h2Для каждой страницы нужен только один тег h2. Нет причин использовать более одного тега h2.
Почему нет? Если один хорош, разве не лучше два или шестнадцать?
Поисковые системы, конечно, будут сканировать несколько h2 на странице, но логический приоритет семантического тега h2 означает, что вы сосредотачиваете свои усилия SEO на одной ключевой фразе или предложении, а не на многих.
Наличие более одного h2 не обязательно сбивает с толку поисковую систему, но может ослабить SEO-возможности одного h2.
Google может также посчитать вашу страницу чрезмерно оптимизированной, если вы используете более одного h2, и в результате может оштрафовать вас.
2. Ваш h2 должен описывать тему вашей страницыНа самом базовом уровне h2 должен описывать содержание.
- Часто тег h2 будет аналогичен тегу заголовка или совпадает с ним.
- Обычно тег h2 будет заголовком вашего сообщения в блоге или статьи.
- Обычно тег h2 дает читателю четкое представление о том, что он собирается читать.
3.
h2 должно содержать от 20 до 70 символовЕсли ваш h2 слишком короткий, вы тратите ценное пространство; если он слишком длинный, вы ослабляете силу тега.
Однако, если вы используете тот же тег h2 и title для страницы, вам следует уделять больше внимания.В соответствии с передовой практикой заголовки должны содержать от 40 до 60 символов, чтобы вы могли уместить большинство ключевых слов. Однако, когда вы начнете достигать диапазона 50-60 ключевых слов, ваш CTR может начать снижаться. В результате старайтесь придерживаться диапазона 30-40 символов.
4. Сделайте свой тег h2 заметнымВаш h2 должен быть самым важным визуальным элементом на странице.
- он должен быть большим
- он должен быть сильным
- он должен быть заметным
- вы должны использовать любые визуальные элементы, элементы форматирования и стиля, необходимые, чтобы выделить эту вещь
Почему это важно?
Имейте в виду, что h2 — это семантический элемент, а не визуальный элемент, и важно сохранить это различие.Веб-дизайнерам не нужно добавлять элементы стиля с помощью семантических тегов, таких как h2, h3 и т. Д.
Однако в реальном мире стиль и смысловые элементы смешиваются. Следование передовой практике проектирования и разработки означает, что наиболее значимые семантические теги также являются наиболее важными визуальными элементами.
Размер имеет значение в веб-дизайне, а семантические теги имеют значение в веб-разработке. Объединение их в SEO имеет смысл.
Хороший пример такого форматирования можно найти в блоге Smart Passive Income.H2 Пэта Флинна определенно силен.
Когда я проверяю исходный код, я вижу следующее:
Вот еще один хороший пример от Рамита Сетхи.
Сможете угадать, что у него на h2?
h2: «Вы знаете свой потенциал заработка».
5. Создайте h2s, обеспечивающие хорошее взаимодействие с пользователемSEO сильно изменился за последние несколько лет. Самым большим изменением на сегодняшний день стало влияние пользовательского опыта (или UX) на SEO.
Лучший способ рассмотреть SEO и UX — это диаграмма Венна (чтобы получить доступ к ссылке, вы должны загрузить расширение для Chrome).
Эта диаграмма была опубликована в 2012 году.
Спустя почти десять лет круг SEO станет меньшим кругом внутри еще большего круга дизайна и удобства использования.
Частично причина этого в том, что поисковые системы настолько развиты, что могут интуитивно понимать, чего хотят пользователи, даже когда пользователи ищут и просматривают страницы.
Имейте в виду, что из-за машинного обучения поисковые системы постоянно меняются. Больше нет массовых сбоев в выдаче из-за сдвигов в алгоритмах.
Вместо этого существует постоянная тонкая корректировка факторов ранжирования поиска, основанная на поиске и привычках просмотра миллионов пользователей поисковой системы. Другими словами, то, как пользователи взаимодействуют с вашей страницей, во многом определяет ее рейтинг; а h2 — один из самых важных элементов на вашей странице, который влияет на их взаимодействие.
Это потому, что это заметно. Он отправляет сообщение. Он передает настроение. Это обещание.
Ваш h2 должен открыто говорить с пользователем.Он должен быть отформатирован и размещен осторожно, чтобы ваш пользователь понял, что это заголовок страницы, и объяснил, о чем эта страница.
6. Используйте сфокусированное длиннохвостое ключевое слово в своем h2Хотите верьте, хотите нет, но некоторые оптимизаторы поисковых систем не рекомендовали использовать ключевые слова в ваших h2s. Они думали, что это можно рассматривать как наполнение ключевыми словами, за что Google давным-давно наказал.
К счастью, в использовании ключевого слова в h2 нет ничего лишнего. Напротив, Google хочет, чтобы вы использовали ключевое слово в h2.Это помогает их сканерам лучше понять, о чем ваша страница.
Если вы не используете сильное ключевое слово в теге h2, Google все равно сможет узнать, о чем эта страница, соответствующим образом проиндексировать и присвоить вам хороший рейтинг. Зачем же упускать возможность предоставлять Google всю необходимую и желаемую информацию прямо в исходном коде вашего веб-сайта?
Лучше использовать ключевое слово; иногда именно длиннохвостое ключевое слово.
Позвольте мне показать вам наглядный пример того, как это работает, используя простое ключевое слово «бандитское тестирование.”
Хотя это ключевое слово технически не является длинным tail, оно хорошо подходит для наших целей, поскольку оно четкое, краткое, заметное и простое в использовании в теге h2.
Это страница из блога Crazy Egg.
Статья о бандитских испытаниях.
Самый заметный визуальный элемент на странице — «Глоссарий: бандитское тестирование». Это тоже h2.
Вот факты об этой странице:
- Название : Что такое бандитское тестирование? The Crazy Egg Glossary
- The h2 : Глоссарий: Bandit Testing
- Ключевое слово: bandit testing
Их рейтинг на момент публикации этой страницы (впоследствии он был обновлен)? Страница Google 1, позиция пятая! Эта позиция была заработана всего через две недели после публикации статьи.
В этой статье используется более длинный подход. Ключевое слово в этом сценарии — «Взлом видеообъявлений Facebook».
Это ключевое слово включено в заголовок блога, и это также тег h2.
Всего через две недели после публикации статья оказалась на первой странице, позиции 5 в Google.
Подводя итог: да, я рекомендую вам использовать ключевое слово с длинным хвостом в теге h2.
Однако следуйте нескольким простым правилам:
- не заставляйте его
- делайте естественным
- не используйте ключевые слова!
Фраза «намерение пользователя», кажется, сбивает с толку некоторых людей, но на самом деле это довольно просто.
Всякий раз, когда вы пишете контент, вы хотите задавать такие вопросы, как:
Что хочет пользователь, открывая мою статью?
Каковы их намерения?
Ваш h2 должен удовлетворить это намерение.
Если кто-то ищет в Google «рискованные SEO-тактики», я, вероятно, могу предположить, что они ищут какие-то быстрые методы поисковой оптимизации, которые повысят их рейтинг.
Если бы я написал статью на эту тему (о, подождите, я написал!), То я хотел бы ответить на их намерения своим h2.
Вот как работает путь намерения.
Сначала пользователь получает представление. Затем они ищут это в Google.
Они видят этот многообещающий результат в поисковой выдаче.
Если они нажмут на нее, они увидят мою статью в блоге по этой теме.
Моя цель с этим тегом h2 — пообещать им то, что они искали: некоторые простые, но рискованные SEO-тактики, которые могут увеличить их трафик.
Так объясняет это Марк Пуртелл в SEJ :
.Чтобы иметь несколько отличных, оптимизированных для Hummingbird тегов h2, постарайтесь понять, что может спрашивать пользователь, когда они ищут ключевое слово, на которое нацелена страница, и отформатируйте этот вопрос на странице с помощью тегов h2.
Позвольте мне резюмировать правила создания великолепных h2.
- Используйте только один h2
- Ваш h2 должен описывать тему вашей страницы
- Сделайте ваш h2 выделяющимся
- Создайте h2, которые обеспечивают хорошее взаимодействие с пользователем
- Используйте целенаправленное длиннохвостое ключевое слово в вашем h2
- Ответьте пользователю намерение с вашим h2
В качестве бонуса я хочу дать вам действенный способ применить эти уроки на практике.Я дам вам домашнее задание, которое может увеличить ваш органический трафик на 50%. Большинство из них может выполнить эту задачу за несколько дней.
Я вижу, что многие люди тратят много времени на «аудит содержания» своих веб-сайтов. Я не против аудита контента; но вместо того, чтобы проводить полноценный аудит контента на вашем веб-сайте, я предлагаю вам сначала провести аудит тега h2.
Аудитh2 проходит быстро и легко и может дать успешные результаты в рекордно короткие сроки.
1.
Загрузить Screaming FrogВы можете сделать это на сайте Screaming Frog.
Щелкните «SEO Spider Tool».
Затем нажмите «Загрузить».
Для использования программного обеспечения не нужно покупать лицензию. Однако, если ваш веб-сайт содержит более 500 страниц, рекомендуется приобрести лицензию.
2. Откройте Screaming FrogКогда вы успешно загрузили Screaming Frog, откройте его.
3.Введите свой URL 4. Нажмите «Пуск» и дождитесь завершения процесса сканирования.В зависимости от размера вашего сайта это может занять пару минут или несколько часов.
Обычно Screaming Frog просматривает 500 страниц меньше минуты.
5.
Щелкните h2 в строке менюЗдесь вы увидите список всех тегов h2 на вашем сайте.
6.
Проверить h2 ТегиЩелкните меню фильтра.
Сначала найдите отсутствующие h2, просто выбрав «Отсутствует» в поле фильтра.
Вы увидите список всех страниц вашего сайта, на которых отсутствует тег h2.
Ваша первая задача — создать h2 для каждой из этих страниц.
(Если, конечно, у вас нет причины , а не . Моя страница / блог — это страница меню для выбора статей, которые я регулярно добавляю и обновляю, поэтому я решил не включать h2).
Щелкните «Экспорт».”
Найдите хорошее место для сохранения файла.
Это CSV-файл, поэтому вы можете открыть его в Excel.
Затем отфильтруйте все «повторяющиеся» h2s. Вы можете сделать это, щелкнув «дублировать» в меню фильтра. Опять же, сохраните этот список в CSV для дальнейшего использования.
Наконец, добавьте фильтр ко всем «множественным» h2s. Опять сохраняем список
Теперь вернитесь в меню фильтров и выберите «Все». Экспортируйте список. На данный момент у вас должно быть четыре файла CSV.
7.Создание новых тегов h2Теперь ваша задача — создать новые теги h2 для каждой из категорий. Начните с недостающих, перейдите к дубликату, следующему множеству и, наконец, переработайте все h2s.
Если ваш веб-сайт состоит из десятков тысяч страниц, вы можете работать только над проектом тега h2 с наивысшим приоритетом: над недостающими.
Однако, если у вас есть время, обновите все свои h2s, чтобы они соответствовали правилам, которые я предоставил выше.
Я думаю, вы заметите большую разницу в своем трафике, рейтинге и общей производительности сайта.
ЗаключениеЕсли вы читали эту статью, то знаете о тегах h2 больше, чем большинство людей. Что еще более важно, вы точно знаете, как использовать h2 для максимального воздействия на SEO.
Если вам нужна помощь в создании улучшенных h2s, тегов заголовков, контента или даже SEO в целом, обратитесь в наше агентство, чтобы мы могли помочь.
Каковы ваши лучшие практические советы по h2?
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
- SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
- Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
- Paid Media — эффективные платные стратегии с четким ROI.
Заказать звонок
h2-H6 Теги заголовков и SEO: полное руководство
Короткие заголовки
Заголовкидают вашим посетителям и поисковым системам важные подсказки об иерархии и релевантности контента.
Существует шесть «уровней важности», от самого важного заголовка h2 до наименее важного заголовка H6.
Что такое заголовки?
Заголовки — это фразы в начале раздела, объясняющие, о чем идет речь. Правильное использование заголовков на странице обеспечивает иерархию и обзор, а также помогает быстро сообщить, о чем веб-страница. Они помогают посетителям быстро сканировать страницу и помогают поисковым системам быстро понять структуру страницы и ее содержание.
Заголовки бывают шести уровней: от h2 до H6, из которых наиболее часто используются заголовки h2, h3 и h4. Заголовки определяются в HTML-коде страницы.
Заголовок h2 часто называют «основным заголовком», тогда как заголовки h3-H6
называются «подзаголовками», потому что они указывают подуровни.
А как насчет тегов заголовков?
Люди часто ссылаются на «теги заголовков», когда говорят о заголовках.
Чтобы избежать путаницы, возьмем пример и посмотрим на элемент заголовка h2 в том виде, в каком он представлен в исходном HTML:
Это заголовок h2
:-
h2
-
Это заголовок h2
: текст, который будет отображаться на экране посетителя как заголовокh2
. -
h2
А что насчет тегов заголовков?
Прежде всего, не путайте теги заголовков с
-section. Во-вторых, теги заголовков часто неправильно используются для обозначения заголовков (я смотрю на вас, HubSpot).
На самом деле их можно использовать для определения заголовка документа или раздела. Это означает, что они могут быть обернуты вокруг навигационных средств, или они могут быть обернуты вокруг заголовков.Использовать их необязательно, вот пример:
Заголовки h2-H6 и SEO
<статья>
<заголовок>
Объяснение тегов заголовков
Краткое введение в теги заголовков