Проверка Open Graph

Введите URL

О программе Проверка Open Graph

Проверка Open Graph — это онлайн-инструмент, который сканирует HTML-код любой веб-страницы и извлекает OG-теги, отвечающие за внешний вид ссылки при репосте в социальных сетях. ToolsPivot проверяет наличие обязательных тегов, валидирует значения, показывает превью карточки для Facebook и X (Twitter) и генерирует готовый код для исправления ошибок — без регистрации и лимитов.

Возможности Проверки Open Graph от ToolsPivot

• Извлечение всех OG-тегов: Инструмент находит og:title, og:description, og:image, og:url, og:type, og:site_name и og:locale на указанной странице. Вы видите ровно то, что прочитает Facebook, ВКонтакте или LinkedIn при формировании превью.

• Визуальное превью карточки: После сканирования отображается макет карточки, как она будет выглядеть в ленте Facebook и X. Не нужно публиковать ссылку, чтобы проверить результат.

• Обнаружение пропущенных тегов: Протокол Open Graph требует четыре обязательных тега — og:title, og:type, og:image и og:url. Если хотя бы один отсутствует, инструмент помечает его красным.

• Проверка длины текста: og:title свыше 60 символов и og:description длиннее 160 символов обрезаются на большинстве платформ. Инструмент предупреждает об этом до публикации.

• Контроль размера изображения: Рекомендуемый размер og:image — 1200×630 пикселей (соотношение 1,91:1). Изображения меньше 600×315 пикселей Facebook показывает как маленькую миниатюру, а картинки меньше 200×200 не отображает совсем.

• Генерация HTML-кода: Для каждого пропущенного тега инструмент создаёт готовый мета-тег. Скопируйте код и вставьте в секцию вашего сайта.

• Обнаружение Twitter Card: Проверяется наличие twitter:card, twitter:title и twitter:image. Если их нет, вы получите предупреждение и сможете создать их с помощью генератора Twitter Card.

• Оценка соответствия протоколу: Теги сверяются со спецификацией Open Graph Protocol (ogp.me). Вы сразу видите, отвечает ли разметка стандарту или нет.

Как пользоваться Проверкой Open Graph от ToolsPivot

1. Вставьте URL: Скопируйте полный адрес страницы и вставьте в поле ввода на странице инструмента.

2. Нажмите «Check»: Инструмент загрузит HTML-код страницы, найдёт секцию и извлечёт все OG-теги.

3. Изучите таблицу тегов: Каждый найденный тег (og:title, og:description, og:image и другие) отображается с текущим значением. Зелёный — всё в порядке, жёлтый — значение слишком длинное, красный — тег отсутствует.

4. Проверьте превью: Макет показывает, как ссылка будет выглядеть в ленте социальной сети. Сравните заголовок, описание и картинку с тем, что вы хотели показать.

5. Исправьте ошибки: Скопируйте сгенерированный HTML-код для пропущенных тегов и добавьте его на страницу. Запустите проверку повторно, чтобы убедиться в результате.

Весь процесс занимает 5-10 секунд. Проверяйте страницу после каждого изменения, чтобы не публиковать ссылку с битым превью.

Зачем использовать Проверку Open Graph от ToolsPivot

• Без регистрации и ограничений: Проверяйте сколько угодно страниц. Нет аккаунтов, дневных лимитов и платных функций за подпиской. Большинство конкурентов (Sitechecker, OpenGraph.xyz) либо требуют регистрацию, либо ограничивают бесплатные проверки.

• Экономия рекламного бюджета: Ссылка без картинки или с обрезанным заголовком в рекламе Facebook или ВКонтакте снижает CTR на 30-40 %. Одна проверка до запуска кампании предотвращает потерю денег на показах с битым превью.

• Быстрая диагностика вместо ручного тестирования: Не нужно публиковать тестовую ссылку на Facebook, ждать рендеринга, замечать ошибку, редактировать тег, чистить кеш. Все проблемы видны за один скан. Для генерации исправленных тегов используйте генератор Open Graph.

• Работает с любым сайтом: WordPress, Tilda, 1С-Битрикс, Shopify, Joomla, OpenCart, статические HTML-страницы. Если страница доступна публично, инструмент её проверит.

• Полный контекст метаданных: Помимо OG-тегов, вы видите стандартные meta title и description. Это помогает понять, как страницу интерпретируют и поисковые системы, и соцсети. Для глубокого анализа мета-тегов воспользуйтесь анализатором мета-тегов.

• Анализ конкурентов: Вставьте URL любого чужого сайта и посмотрите, какие OG-теги используют конкуренты. Бесплатная конкурентная разведка за 5 секунд.

Как читать отчёт проверки OG-тегов

Результаты делятся на три блока, и каждый отвечает за свою часть диагностики.

Таблица тегов — список всех OG-свойств, найденных в HTML. Зелёные значения прошли валидацию. Жёлтые — тег есть, но значение превышает рекомендуемую длину. Красные — обязательный тег отсутствует. Начинайте с красных.

По стандарту Open Graph Protocol четыре тега считаются обязательными: og:title, og:type, og:image и og:url. Без них социальная сеть либо угадывает контент (и часто ошибается), либо показывает пустую карточку. ВКонтакте может подтянуть случайное изображение из текста статьи. Telegram возьмёт первый попавшийся текст со страницы.

Карточка превью — визуальный макет вашей ссылки. Сравните заголовок, описание и картинку с тем, что вы задумали. Если превью не совпадает с ожиданиями, таблица тегов покажет, в чём именно причина: устаревший URL в og:image, слишком длинный og:title или пропущенное og:description.

Блок кода — готовые HTML-теги для копирования. На WordPress с Yoast SEO или Rank Math значения можно вставить в настройках социальных сетей плагина. На Tilda — в разделе «SEO» страницы. На 1С-Битрикс — через модуль SEO или напрямую в шаблоне.

Типичные ошибки OG-разметки и способы их исправить

Некоторые проблемы встречаются на 70 % проверяемых страниц. Вот что искать и как это починить.

Отсутствует og:image. Самая частая ошибка. Ссылка без изображения в Facebook и LinkedIn отображается как простой текст — кликают по такому на 40 % реже. Добавьте мета-тег с полным URL картинки. Размер по умолчанию — 1200×630 пикселей. Если файл весит больше 1 МБ, пропустите его через сжатие изображений до запуска.

Изображение слишком маленькое. Facebook не рендерит картинки меньше 200×200 пикселей. Всё, что ниже 600×315, показывается крошечной миниатюрой вместо большой карточки. Поменяйте размер через инструмент изменения размера до рекомендуемых 1200×630.

Относительный путь в og:image. Путь вроде /images/hero.jpg работает в браузере, но краулеры соцсетей не всегда могут его разрешить. Всегда указывайте абсолютный URL: https://вашдомен.ru/images/hero.jpg.

Заголовок слишком длинный или слишком размытый. Более 60 символов — и заголовок обрежется с многоточием. «Главная» или «Без названия» — пустая трата самого заметного элемента карточки. Напишите конкретный, ёмкий заголовок. Для подбора формулировки попробуйте генератор мета-заголовков.

Устаревший кеш. Вы исправили теги, проверили через ToolsPivot — всё правильно. Но Facebook показывает старую картинку. Причина: Facebook кеширует OG-данные при первом шеринге URL. Используйте Facebook Sharing Debugger для принудительного пересканирования. Для LinkedIn — Post Inspector.

Смешанный HTTP/HTTPS. Сайт работает на HTTPS, но og:image указывает на HTTP. Некоторые платформы блокируют такое изображение как смешанный контент. Проверьте, чтобы все URL в OG-тегах начинались с https://.

Кому и когда нужна проверка OG-тегов

Если вы делитесь ссылками в соцсетях, запускаете рекламу или управляете сайтом, контент которого репостят другие, OG-валидация нужна вам. Но в некоторых ситуациях она критична.

Перед запуском рекламы. Facebook Ads и реклама ВКонтакте подтягивают превью прямо из OG-тегов. Запустить кампанию с бюджетом 300 000 ₽ и битой картинкой в объявлении — дорогая ошибка. Маркетологи в агентствах проверяют каждый лендинг до старта кампании.

После обновления CMS или темы. Обновление WordPress, смена шаблона на Tilda или переход на другую тему в 1С-Битрикс могут тихо сломать вывод OG-тегов. Вчера карточки выглядели идеально, сегодня — пусто. Быстрая проверка через ToolsPivot ловит это до того, как увидит аудитория. Совместите с полной SEO-проверкой сайта, чтобы заодно поймать другие технические проблемы.

Запуск товара в интернет-магазине. Продвигаете новый товар через группы ВКонтакте, Telegram-каналы или Facebook? Карточка должна показывать правильное фото товара, точное название и цену или ключевую характеристику в описании. Владельцы магазинов на Ozon и Wildberries, делящиеся ссылками в соцсетях, тоже выигрывают от валидации.

Публикация контента. Редакторы и SEO-специалисты, выпускающие 5-20 статей в неделю, добавляют проверку OG-тегов в чек-лист публикации — между проверкой читаемости и отправкой в Яндекс.Вебмастер. 10 секунд на статью — и ни одна ссылка не уйдёт в соцсети с кривым превью.

Как разные платформы обрабатывают OG-теги

Все крупные платформы читают Open Graph, но у каждой есть свои особенности.

Facebook — создатель протокола Open Graph. Поддерживает все стандартные свойства и агрессивно кеширует данные. Минимальный размер изображения — 600×315 пикселей, рекомендуемый — 1200×630 (соотношение 1,91:1). Для сброса кеша используйте Facebook Sharing Debugger.

ВКонтакте — самая популярная соцсеть в России (более 100 млн активных пользователей ежемесячно). Поддерживает стандартные OG-теги, но также распознаёт собственный тег vk:image для указания специфичного изображения. Если vk:image задан, он имеет приоритет над og:image. Рекомендуемый размер картинки для ВК — 1200×630 или 537×240 пикселей.

X (Twitter) — использует OG-теги как запасной вариант, если Twitter Card теги (twitter:card, twitter:title, twitter:image) не заданы. Для более точного контроля превью лучше использовать оба набора тегов. Тип карточки summary_large_image даёт максимальный визуальный эффект. Создайте их через проверку Twitter Card.

Telegram — генерирует превью ссылки в реальном времени из OG-тегов. Если og:image загружается дольше 2-3 секунд, превью может появиться без картинки. Держите файл изображения лёгким. Проверьте скорость загрузки страницы, чтобы убедиться, что картинка отдаётся быстро.

LinkedIn — строго следует стандарту OG и кеширует данные примерно на 7 дней. Для принудительного обновления используйте LinkedIn Post Inspector. Оптимальное соотношение сторон — 1,91:1.

Одноклассники — вторая по величине соцсеть в России (более 40 млн активных пользователей). Также читает OG-теги для формирования превью ссылки. Работает со стандартными og:title, og:description и og:image.

Как добавить OG-теги на популярные CMS

Настройка зависит от вашей платформы. Вот краткая инструкция для наиболее распространённых CMS в России.

WordPress: Установите SEO-плагин (Yoast SEO, Rank Math или All in One SEO). Каждый из них добавляет поля для OG-тегов в редактор записей и страниц. Заполните заголовок, описание и изображение для соцсетей. Плагин автоматически вставит мета-теги в . После настройки проверьте страницу через инструмент проверки.

1С-Битрикс: Используйте SEO-модуль CMS или пропишите OG-теги вручную в шаблоне сайта (файл header.php). Для интернет-магазинов на Битрикс полезно настроить автогенерацию og:image из фотографий товаров.

Tilda: Откройте настройки страницы, перейдите в раздел «SEO». Поля для Open Graph уже есть — заполните заголовок, описание и загрузите изображение. Tilda сама формирует мета-теги.

OpenCart: Установите модуль Open Graph из маркетплейса расширений или добавьте теги вручную в файл header.tpl вашей темы. Для каталогов с сотнями товаров автоматическая генерация из названия и фото товара экономит часы работы.

Ручная установка (статический HTML): Вставьте мета-теги прямо в секцию . ToolsPivot генерирует готовый код для каждого пропущенного тега — просто скопируйте и вставьте. Если нужно создать полный набор мета-тегов с нуля, воспользуйтесь генератором мета-тегов.

Связь OG-тегов с SEO и поведенческими факторами

OG-теги напрямую не влияют на позиции в Google и Яндексе. Но они влияют на то, как часто и охотно вашим контентом делятся. А это уже работает на SEO косвенно.

Грамотно оформленная карточка ссылки получает на 30-40 % больше кликов по сравнению с пустой или обрезанной. Больше кликов — больше переходов на сайт. Больше переходов — лучше поведенческие факторы, которые Яндекс учитывает при ранжировании.

Плюс социальные сигналы: когда ссылку активно репостят, комментируют и обсуждают, поисковые системы воспринимают это как сигнал качества. Google официально не подтверждает прямое влияние соцсигналов на ранжирование, но корреляция между социальной активностью и позициями в выдаче прослеживается в множестве исследований.

Для комплексного подхода к SEO рекомендуем добавить на страницу Schema-разметку. OG-теги отвечают за соцсети, Schema — за расширенные сниппеты в поисковой выдаче. Вместе они покрывают оба канала.

Быстрые ответы о Проверке Open Graph

Что такое проверка Open Graph?

Проверка Open Graph — это инструмент, который сканирует HTML-код веб-страницы и извлекает OG мета-теги, управляющие внешним видом ссылки в социальных сетях. Он валидирует наличие обязательных тегов (og:title, og:image, og:url, og:type), проверяет длину значений и показывает превью карточки для Facebook, ВКонтакте, X и Telegram.

Проверка Open Graph от ToolsPivot бесплатна?

Да, полностью бесплатна. Без регистрации, без дневных лимитов, без платных функций. Проверяйте неограниченное количество URL — все возможности доступны каждому пользователю при каждом сканировании.

Какие четыре тега Open Graph обязательны?

Протокол Open Graph требует og:title, og:type, og:image и og:url на каждой странице. Эти четыре тега дают соцсетям минимум данных для формирования карточки превью. Без любого из них платформа либо угадывает контент (часто неправильно), либо показывает пустой блок.

Какой размер должен быть у og:image?

Рекомендуемый размер — 1200×630 пикселей с соотношением сторон 1,91:1. Facebook требует минимум 600×315 для большой карточки. Изображения меньше 200×200 пикселей могут вообще не отобразиться. Файл лучше держать до 1 МБ для быстрой загрузки.

Чем отличается проверка от Facebook Sharing Debugger?

Facebook Debugger показывает только превью для Facebook. ToolsPivot проверяет OG-теги по полной спецификации протокола, отображает превью для нескольких платформ, предупреждает о длине значений и генерирует код для пропущенных тегов. Это более широкий диагностический инструмент.

Можно ли проверить OG-теги на сайте конкурента?

Да. Вставьте любой публичный URL и увидите все OG-теги, которые использует конкурент: изображения, заголовки, описания. Это помогает сравнить свою стратегию социального шеринга с другими в нише. Для более глубокого анализа посмотрите исходный код страницы.

Нужны ли OG-теги, если уже есть meta title и description?

Стандартные мета-теги и OG-теги решают разные задачи. Meta title и мета-описание управляют отображением в поисковой выдаче Google и Яндекса. OG-теги управляют превью в соцсетях. Без OG-тегов платформы угадывают — и результат часто выглядит неаккуратно.

Почему Facebook показывает старое изображение?

Facebook кеширует OG-данные при первом шеринге URL. Если вы сменили og:image, старая картинка останется до очистки кеша. Используйте Facebook Sharing Debugger для принудительного пересканирования. Проверьте также, что URL изображения использует HTTPS и ведёт на доступный файл.

Как добавить OG-теги в WordPress?

Установите SEO-плагин: Yoast SEO, Rank Math или All in One SEO. Каждый добавляет поля для OG-тегов в редактор записей. Заполните социальный заголовок, описание и загрузите изображение. Плагин вставит мета-теги автоматически. После настройки запустите проверку повторно.

Инструмент проверяет и Twitter Card теги?

Да, инструмент обнаруживает наличие Twitter Card мета-тегов рядом с OG-тегами и сигнализирует об их отсутствии. Для детальной проверки Twitter Card используйте специальный генератор Twitter Card тегов на нашей платформе.

Влияют ли OG-теги на SEO?

OG-теги не влияют на ранжирование напрямую. Но они влияют на кликабельность ссылок в соцсетях, количество репостов и переходов на сайт. Больше социальной активности — больше реферального трафика и обратных ссылок, что косвенно помогает SEO. Для максимального эффекта добавьте ещё Schema-разметку.

Что произойдёт, если не задать OG-теги вообще?

Соцсети попытаются вытянуть заголовок, описание и картинку автоматически. Результат непредсказуем. ВКонтакте может взять случайное изображение из сайдбара. Telegram покажет первый попавшийся текст. Facebook обрежет заголовок на середине. Прописав OG-теги, вы контролируете то, что видят люди.

Работает ли проверка OG на мобильном телефоне?

Да, инструмент полностью адаптивен. Откройте страницу проверки в мобильном браузере, вставьте URL и получите результат. Удобно для SMM-специалистов, которые проверяют ссылки перед публикацией прямо со смартфона.