Мета-теги — это фрагменты HTML-кода, которые описывают содержимое страницы для поисковых систем и пользователей. Четыре ключевых элемента on-page оптимизации: title (заголовок вкладки и кликабельная ссылка в выдаче), meta description (описание под этой ссылкой), H1 (главный видимый заголовок на самой странице) и alt (текстовое описание изображения). Грамотно составленные теги помогают Google понять тему страницы и повышают кликабельность сниппета в результатах поиска.
Коротко
- title — самый важный тег: формирует заголовок в выдаче; оптимальная длина 50–60 символов, ключ ближе к началу.
- meta description не влияет на ранжирование напрямую, но заметно влияет на CTR; держите 140–160 символов.
- H1 — ровно один на страницу; отражает суть контента и может отличаться от title.
- alt описывает картинку для поисковика и незрячих пользователей, помогает ранжироваться в поиске по картинкам.
- Все четыре тега должны содержать ключевой запрос естественно, без переспама и повторов.
Что такое тег title и как его составить
Тег title (<title>) — это HTML-элемент, который задаёт заголовок страницы. Google показывает его как кликабельную синюю ссылку в выдаче, а браузер — как название вкладки. Это самый весомый из мета-тегов: он напрямую влияет и на ранжирование, и на решение пользователя кликнуть.
Правила составления title:
- Длина 50–60 символов (≈600 пикселей). Длиннее — Google обрежет и подставит свой вариант из текста страницы.
- Главный ключ — ближе к началу заголовка.
- Один уникальный title на каждую страницу; дубли путают поисковик.
- Добавьте бренд в конце через разделитель: Ключевой запрос — Бренд.
- Пишите для человека: заголовок должен обещать ответ, а не быть набором ключей.
Meta description: зачем нужен и как влияет на CTR
Meta description (<meta name=»description»>) — это краткое описание страницы, которое Google показывает под ссылкой в сниппете. Прямого влияния на позиции у него нет — Google официально это подтверждал. Но описание влияет на CTR (кликабельность): привлекательный текст увеличивает долю переходов, а рост CTR уже косвенно улучшает позиции.
Правила:
- Длина 140–160 символов, иначе описание обрежется многоточием.
- Включите ключ — при совпадении с запросом Google подсветит его жирным.
- Дайте выгоду или призыв: что человек получит, кликнув.
- Не дублируйте title дословно.
- Помните: Google может проигнорировать ваш description и сгенерировать свой из текста страницы. Это нормально.
Заголовок H1: чем отличается от title
H1 — это главный видимый заголовок на самой странице (тег <h1>), а не в коде «за кадром», как title. Пользователь видит H1, открыв страницу; title он видит в выдаче ещё до клика. Они могут и должны немного различаться: title заточен под запрос и CTR, H1 — под читателя.
Правила H1:
- Ровно один H1 на странице.
- Отражает суть контента и содержит ключ (можно в более естественной формулировке, чем title).
- Не путать с логотипом или названием сайта в шапке.
- H2–H6 — для подзаголовков в логической иерархии.
Атрибут alt: описание изображений
Alt (alt=»») — это текстовый атрибут тега <img>, который описывает изображение. Его «видят»: поисковые роботы (иначе не понимающие картинку), незрячие пользователи через скринридеры и все пользователи, если картинка не загрузилась. Хороший alt помогает ранжироваться в Google Картинках и усиливает тематическую релевантность страницы.
Правила alt:
- Опишите, что на изображении, конкретно и коротко (до ~125 символов).
- Вставьте ключ, если он уместен по смыслу — без спама.
- Не начинайте с «изображение…» / «фото…» — это и так изображение.
- Декоративным картинкам — пустой alt (alt=»»), чтобы скринридер их пропускал.
Сравнение мета-тегов в одной таблице
| Тег | Где виден | Оптимальная длина | Влияние на ранжирование |
| title | Выдача, вкладка браузера | 50–60 символов | Прямое, высокое |
| meta description | Сниппет под ссылкой | 140–160 символов | Косвенное (через CTR) |
| H1 | На самой странице | до ~70 символов | Среднее |
| alt | При недогрузке, скринридеры, Google Картинки | до ~125 символов | Слабое–среднее (+ поиск по картинкам) |
Примеры хороших и плохих мета-тегов
| Тег | Плохо | Хорошо |
| title | Купить окна пластиковые окна недорого окна ПВХ окна (переспам) | Пластиковые окна в Киеве — цены от завода | БрендОкна |
| description | Окна. Двери. Балконы. (пусто, не мотивирует) | Пластиковые окна с монтажом за 1 день. Гарантия 5 лет, выезд замерщика. Рассчитайте стоимость онлайн за 2 минуты. |
| H1 | Добро пожаловать на наш сайт! (ни о чём) | Пластиковые окна в Киеве |
| alt | alt=»IMG_2024.jpg» (или пустой у смысловой картинки) | alt=»Белое пластиковое окно с двойным стеклопакетом» |
Шаблоны-формулы для мета-тегов
- title: {Главный ключ} + {уточнение/гео} + {разделитель} + {Бренд}
- description: {Что это/выгода} + {ключ} + {призыв/цифра}
- H1: {Тема страницы с ключом в естественной форме}
- alt: {Что изображено} + {уточнение с ключом при уместности}
Частые ошибки: что проверить в первую очередь
Типичные проблемы мета-тегов — дубли title по всему сайту, отсутствие или несколько H1 на странице, пустые alt у смысловых картинок и переспам ключами. По отдельности их легко не заметить, а вместе они заметно занижают релевантность. Удобнее всего находить их пакетно в ходе технического SEO-аудита: аудит показывает все страницы с проблемными или задублированными тегами и расставляет приоритеты по исправлению.
Мета-теги — часть большой картины on-page оптимизации. Как теги влияют на внешний вид результата и попадание в расширенные сниппеты — в статье «Выдача Google: SERP, сниппеты и нулевая позиция». Как встроить ключи в сам текст без переспама — в материале «SEO-копирайтинг». А чтобы увидеть, как теги вписываются в общую стратегию продвижения ссылками и контентом, начните с опорного гайда «Что такое линкбилдинг».
Хотите проверить, всё ли в порядке с мета-тегами на вашем сайте, и получить список конкретных правок? Закажите технический SEO-аудит — соберём все проблемные заголовки и описания и покажем, что исправить в первую очередь. Цены ориентировочные и зависят от ниши, объёма и конкуренции — точную стоимость рассчитаем по вашему проекту.