HTML теги для сайта

HTML-теги для поиска — это не оформление, а способ объяснить роботу, что где находится на странице. Робот не видит вёрстку глазами: он разбирает документ и по тегам понимает, где заголовок, где перечисление, где таблица данных, а где второстепенный блок. Разберу, какие теги действительно влияют на понимание страницы, какие устарели и какие ошибки в разметке мешают продвижению. Я в SEO с 2005 года и застал момент, когда семантика в вёрстке из теории превратилась в рабочий инструмент.

Зачем поиску теги

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

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

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

Теги структуры документа

Тег	Что означает	Как влияет
h1	Название страницы	Сильно: один из основных текстовых сигналов
h2–h4	Разделы и подразделы	Заметно: структура и шанс попасть в быстрый ответ
p	Абзац	Базовый носитель текста
ul, ol, li	Перечисление и последовательность	Заметно: списки часто попадают в сниппеты
table	Табличные данные	Заметно: структурированные данные ценятся
main, article	Основное содержимое	Помогает отделить контент от обвязки
nav, aside, footer	Навигация и второстепенные блоки	Помогает роботу понизить вес этих зон

Заголовки: где чаще всего ошибаются

Заголовки — самая частая точка поломки, потому что вёрстку обычно делают по макету, а не по смыслу.

• H1 в логотипе. Классика старых шаблонов: название сайта обёрнуто в h1 на каждой странице. В итоге у всех страниц один и тот же главный заголовок.
• Несколько H1 на странице. Формально спецификация это допускает, но на практике размывает главную тему документа.
• Заголовки ради размера шрифта. Когда h3 используют, чтобы сделать текст покрупнее, структура превращается в шум.
• Пропуск уровней. После h2 сразу h4 — иерархия ломается.
• Пустые заголовки. Остаются после правок в редакторе и мешают разбору.

Проверяется это за минуту: откройте страницу и посмотрите структуру заголовков через инструменты разработчика или краулер. Если картина не похожа на оглавление статьи — надо править.

Теги выделения: strong, em и их подмена

Есть два способа выделить текст жирным: смысловой strong и чисто визуальный b. Первый сообщает о важности фрагмента, второй просто меняет начертание. То же с курсивом: em против i.

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

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

Изображения: alt и всё вокруг него

Атрибут alt — единственный способ объяснить роботу, что изображено. Он же показывается, если картинка не загрузилась, и читается программами экранного доступа.

Атрибут	Зачем	Частая ошибка
alt	Описание изображения	Пустой или набитый ключами
width, height	Резервирование места при загрузке	Не указаны — страница «прыгает» при загрузке
loading="lazy"	Отложенная загрузка нижних картинок	Ставят на изображение первого экрана и тормозят показ
title	Всплывающая подсказка	Дублирует alt без пользы

Про alt отдельно: описывайте, что на картинке, обычной фразой. «Замена стеклопакета в квартире» — нормально. «Окна купить москва недорого стеклопакет цена» — сигнал спама.

Ссылки

Тег ссылки — основной способ передачи веса и навигации робота. Что важно:

• Ссылка должна быть настоящей ссылкой с атрибутом href. Элемент, который ведёт куда-то через скрипт, робот может не обойти.
• Текст ссылки описывает цель. «Здесь» и «подробнее» не говорят ни человеку, ни роботу, куда он попадёт.
• Атрибуты rel="sponsored" и rel="ugc" помечают рекламные и пользовательские ссылки.
• Ссылка, открытая картинкой без текста, должна иметь alt у изображения — он заменяет анкор.

Устаревшее и вредное

Часть тегов и приёмов дожила до наших дней в старых шаблонах и мешает.

• Таблицы для вёрстки макета. Робот воспринимает таблицу как данные, а не как раскладку. Структура страницы получается искажённой.
• Теги оформления вроде font и center. Не поддерживаются современными стандартами, засоряют код.
• Атрибут meta keywords. Не используется поиском.
• Скрытый текст. Текст, спрятанный стилями или вынесенный за пределы экрана, расценивается как попытка обмана.
• Инлайн-стили на каждом элементе. Раздувают вес документа, ухудшают скорость.

Микроразметка: следующий уровень

Обычные теги описывают структуру, микроразметка описывает смысл: что это организация, товар, услуга, отзыв, вопрос с ответом. Именно она даёт расширенные сниппеты — рейтинг, цену, хлебные крошки.

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

Важно: разметка должна соответствовать видимому содержимому. Разметить рейтинг, которого нет на странице, — прямой путь к санкциям за недостоверную разметку.

Как проверить разметку своего сайта

• Прогоните страницы через валидатор разметки и посмотрите критические ошибки. Мелкие замечания можно игнорировать.
• Проверьте структуру заголовков на десятке типовых страниц: главная, услуга, категория, карточка, статья.
• Выгрузите краулером все h1 и убедитесь, что они уникальны и не совпадают с названием сайта.
• Проверьте заполненность alt у изображений в контенте.
• Посмотрите инструменты проверки микроразметки в Вебмастере и Search Console.
• Оцените вес HTML-документа: если он больше 200–300 КБ, ищите лишний код.

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

Чего делать не стоит

• Обёртывать ключевые слова в strong ради ранжирования.
• Дробить текст на десяток заголовков там, где хватает трёх.
• Копировать чужую микроразметку без проверки соответствия своей странице.
• Гнаться за стопроцентной валидностью: часть ошибок валидатора не влияет ни на что.
• Прятать содержимое во вкладках и аккордеонах, если оно важно для ответа на запрос.

Как разметка влияет на вес страницы и скорость

Про эту связь вспоминают редко, а она прямая. Чем больше в документе лишнего кода, тем дольше он передаётся и разбирается. На медленном мобильном интернете разница между документом на 80 КБ и на 400 КБ заметна невооружённым глазом.

Откуда берётся лишний вес:

• Вложенные обёртки. Конструкторы и старые шаблоны заворачивают каждый абзац в три-четыре контейнера. Смысла в них нет, а объём растёт.
• Инлайн-стили. Когда оформление прописано у каждого элемента отдельно, один и тот же набор свойств повторяется сотни раз.
• Комментарии и следы редактора. Остатки правок, служебные пометки плагинов, закомментированные блоки.
• Скрытые блоки. Мобильная и десктопная версии одного и того же меню, обе загружаются, показывается одна.
• Разметка, вставленная копированием. Вместе с текстом из редактора приезжают чужие атрибуты и служебные классы.

Проверить просто: сохраните страницу и посмотрите размер HTML-файла без картинок. Для обычной статьи нормой можно считать 60–150 КБ. Если получилось втрое больше, дело почти наверняка в разметке, а не в содержании.

Что убрать	Сколько обычно даёт	Риск
Лишние вложенные контейнеры	10–25% объёма HTML	Нужна аккуратность с вёрсткой
Инлайн-стили в общий файл	10–20%	Низкий
Комментарии и следы редактора	2–5%	Нет
Дублирующие мобильные блоки	5–15%	Требует правки шаблона

Списки и таблицы: что попадает в быстрые ответы

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

Как оформлять, чтобы повысить шансы:

• Заголовок в форме вопроса, а сразу под ним — короткий прямой ответ в одном-двух предложениях.
• Нумерованный список для последовательности действий и маркированный для набора равнозначных пунктов.
• Пункты одинаковой длины, по одной мысли в каждом. Абзац внутри пункта снижает шанс попадания.
• Таблица для сравнения по двум и более параметрам, с понятной шапкой.
• Без вложенных списков глубже одного уровня — они хуже разбираются.

Отдельно про таблицы: используйте thead для шапки и tbody для данных. Это не косметика — по шапке машина понимает, что означают столбцы. Таблица без шапки читается как набор ячеек.

Частые вопросы

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

Сколько H2 должно быть на странице? Столько, сколько смысловых разделов. Обычно 5–10 для статьи и 3–6 для страницы услуги.

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

Учитывается ли текст, скрытый во вкладках? Обычно да, но с меньшим весом. Важное содержимое лучше показывать сразу.

Помогает ли микроразметка поднять позиции? Напрямую нет. Она улучшает вид сниппета, а через него — кликабельность, и вот это уже влияет.

Чеклист

• По одному h1 на страницу, уникальному и отражающему суть.
• Заголовки по смыслу, без пропуска уровней.
• Списки и таблицы вместо перечислений в абзацах.
• Заполненные alt у всех содержательных изображений.
• Указанные размеры картинок и отложенная загрузка для нижних.
• Ссылки настоящими тегами с осмысленным текстом.
• Микроразметка организации и хлебных крошек как минимум.
• Никакого скрытого текста и вёрстки таблицами.

Разметка — это язык, на котором страница объясняет себя машине. Ошибки в нём не всегда заметны глазом, но обходятся дорого: робот либо не находит главное, либо понимает страницу не так, как вы задумали. Проверка занимает час, а результат виден на всех страницах сразу.

Если нужно SEO-оптимизатор Анатолий Кузнецов — помогу вывести сайт в топ Яндекса и удержать позиции.