Генератор OGP-тегов (автовывод для og:title, og:image и других)

Введите URL, title, description и URL изображения. Создавайте Open Graph и Twitter Card meta-теги в одном месте.

Готово к копированию и вставке Встроенный предпросмотр Подсказки по изображению и кэшу

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

  1. Откройте инструмент и введите canonical URL, title и URL изображения.
  2. При необходимости добавьте description, site name и настройки Twitter.
  3. Скопируйте сгенерированные meta-теги и вставьте их в head страницы.
  4. Проверьте предпросмотр и замечания, затем при необходимости скорректируйте пропорции изображения или стратегию обновления кэша.

Что такое OGP?

Open Graph Protocol (OGP) — это метаданные, которые социальные платформы и чаты используют для отображения предпросмотра ссылок.

Задавая og:title, og:description, og:image и связанные теги, вы можете влиять на то, как выглядит URL при публикации.

Комбинирование OGP с Twitter Card тегами помогает сделать поведение предпросмотра более единообразным на разных платформах.

Рекомендации по размеру изображения (для более стабильного рендеринга предпросмотра)

Рекомендации платформ Meta (справочно)

  • Минимальный ориентир: 200×200.
  • Часто стабильно: 1200×630 или больше, минимум 600×315.
  • Целевое соотношение сторон около 1.91:1.
  • Рекомендуемый размер файла включает 8 МБ или меньше.

Рекомендации для X card (справочно)

  • summary_large_image обычно ориентируется примерно на соотношение 2:1.
  • Справочный диапазон: минимум 300×157, максимум 4096×4096.
  • Рекомендуемый размер файла включает менее 5 МБ.
  • Используйте JPG/PNG/WEBP/GIF там, где это поддерживается.

Когда обновления не появляются (кэш и повторный скан)

  • Социальные краулеры могут кэшировать полученные метаданные. Используйте debugger/inspector каждой платформы, чтобы запросить повторный скан.
  • Если замена изображения не отражается, может помочь изменение URL изображения (обновление имени файла или query string).
  • Указание og:image:width и og:image:height в некоторых случаях повышает стабильность рендеринга.

X Card Validator

https://cards-dev.twitter.com/validator

Проверяет метаданные X card и при возможности принудительно запрашивает карточку.

Часто задаваемые вопросы

Можно ли сгенерировать и Twitter Card теги?

Да. Можно одновременно вывести twitter:card и связанные теги. Также доступен минимальный режим.

Какой размер изображения лучше использовать?

Используйте практические рекомендации под нужную платформу. Для предпросмотров, ориентированных на Meta, часто подходит соотношение около 1.91:1 (например, 1200×630), а для X summary_large_image — около 2:1 (например, 1200×600).

Почему изменения не отражаются?

Чаще всего причина в кэше. Запустите повторный скан через инструменты платформы и подумайте об изменении URL изображения после его замены.