Генератор meta и OG тегов
Заполни поля страницы — получишь готовый блок мета-тегов: SEO, Open Graph и Twitter Card. Справа видно, как карточка будет выглядеть в поиске и при шере в соцсетях. Скопируй и вставь в <head>.
Зачем нужны Open Graph теги. Когда ссылку на страницу кидают в мессенджер или соцсеть, та подтягивает заголовок, описание и картинку из Open Graph тегов в <head>. Без них вместо красивой карточки будет голый URL. Twitter Card делает то же самое для Twitter/X. Эти теги не влияют на позиции в поиске напрямую, но сильно повышают кликабельность при шере. Рекомендованный размер картинки — 1200×630 пикселей.
Частые вопросы
Какой размер картинки для Open Graph?
Оптимально 1200×630 пикселей (соотношение 1.91:1) — так карточка показывается большим изображением во всех соцсетях. Минимум 600×315; если меньше 200×200, картинка может вообще не подтянуться.
Чем og:title отличается от обычного title?
Тег <title> используется в поиске и во вкладке браузера, а og:title — в карточке при шере в соцсетях. Часто они совпадают, но og:title можно сделать более «кликбейтным» под соцсети, не трогая SEO-заголовок.
Нужны ли отдельные Twitter-теги, если есть Open Graph?
Twitter/X понимает и Open Graph, так что минимально можно обойтись без twitter:-тегов. Но twitter:card задаёт тип карточки (summary_large_image для большой картинки), а twitter:site/creator привязывают аккаунт — стоит добавить.
Почему соцсеть показывает старую картинку?
Соцсети кэшируют Open Graph надолго. После изменения тегов прогони ссылку через отладчик платформы (Facebook Sharing Debugger, Twitter Card Validator) — он обновит кэш и покажет, что подтянулось.
Бесплатный онлайн-генератор мета-тегов, Open Graph и Twitter Card. Заполните заголовок, описание, URL и картинку — инструмент соберёт готовый блок тегов для вставки в <head>, а рядом покажет живое превью карточки так, как её увидят в поиске Google, при шере в Facebook и в Twitter/X.
Поддерживаются все ключевые поля: og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, twitter:card, twitter:site, theme-color и стандартные SEO-теги. Превью обновляется на лету, поэтому видно результат до публикации. Рекомендованный размер изображения 1200×630 подсказан прямо в интерфейсе.
Всё работает в браузере, ничего не отправляется на сервер. Инструмент пригодится веб-разработчикам, SEO-специалистам и контент-менеджерам — быстро собрать корректную разметку для соцсетей и убедиться, что карточка страницы выглядит привлекательно при шере.