Проверка мета-тегов онлайн: Title и Description

Анализ мета-тегов страницы

Проверьте мета-теги любой страницы: title, description, keywords, Open Graph, Twitter Cards, canonical, hreflang. Получите рекомендации по оптимизации для поисковых систем.

Title и description с оценкой длины

Open Graph теги для соцсетей

Canonical и hreflang

Twitter Cards

Как пользоваться

Введите URL страницы для анализа мета-тегов
Дождитесь загрузки и парсинга страницы
Изучите title, description, Open Graph и другие мета-теги

FAQ

Вставьте URL — мы покажем Title и Description с длиной в символах, как сниппет будет выглядеть в Google, а также H1–H6, canonical, hreflang, Open Graph и Twitter Cards. Слишком длинные теги Google обрезает, слишком короткие — переписывает сам.

Google подставляет текст со страницы, если description не отвечает на запрос, дублируется на других страницах или слишком короткий. Пишите уникальное описание 120–160 символов, где есть главный запрос и выгода для пользователя.

Title должен быть 50-60 символов для корректного отображения в Google. Description — 150-160 символов.

Проверить мета-теги онлайн: что именно смотрит анализ

Чтобы проверить мета-теги страницы онлайн, вставьте её адрес. Инструмент скачивает HTML так, как его отдаёт сервер (с переходом по редиректам), и разбирает теги в <head> и заголовки H1–H6. JavaScript не выполняется: если title и description на сайте подставляет React или Vue уже в браузере, анализ покажет то, что лежит в исходном коде, — и это полезная проверка, потому что именно этот HTML первым получает поисковый робот.

Оценка складывается из 14 равных проверок (каждая весит примерно 7 баллов):

Проверка	Условие «зелёного»
Title	есть, длина 30–60 символов (две проверки)
Meta description	есть, длина 120–160 символов (две проверки)
H1	есть, и он ровно один (две проверки)
Open Graph	заполнены og:title, og:description, og:image (три проверки)
Техника	canonical, viewport, атрибут lang у <html>, charset
Картинки	у всех <img> есть alt

Meta keywords, robots, hreflang, Twitter Cards и JSON-LD выводятся для сведения и на оценку не влияют. 100 баллов не означают хороший сниппет: тег может быть нужной длины и при этом не отвечать на запрос. Оценка ловит пропуски, а качество текста проверяете вы.

Проверка title и description: символы против пикселей

Инструмент считает длину в символах, а Google обрезает заголовок по ширине. На десктопе в строку помещается около 600 пикселей; официального лимита Google не публикует. Поэтому «60 символов» — ориентир, а не закон: строка из узких букв (і, l, t, r) влезет и в 65 символов, а заголовок с заглавными и широкими буквами (Ш, Щ, Ж, Ю, W, M) может обрезаться уже на 50. Практическое правило: главный запрос и суть ставьте в первые 40–45 символов, а название бренда — в конец, чтобы обрезалось именно оно.

С description ещё свободнее. Google не задаёт для него фиксированной длины и показывает столько текста, сколько считает полезным: на десктопе обычно около 150–160 символов, на мобильных меньше. Превью в отчёте обрезает title на 70, а description на 160 символов. Это быстрая прикидка, а не пиксельная копия выдачи. Как будет выглядеть сниппет на телефоне, удобнее смотреть в превью сниппета.

Почему Google переписывает title и description

После обновления 2021 года Google стал чаще собирать заголовок ссылки в выдаче сам, по его оценке исходный <title> используется примерно в 87% случаев. Чаще всего заголовок переписывают по таким причинам:

Шаблон на весь сайт. «Купить | Магазин» на сотне карточек: Google не может различить страницы и берёт H1 или текст ссылок.
Набивка ключами. «Окна пластиковые, окна ПВХ, купить окна Киев недорого» заменяется на что-то читаемое.
Устаревшие данные. «Цены 2024» на странице, обновлённой в 2026-м.
Расхождение с H1. Title обещает одно, главный заголовок страницы говорит другое.
Слишком длинный или почти пустой title: только название бренда или «Главная».

Description подменяется ещё чаще, и это нормально: Google берёт фрагмент текста, который лучше отвечает на конкретный запрос. Ваш description выиграет, если он уникален для страницы, в нём есть формулировка запроса и конкретика (цена, срок, количество, для кого). Одинаковый description на всех страницах почти гарантированно игнорируется. Подробнее правила описаны в документации Google о заголовках.

Примеры: плохо и хорошо

Плохо	Лучше
Главная	Ремонт iPhone в Харькове за 1 день — СервисТочка
Ноутбуки, купить ноутбук, ноутбуки цена, ноутбуки недорого	Ноутбуки до 30 000 грн: 240 моделей с доставкой — Shop
Мы лучшая компания с многолетним опытом работы на рынке.	Замена экрана iPhone 13 за 40 минут, оригинальные запчасти, гарантия 6 месяцев. Цены на все модели на странице.

Open Graph и Twitter Cards: как выглядит ссылка в мессенджерах

Telegram, Viber, Facebook, LinkedIn и Slack строят карточку ссылки по тегам Open Graph. Минимальный набор такой:

<meta property="og:title" content="Ремонт iPhone за 1 день">
<meta property="og:description" content="Оригинальные запчасти, гарантия 6 месяцев">
<meta property="og:image" content="https://example.com/og/remont.jpg">
<meta property="og:url" content="https://example.com/remont-iphone/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Картинку делайте 1200×630 и указывайте абсолютный адрес по https. Если тегов twitter: нет, X обычно берёт заголовок, описание и картинку из Open Graph, так что достаточно указать twitter:card. Мессенджеры кешируют карточку: после правки обновите её через Sharing Debugger у Facebook или бота @WebpageBot в Telegram. Проверить, как выглядит карточка в разных соцсетях, можно в OG Debugger.

Анализ тегов сайта: ошибки, которые чаще всего видны в отчёте

В блоке Robots стоит noindex. Обычно это остаток тестовой версии сайта или галочка «Попросить поисковые системы не индексировать сайт» в WordPress. Такая страница выпадет из выдачи, какими бы хорошими ни были title и description.
Canonical указывает на другой адрес. Например, все страницы пагинации ссылаются на главную, или canonical ведёт на http-версию. Google может проигнорировать проверяемую страницу как дубль.
Два H1. Логотип в шапке обёрнут в <h1>, и второй H1 на странице — название статьи. Оставьте H1 только у основного заголовка.
Нет viewport. Страница отображается на телефоне как уменьшенная десктопная, а Google индексирует сайты по мобильной версии.
Описание есть только в og:description. Для соцсетей текст задан, а обычный meta name="description" пустой. Это разные теги, нужны оба.

Проверить мета-теги на странице можно и без сервиса: Ctrl+U в браузере покажет исходный код, а curl -s https://example.com/ | grep -i "<title\|description" — то же из консоли. Анализ удобнее тем, что собирает всё в одну таблицу и сразу показывает длины.

Как исправить мета-теги в WordPress, Tilda и Битрикс

WordPress + Yoast SEO: в редакторе записи блок Yoast → «SEO-заголовок» и «Мета-описание». Шаблон по умолчанию %%title%% %%sep%% %%sitename%% меняется в «Отображение в поисковой выдаче». Rank Math устроен так же. Если title дублируется или выглядит странно, проверьте, не выводит ли тема второй <title> вручную: тема должна поддерживать add_theme_support('title-tag').
Tilda: настройки страницы → раздел SEO (заголовок и описание для поисковиков) и отдельные поля для соцсетей. Если поля для соцсетей не заполнены, карточка берёт данные из основных.
1С-Битрикс: для статических страниц используются свойства страницы title и description, для элементов инфоблока — вкладка SEO с шаблонами META TITLE и META DESCRIPTION. Частая ошибка: компонент перезаписывает заголовок, потому что в его параметрах включено «Устанавливать заголовок окна браузера».
Самописный сайт: title и description генерируются в шаблоне из полей записи. Обязательно задайте запасной вариант на случай пустого поля, иначе получите сотню страниц с одинаковым тегом.

Одна страница проверяется здесь, но шаблонная ошибка обычно сидит на сотнях адресов. Чтобы найти дубли и пустые теги по всему сайту, запустите технический аудит всего сайта. Как читать такие находки, разобрано в статье о мета-проблемах в аудите.