Open Graph preview
Помогает собрать Open Graph и Twitter Card meta-теги и посмотреть, как ссылка может выглядеть в соцсетях и мессенджерах.
Зачем нужен Open Graph
Open Graph управляет тем, как ссылка выглядит при отправке в соцсети и мессенджеры: заголовок, описание, картинка и адрес. Хороший preview повышает кликабельность постов, рекламы и рассылок.
Какие поля важны
Минимальный набор: og:title, og:description, og:image, og:url и og:type. Для Twitter/X дополнительно используют twitter:card, twitter:title, twitter:description и twitter:image.
Практика
Используйте абсолютные HTTPS-ссылки на изображения, не слишком длинные заголовки и картинку с понятным объектом в центре. После публикации проверьте страницу валидаторами соцсетей.
Частые вопросы
Почему мессенджер показывает старую картинку?
Многие платформы кэшируют preview. Нужно очистить кэш через валидатор платформы или подождать обновления.
Можно ли использовать относительный URL картинки?
Лучше нет. Для OG-картинки указывайте абсолютный HTTPS URL, чтобы внешняя платформа могла его загрузить.
