Проверка Open Graph онлайн
Войдите или зарегистрируйтесь, чтобы сохранять инструменты в избранное
Проверка Open Graph и мета-тегов любого URL
Метаданные
Превью в соцсетях
Open Graph — протокол разметки, который позволяет контролировать, как ваш сайт отображается при публикации ссылок в социальных сетях (Facebook, VK, Telegram и др.).
Основные теги: og:title — заголовок, og:description — описание, og:image — изображение (рекомендуемый размер 1200x630px), og:url — канонический URL.
Twitter Cards — дополнительная разметка для Twitter/X. Тип карточки (twitter:card) может быть summary, summary_large_image, app или player.
Проверка выполняется на сервере: загружается HTML страницы и из неё извлекаются мета-теги.
Проверка Open Graph тегов: анализ и отладка OG-разметки сайта
Онлайн-чекер Open Graph тегов позволяет мгновенно проверить OG-разметку любой страницы и увидеть, как она будет выглядеть при публикации в социальных сетях. Инструмент анализирует og:title, og:description, og:image и другие мета-теги, показывает превью для Facebook, Twitter, Telegram и выставляет оценку качества разметки.
Что такое Open Graph и зачем проверять теги
Open Graph (OG) — протокол от Facebook, позволяющий любой веб-странице стать «богатым объектом» в социальных сетях. Когда пользователь делится ссылкой в VK, Telegram, Facebook или WhatsApp, платформа читает OG-теги и формирует превью: картинку, заголовок и описание.
Правильно настроенные OG-теги увеличивают CTR по репостам в 2–3 раза по сравнению со ссылкой без превью. Отсутствие og:image — самая частая причина непривлекательного вида шаренных ссылок.
Основные OG-теги
| Тег | Обязателен? | Описание | Рекомендации |
|---|---|---|---|
| og:title | Да | Заголовок объекта | До 60 символов, отличается от <title> |
| og:description | Рек. | Краткое описание | До 200 символов |
| og:image | Да | URL изображения для превью | 1200×630px, JPG/PNG, до 8 МБ |
| og:url | Да | Канонический URL страницы | Без UTM-меток |
| og:type | Да | Тип контента | website, article, product, video.movie |
| og:site_name | Рек. | Название сайта | Отображается в превью |
| og:locale | Нет | Язык контента | ru_RU, en_US |
Twitter/X Cards
Twitter использует собственный набор мета-тегов для карточек, хотя также читает OG-теги как запасной вариант.
| Тег | Значение | Описание |
|---|---|---|
| twitter:card | summary / summary_large_image / app / player | Тип карточки |
| twitter:title | Текст | Заголовок (до 70 символов) |
| twitter:description | Текст | Описание (до 200 символов) |
| twitter:image | URL | Изображение (мин. 144×144px) |
| twitter:site | @handle | Twitter-аккаунт сайта |
Отладка и кэширование превью
Социальные сети кэшируют OG-данные. Если вы изменили теги, старое превью может отображаться ещё несколько дней. Для сброса кэша используйте официальные инструменты:
- Facebook — Sharing Debugger (developers.facebook.com/tools/debug)
- LinkedIn — Post Inspector (linkedin.com/post-inspector)
- Twitter/X — Card Validator (cards-dev.twitter.com/validator)
- Telegram — кэш сбрасывается автоматически через ~24 часа
OG Checker на нашем сайте анализирует наличие всех ключевых тегов и показывает, как будет выглядеть превью в социальных сетях.
Частые вопросы
Какой размер og:image оптимален?
1200×630 пикселей (соотношение 1.91:1) — стандарт для Facebook, VK и большинства мессенджеров. Для Twitter summary_large_image — тоже 1200×630. Для квадратного формата (Twitter summary) — 1:1, минимум 144×144px.
Нужно ли ставить og:type для всех страниц?
Для главной страницы и большинства страниц используйте website. Для статей и блогов — article с дополнительными тегами article:published_time, article:author. Для интернет-магазина — product.
OG-теги влияют на SEO?
Напрямую — нет. Google не использует OG как фактор ранжирования. Но косвенно: правильные OG-теги увеличивают виральность шаренного контента, что генерирует обратные ссылки и социальные сигналы.
Смотрите также: генератор мета-тегов, генератор Schema.org.