Проверьте микроразметку Open Graph и Twitter Cards перед публикацией. Увидите превью карточки для VK, Facebook, Telegram и WhatsApp - и подсветку ошибок og:image, og:title, og:description.
Корректно настроенная open graph разметка - ключевой фактор привлекательного отображения сайта при шеринге в VK, Facebook, Telegram, WhatsApp и других платформах. Если превью статьи или карточки товара формируется без картинки или с искажённым заголовком, снижается CTR и теряется часть целевого трафика. Чтобы избежать ошибок, используется Open Graph проверка онлайн - быстрый способ протестировать теги до и после публикаций.
OpenGraph (OG) - это протокол микроразметки, разработанный для того, чтобы превращать веб-страницы в богатые медийные объекты в соцсетях. Когда пользователь делится ссылкой, роботы платформы считывают специальные meta-теги в коде <head> и формируют привлекательное превью. Качественная микроразметка open graph решает сразу несколько задач:
| Тег | Назначение | Рекомендация |
|---|---|---|
og:title |
Заголовок карточки в превью | До 60-90 символов, ёмко отражает суть страницы |
og:description |
Краткое описание под заголовком | 100-200 символов, передаёт выгоду или оффер |
og:image |
Главный визуальный элемент карточки | 1200 × 630 px (соотношение 1.91:1), JPG/PNG, до 5 МБ |
og:type |
Тип контента | website, article, product |
og:url |
Канонический URL страницы | Полный HTTPS-URL без query-мусора |
Пример кода, который внедряется в блок <head> HTML-страницы:
<meta property="og:type" content="website" /> <meta property="og:title" content="Open Graph проверка онлайн - валидатор разметки" /> <meta property="og:description" content="Бесплатная проверка микроразметки Open Graph онлайн." /> <meta property="og:image" content="https://example.com/images/og-cover.jpg" /> <meta property="og:url" content="https://example.com/page" />
Даже если код внедрён без очевидных ошибок, метатеги могут считываться некорректно из-за кэширования, неправильного размера картинки или блокировок в robots.txt. Проверка микроразметки open graph позволяет:
https://) в поле проверки.Open Graph - универсальный протокол, разработанный Facebook и поддерживаемый большинством соцсетей и мессенджеров (VK, Telegram, WhatsApp, Discord, LinkedIn). Twitter Cards - аналогичный набор тегов для Twitter/X с префиксом twitter:. Если Twitter Cards не заданы, Twitter использует OG-теги как fallback, поэтому минимально достаточной часто является только OG-разметка.
Соцсети и мессенджеры кэшируют превью на часы или дни. Чтобы ускорить обновление, используйте официальные дебаггеры (Facebook Sharing Debugger, Telegram @WebpageBot) с кнопкой «Scrape Again» - они заставят платформу заново прочитать разметку. Наш валидатор каждый запрос делает «вживую» без кэша.
Стандарт - 1200 × 630 px с соотношением сторон 1.91:1. Такой формат корректно отображается в Facebook, LinkedIn, Twitter (summary_large_image), Telegram и WhatsApp. Минимальный размер для крупной превью-карточки - 600 × 315 px, иначе платформы покажут мелкую миниатюру рядом с описанием.
Проверьте, что тег находится внутри <head> до закрытия, что URL картинки абсолютный (с протоколом), а сам файл отдаётся без 403/404 и не блокируется в robots.txt для User-Agent соцсети. Также проверьте HTTPS: Facebook и Telegram не подхватят картинку с невалидным SSL.
Да. Schema.org читают поисковики для расширенных сниппетов в выдаче, а Open Graph - соцсети и мессенджеры для превью при шеринге. Это два независимых слоя микроразметки, и наличие одного не отменяет необходимость другого.