Быстрый доступ: Telegram ВКонтакте

Open Graph проверка онлайн

Проверьте микроразметку Open Graph и Twitter Cards перед публикацией. Увидите превью карточки для VK, Facebook, Telegram и WhatsApp - и подсветку ошибок og:image, og:title, og:description.

Предпросмотр карточки
Найденные теги
ТегЗначение

Open Graph проверка онлайн: как проверить и настроить микроразметку для соцсетей и мессенджеров

Корректно настроенная open graph разметка - ключевой фактор привлекательного отображения сайта при шеринге в VK, Facebook, Telegram, WhatsApp и других платформах. Если превью статьи или карточки товара формируется без картинки или с искажённым заголовком, снижается CTR и теряется часть целевого трафика. Чтобы избежать ошибок, используется Open Graph проверка онлайн - быстрый способ протестировать теги до и после публикаций.

Что такое Open Graph и зачем он нужен?

OpenGraph (OG) - это протокол микроразметки, разработанный для того, чтобы превращать веб-страницы в богатые медийные объекты в соцсетях. Когда пользователь делится ссылкой, роботы платформы считывают специальные meta-теги в коде <head> и формируют привлекательное превью. Качественная микроразметка open graph решает сразу несколько задач:

Основные теги 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-мусора

Как должна выглядеть правильная микроразметка open graph

Пример кода, который внедряется в блок <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" />

Зачем нужна проверка Open Graph онлайн?

Даже если код внедрён без очевидных ошибок, метатеги могут считываться некорректно из-за кэширования, неправильного размера картинки или блокировок в robots.txt. Проверка микроразметки open graph позволяет:

Как использовать онлайн валидатор Open Graph за 3 шага

  1. Вставьте URL страницы: введите полный адрес (начиная с https://) в поле проверки.
  2. Нажмите «Проверить разметку»: наш онлайн валидатор запросит страницу и считает все доступные OG-теги и Twitter Cards.
  3. Изучите отчёт: проверьте корректность заполнения og:title, og:description, og:image, визуальный предпросмотр готовой карточки и список предупреждений.

Чек-лист: идеальная Open Graph схема для вашей страницы

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

Чем Open Graph отличается от Twitter Cards?

Open Graph - универсальный протокол, разработанный Facebook и поддерживаемый большинством соцсетей и мессенджеров (VK, Telegram, WhatsApp, Discord, LinkedIn). Twitter Cards - аналогичный набор тегов для Twitter/X с префиксом twitter:. Если Twitter Cards не заданы, Twitter использует OG-теги как fallback, поэтому минимально достаточной часто является только OG-разметка.

Почему Telegram или WhatsApp показывают старую картинку после обновления OG?

Соцсети и мессенджеры кэшируют превью на часы или дни. Чтобы ускорить обновление, используйте официальные дебаггеры (Facebook Sharing Debugger, Telegram @WebpageBot) с кнопкой «Scrape Again» - они заставят платформу заново прочитать разметку. Наш валидатор каждый запрос делает «вживую» без кэша.

Какой размер картинки Open Graph оптимален в 2026 году?

Стандарт - 1200 × 630 px с соотношением сторон 1.91:1. Такой формат корректно отображается в Facebook, LinkedIn, Twitter (summary_large_image), Telegram и WhatsApp. Минимальный размер для крупной превью-карточки - 600 × 315 px, иначе платформы покажут мелкую миниатюру рядом с описанием.

Что делать, если валидатор не находит og:image?

Проверьте, что тег находится внутри <head> до закрытия, что URL картинки абсолютный (с протоколом), а сам файл отдаётся без 403/404 и не блокируется в robots.txt для User-Agent соцсети. Также проверьте HTTPS: Facebook и Telegram не подхватят картинку с невалидным SSL.

Нужны ли og-теги, если на странице есть schema.org?

Да. Schema.org читают поисковики для расширенных сниппетов в выдаче, а Open Graph - соцсети и мессенджеры для превью при шеринге. Это два независимых слоя микроразметки, и наличие одного не отменяет необходимость другого.