Проверка Open Graph и Twitter Card

// ЗАЧЕМ ЭТО НУЖНО

Зачем открытый граф нужен не только для соцсетей

При чём тут AI, а не только мессенджеры

Open Graph и Twitter Card изначально придумывались для превью ссылок в соцсетях, но тот же og:image и og:title используются рядом ассистентов (Perplexity, Bing Copilot) как визуальный и заголовочный контекст при показе источника в ответе — не только людьми при пересылке ссылки.

Какие теги действительно обязательны

og:title и og:description формируют текстовую часть превью, og:image — визуальную, og:type задаёт тип контента (article, website, product). Twitter Card дублирует часть этой информации в своём формате — без него X/Twitter, а иногда и другие парсеры, соберут превью менее предсказуемо.

Почему картинка должна быть реально доступна

Указать og:image недостаточно — файл по этому адресу должен реально отдаваться с кодом 200. Битая ссылка на изображение — частая причина, по которой превью показывается без картинки даже при формально корректной разметке.

Как использовать результат проверки

Начните с тегов в статусе FAIL — без og:title или og:image превью выглядит пустым. Затем проверьте доступность самого файла изображения — это единственная проверка здесь, которая требует реального сетевого запроса, а не просто разбора HTML.

// КОГДА ЭТО КРИТИЧНО

Ссылки на сайт при пересылке в Telegram/VK выглядят «голыми», без картинки

Готовите новую статью или лендинг и хотите проверить превью перед публикацией

Проверяете, не сломал ли редизайн уже настроенные og-теги

// КОМУ ЭТО НУЖНО

Пригодится в разных ролях

// КОНТЕНТ-КОМАНДЫ

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

// SMM-СПЕЦИАЛИСТЫ

От og:image и og:title напрямую зависит, кликнут ли по ссылке, расшаренной в соцсетях.

// РАЗРАБОТЧИКИ

Полезно после смены шаблона или CMS-плагина — обновления нередко теряют часть og-тегов.

// SEO/GEO-СПЕЦИАЛИСТЫ

Дополняет проверку JSON-LD — оба набора тегов формируют, как источник выглядит и цитируется вовне.

// ЛУЧШИЕ ПРАКТИКИ

Что стоит делать по умолчанию

Указывайте og:image с абсолютным URL (https://...), а не относительным путём.

Держите og:title и og:description осмысленными и не идентичными на всех страницах сайта.

Проверяйте превью после каждого редизайна — визуальные изменения шаблона часто задевают og-теги в head.

Добавляйте twitter:card даже если основная аудитория не в X — часть парсеров всё равно его учитывает.

// FAQ

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

Обязательно ли использовать оба набора тегов — og: и twitter:?

Технически twitter: можно опустить — X/Twitter умеет читать og:-теги как fallback. Но с явным twitter:card результат предсказуемее.

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

Рекомендуемый минимум — 1200×630 px. Инструмент не проверяет размер файла, только доступность по URL.

Почему превью не обновляется после правки og-тегов?

Многие площадки (Facebook, иногда Telegram) кешируют превью по URL — после правки может понадобиться принудительный сброс кеша через инструмент площадки.

Нужен ли og:type для обычной страницы услуг?

Да, обычно подходит значение "website"; "article" стоит использовать для статей блога с датой публикации.