Главная / Технический аудит / Страницы с тегами внутри тегов заголовков H1–H3

Страницы с тегами внутри тегов заголовков H1–H3

Заголовки H1, H2 и H3 — самая выразительная часть HTML-страницы. По ним и поисковые системы, и пользователи считывают структуру документа: что главное, что второстепенное, о чем страница в целом. Поэтому заголовки чувствительны к чистоте разметки: если внутрь них попадают посторонние теги, структура «плывет» и поисковик может понять заголовок иначе, чем вы рассчитывали.

Отчет Страницы с тегами внутри тегов заголовков H1–H3 находит такие места автоматически. В таблице две колонки: Страница — адрес, где обнаружена проблема, и Ошибки — описание того, что именно не так с разметкой заголовка.

Что считается ошибкой

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

  • Заголовки внутри заголовков. Например, <h2>Каталог<h3>Раздел</h3></h2> — тег H3 оказался внутри H2 и «склеился» с ним. Браузер и поисковик прочитают это как запутанную иерархию, а не как два аккуратных заголовка.
  • Блочные контейнеры. <div>, <section>, <p> внутри заголовка ломают его границы: часть текста может «выпасть» из заголовка, а часть — наоборот, прилипнуть к нему по ошибке.
  • Интерактивные элементы. Ссылки с вложенными блоками, кнопки, формы внутри H1–H3 превращают заголовок в непредсказуемую для парсера конструкцию.

Пример корректной и некорректной разметки одного и того же заголовка:

<!-- Плохо: div внутри заголовка -->
<h2><div class="accent">Доставка по России</div></h2>

<!-- Хорошо: заголовок чистый, стиль унесен на соседний тег -->
<h2>Доставка по России</h2>
<p class="accent">Отправим завтра</p>

Почему это важно для SEO

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

  • часть текста заголовка может не попасть в его контент при разборе — и робот увидит урезанную или склеенную фразу;
  • иерархия разделов становится неоднозначной: непонятно, где заканчивается один заголовок и начинается другой;
  • в отдельных случаях браузеры сами «чинят» разметку — и итоговая структура в отрендеренной версии отличается от той, что вы написали в коде.

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

Страницы с тегами внутри тегов заголовков H1–H3

Как работать с отчетом

  1. Откройте отчет и посмотрите список страниц в колонке Страница — они отсортированы так, чтобы проблемные страницы было легко найти.
  2. Изучите колонку Ошибки: там указано, какой тег и в какой заголовок вложен. Часто одной строки описания достаточно, чтобы понять масштаб проблемы.
  3. Откройте проблемную страницу и найдите заголовок в коде. Проще всего — через «Просмотр кода» в браузере и поиск по тегу <h1, <h2 или <h3.
  4. Уберите вложенный тег: текст перенесите на соседний блок или в тот же заголовок, стили — на класс соседнего элемента. Порядок исправления зависит от замысла верстки, но итог всегда один: внутри заголовка остаются только текст и, при необходимости, простые форматные теги вроде <span>.
  5. После исправлений запустите перепроверку страницы — ошибка должна уйти из отчета.

Откуда такие ошибки берутся

Чаще всего виноваты шаблоны и конструкторы. Типичные сценарии:

  • Забытый закрывающий тег. Верстальщик написал <h2> без </h2> — и следующий заголовок или блок оказался внутри предыдущего.
  • Шаблон блока, вставленный внутрь заголовка. Редактор контента вставил в заголовок целый блок с картинкой и текстом — браузер такое терпит, но валидатор и поисковик — нет.
  • Копипаст из текстового редактора. Текст, скопированный из Word или Figma, тянет за собой лишнюю разметку, и она оседает внутри заголовков.

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

Коротко

Заголовки H1–H3 должны оставаться «чистыми»: текст и простое форматирование — не более. Отчет показывает страницы, где это правило нарушено, с указанием конкретных ошибок. Исправляйте вложенность в шаблонах, а не только на отдельных страницах, — и структура сайта останется понятной и для роботов, и для людей.