SEO
Meta Tags / Open Graph Generator
Сгенерировать HTML meta-теги для SEO, Open Graph (Facebook) и Twitter Card — вместе с превью карточки.
Meta-теги в <head> страницы определяют, как она будет выглядеть в результатах поиска и в карточке предпросмотра при распространении в соцсетях или мессенджерах. Инструмент генерирует полный набор тегов SEO, Open Graph и Twitter Card вместе с живым предпросмотром карточки.
Как пользоваться
- Заполните заголовок, описание, URL и изображение страницы — теги генерируются сразу, а предпросмотр показывает, как карточка будет выглядеть в Facebook, X (Twitter) и подобных сервисах.
- Скопируйте готовый HTML-блок и вставьте в <head> страницы.
- Проверьте длину заголовка и описания — слишком длинные значения обрезаются поисковиком или соцсетью.
Типичные сценарии
- Настройка Open Graph для страницы, чтобы ссылка выглядела аккуратно при распространении в Telegram, Slack или соцсетях.
- Написание title и meta description под конкретный поисковый запрос для новой страницы.
- Быстрая проверка корректности уже существующих meta-тегов через предпросмотр карточки перед публикацией.
Что стоит помнить
Open Graph и Twitter Card — отдельные стандарты; большинство сервисов (кроме X) читают именно og:-теги, поэтому дублировать основные поля в twitter: не всегда обязательно, но повышает совместимость.
Изображение для og:image должно быть доступно по абсолютному URL (не относительному пути) — иначе краулер соцсети не сможет его загрузить.
Статья об этом инструменте: Meta-теги: какие из них реально влияют на поиск и соцсети
Часто задаваемые вопросы
Зачем нужны отдельные теги Open Graph и Twitter Card, если они делают одно и то же?
Теги Open Graph (og:title, og:image и т.д.) читают Facebook, LinkedIn и большинство других платформ, тогда как Twitter имеет собственный набор тегов (twitter:card, twitter:title) — Twitter возвращается к тегам Open Graph, если своих нет, но добавление обоих гарантирует единообразные превью.
Какого размера должно быть моё og:image?
1200x630 пикселей — широко рекомендуемый размер: он корректно отображается как большая карточка предпросмотра на большинстве платформ без неудобной обрезки и остаётся в пределах типичных ограничений размера файла.
Отправляет ли генерация этих тегов мой контент на сервер?
Нет. Теги генерируются полностью из того, что вы вводите, прямо в вашем браузере — ничего никуда не загружается.
Что делает тег canonical URL?
Он указывает поисковику, какая версия страницы основная, когда тот же контент доступен по нескольким адресам (с www и без, с параметрами и т.д.) — это помогает собрать рейтинг на одной странице вместо распыления между дублями.
В чём разница между meta robots noindex и запретом в robots.txt?
noindex в meta-теге запрещает индексировать уже просканированное содержимое страницы, тогда как Disallow в robots.txt запрещает боту вообще сканировать страницу — именно поэтому noindex не сработает для страницы, заблокированной в robots.txt: поисковик просто никогда не увидит этот тег.