Генератор мета-тегов

Работает на устройстве. Ничего не отправляется.Ничего из введённого никуда не отправляется - теги и превью создаются в браузере.

Проверить существующую страницу

Вставьте HTML страницы (Просмотр кода, затем скопируйте <head>), чтобы загрузить её теги в форму.

Страница

Заголовок (title)Оптимально 30-60 символов.0 / 60ОписаниеОптимально 70-160 символов.0 / 160Адрес страницы (canonical)Скрыть страницу от поисковиков (noindex)Добавить также теги charset и мобильного viewport

Адрес картинки для превью

Описание картинки (alt)Название сайтаАккаунт в X (Twitter)Аккаунт автора в XЛокаль (например ru_RU)

Тип страницы

Карточка X

Цвет темы

Превью

Результат поиска Google

example.comhttps://example.com

Заголовок вашей страницыЗдесь появится описание.

Ссылка в соцсетях (Facebook, LinkedIn, X, WhatsApp)

Нет картинки - ссылка будет без изображения.

example.comЗаголовок вашей страницыЗдесь появится описание.

Проверки

Нет заголовка - поисковики придумают свой.
Нет описания - Google и превью возьмут текст со страницы.
Нет canonical URL - копии страницы могут конкурировать в поиске.
Нет картинки для превью - ссылка будет без изображения.

HTML

Вставьте эти строки в <head> вашей страницы.

<!-- -->

Напишите title, description и теги Open Graph, посмотрите превью в Google и в виде ссылки, скопируйте HTML - или проверьте готовую страницу.

Каждой странице нужны хороший заголовок и описание для поисковой выдачи и теги Open Graph, чтобы ссылка красиво выглядела в Facebook, LinkedIn, X, WhatsApp, Telegram или Slack. Заполните форму - результат Google и карточка ссылки обновляются по мере ввода, а подсказки о длине предупреждают, когда текст начнёт обрезаться. Скопируйте готовый HTML в head страницы. Уже есть страница? Вставьте её код и посмотрите, каких тегов не хватает.

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

Какой длины должны быть title и description?

Google обрезает заголовки примерно на 600 пикселях - около 50-60 символов, а описания примерно на 920 пикселях - около 150-160 символов. Важные слова ставьте в начало. Google может переписать и то, и другое, если сочтёт другой текст более подходящим.

Какого размера должна быть картинка?

1200 × 630 пикселей (1,91:1) подходят для Facebook, LinkedIn и большой карточки X. Держите текст подальше от краёв и указывайте полный адрес с https:// - относительные пути в og:image не работают.

Почему нет отдельных тегов twitter:title и twitter:image?

X читает og:title, og:description и og:image, если своих тегов нет, так что повторять их - только утяжелять страницу. Генератор добавляет нужный X тег twitter:card и ваш аккаунт.

Моя страница или HTML куда-то загружаются?

Нет. Всё происходит в браузере, а картинка загружается со своего адреса, только если вы нажмёте «показать». Форма запоминается на этом устройстве.