Мета-теги title, description, Open Graph

Что такое мета-теги и почему они важнее, чем кажется

Мета-теги — это скрытые от посетителя элементы HTML-кода страницы, которые читают поисковые системы и соцсети. Они не отображаются на самом сайте, но именно от них зависит, как ваша страница выглядит в результатах поиска Яндекса и Google, а также как выглядит ссылка при шеринге в Telegram, ВКонтакте или MAX.

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

Title — заголовок страницы в поиске

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

Как должен выглядеть правильный title

  • Длина: 50–60 символов. Если длиннее — поисковик обрежет и потеряет смысл.
  • Ключевая фраза ближе к началу. «Как проверить сайт на SEO-ошибки» работает лучше, чем «SEO-ошибки: как проверить сайт».
  • Уникальность. Каждая страница сайта должна иметь уникальный title. Дубли title = дубли контента в глазах поисковика.
  • Отражение содержания. Title должен точно описывать, о чём страница. Если title об обзоре кофе, а внутри статья про SEO — это обман пользователя и сигнал низкого качества для поисковика.
  • Без воды. «Лучший сервис для проверки сайтов в 2026 году» — слабый title. «Как проверить сайт на SEO-ошибки бесплатно» — сильный: действие + выгода + конкретика.

Типичные ошибки в title

  1. Слишком длинный title — обрезается в выдаче, ключевое слово теряется.
  2. Слишком короткий — 10-15 символов. Потерянный шанс привлечь клик.
  3. Ключевое слово в конце — поисковик даёт больший вес словам в начале.
  4. Одинаковый title на всех страницах — шаблон «Название сайта» без уникальной части.
  5. Переспам ключевыми словами — «купить окна Москва купить окна дешево» — это спам, а не оптимизация.

Description — описание страницы в сниппете

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

Правила написания description

  • Длина: 150–160 символов. Длинные описания обрежутся.
  • Не дублируйте title. Description должен дополнять заголовок, а не повторять его.
  • Призыв к действию. «Узнайте», «Проверьте», «Скачайте» — это повышает CTR (кликабельность).
  • Уникальность. Как и title, description должен быть уникальным для каждой страницы.
  • Естественный язык. Не пытайтесь впихнуть все ключевые слова — description читают люди, а не роботы.
<title>Как проверить сайт на SEO-ошибки — seoquest.ru</title>
<meta name="description" content="Проверьте сайт на технические и контентные SEO-ошибки: мета-теги, ссылки, скорость и индексируемость." />

Примеры

Плохо Хорошо
SEO-аудит SEO-аудит сайта. Проверьте мета-теги, скорость, canonical за 30 секунд. Бесплатно.
Главная страница компании ООО «Ромашка» Строительная компания в Москве: дома под ключ от 5 лет. Свой производство, гарантия 5 лет. Рассчитайте стоимость.

Open Graph — как ссылка выглядит в соцсетях

Когда вы делитесь ссылкой в Telegram, ВКонтакте или MAX, соцсеть подставляет заголовок, описание и картинку. Без мета-тегов Open Graph (OG) она пытается угадать сама — и чаще всего угадывает неправильно: берёт первый попавшийся заголовок, случайную картинку из контента или вообще ничего не подставляет.

Обязательные OG-теги

  • og:title — заголовок карточки (аналог title, но для соцсетей)
  • og:description — описание (аналог description)
  • og:image — картинка-превью (рекомендуемый размер 1200×630 пикселей)
  • og:url — канонический URL страницы

Дополнительные OG-теги

  • og:type — тип контента (website, article, product и т.д.)
  • og:site_name — название сайта
  • og:locale — язык страницы (ru_RU для русского)

Частые ошибки с Open Graph

  1. og:image слишком маленький. Соцсети могут отказать в показе или показать размыто. Минимум 1200×630 px.
  2. Разные og:title и title. Если title говорит «Как проверить сайт», а og:title — «Главная», это путает пользователей.
  3. og:image не открывается. Убедитесь, что URL картинки доступен публично и не требует авторизации.

Как проверить мета-теги на своём сайте

  1. Откройте страницу в браузере → правой кнопкой → «Просмотр кода» → найдите <title>, <meta name="description">, <meta property="og:">.
  2. Инструмент «Мета-теги и сниппеты» на seoquest.ru — покажет title, description, OG-теги, H1 и canonical для любого URL.
  3. Полный SEO-аудит — запустите бесплатную проверку на главной seoquest.ru. Сервис проверит мета-теги на всех страницах и покажет дубли, пустые значения и проблемы с длиной.

Итог

Мета-теги — это визитная карточка вашей страницы в поиске и соцсетях. Title определяет, насколько хорошо страница ранжируется. Description влияет на кликабельность. Open Graph — на привлекательность ссылки в соцсетях. Проверьте их все — и заметите разницу в трафике.

Проверить сайт по техническим и контентным пунктам можно в бесплатной проверке.

Вопросы и ответы

Title и description — это обязательно? Поисковик и сам найдёт.

Нет, не обязательно. Поисковик может сгенерировать title и description из контента, но часто его вариант хуже вашего: короче, скучнее, без призыва к действию. Правильные мета-теги — это контроль над тем, как вас видят в поиске.

Почему description обрезается, хотя я прописал 150 символов?

Поисковики показывают разное для разных запросов. Если ключевые слова из вашего description не совпадают с запросом пользователя, поисковик может подставить свой текст. Всегда пишите description так, чтобы он был полезен и без выделения ключевых слов.

og:title и title должны совпадать?

Не обязательно, но лучше, чтобы они были согласованы. Если title страницы — «Как проверить сайт», а og:title — «seoquest.ru», это создаёт разрыв между поиском и соцсетями. Разница допустима, если она осмысленна (например, og:title короче для отображения в карточке).

Можно ли использовать один og:image для всех страниц?

Технически — да, но это плохая идея. Уникальная картинка для каждой страницы повышает CTR при шеринге. Например, для статьи про SEO-аудит — иконка лупы, для страницы тарифов — таблица цен, для контактов — карта.

Как часто нужно проверять мета-теги?

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