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

Генератор мета-тегов Open Graph (с предпросмотром)

Хотите, чтобы ссылки на ваш сайт красиво смотрелись при отправке в мессенджеры и социальные сети? Наш бесплатный генератор поможет вам создать правильную микроразметку Open Graph и Twitter Cards. Заполните форму, проверьте визуальное превью и скопируйте готовый HTML-код для вставки на сайт.

Что такое Open Graph и зачем он нужен?

Open Graph (OG) — это стандарт микроразметки, разработанный для того, чтобы социальные сети и мессенджеры (Telegram, ВКонтакте, WhatsApp, Facebook и др.) могли правильно формировать карточку предпросмотра вашей ссылки (сниппет). Без этих тегов платформа возьмет случайный текст и картинку с вашей страницы, что часто выглядит неаккуратно и снижает кликабельность (CTR).

Как пользоваться генератором?

  1. Заполните основные поля: Укажите заголовок, краткое описание, название вашего сайта и целевую ссылку.
  2. Добавьте изображение: Вставьте прямую ссылку на картинку (рекомендуемый размер — 1200×630 пикселей). Это самое важное поле для привлечения внимания!
  3. Проверьте превью: В правой части инструмента переключайтесь между вкладками Telegram, ВКонтакте и Twitter, чтобы увидеть, как пользователи увидят вашу ссылку.
  4. Скопируйте код: В самом низу сгенерируется готовый блок <meta> тегов. Скопируйте его и вставьте в раздел <head> вашего сайта.

Основные теги, которые мы генерируем:

  • og:title — привлекательный заголовок карточки.
  • og:description — краткий текст, раскрывающий суть страницы.
  • og:image — URL картинки-обложки.
  • twitter:card — тип карточки для Twitter (мы используем summary_large_image для максимального охвата).

Наш инструмент работает прямо в браузере, не требует регистрации и мгновенно реагирует на любые изменения в полях ввода.

Другие калькуляторы