Превью Open Graph
Предпросмотр Open Graph и Twitter Card тегов для отображения ссылки в соцсетях и мессенджерах.
Превью Open Graph
Предпросмотр Open Graph и Twitter Card тегов для отображения ссылки в соцсетях и мессенджерах.
open graph, og tags, twitter card, preview, превью ссылки, соцсети, og title
Как проверить Open Graph и Twitter Card
Open Graph preview показывает, как ссылка может выглядеть в соцсетях, мессенджерах и сервисах, которые читают OG-теги.
Инструмент собирает meta-теги og:title, og:description, og:image, og:url, og:type и Twitter Card.
Это полезно перед публикацией статьи, инструмента, лендинга или карточки продукта.
Для чего подходит
- визуальное превью карточки ссылки
- генерация Open Graph тегов
- генерация Twitter Card тегов
- проверка title, description, URL и изображения
- готовый HTML для вставки в head страницы
Формулы
- og:title должен быстро объяснять, что откроет пользователь.
- og:description дополняет заголовок и раскрывает пользу.
- og:image лучше делать крупным, контрастным и понятным при уменьшении.
Как пользоваться
- Введите заголовок и описание.
- Укажите URL страницы и название сайта.
- Добавьте URL изображения.
- Проверьте превью карточки.
- Скопируйте или скачайте готовые meta-теги.
Примеры
Частые вопросы
Какой размер изображения лучше для Open Graph?
Часто используют 1200×630 px: это соотношение хорошо подходит для крупных карточек в соцсетях.
Почему в мессенджере может показываться старое превью?
Многие сервисы кешируют OG-данные. После изменения тегов может потребоваться время или ручная очистка кеша в конкретном сервисе.