Проверка метатегов Open Graph

Проверьте мета-теги Open Graph и Twitter Card для любой HTML-страницы. Извлеките og:title/og:description/og:image и Twitter-теги, выявите отсутствующие или невалидные значения и создайте отчёты в формате JSON/PDF для совместного использования. Инструмент предназначен для SEO и отладки социальных превью с поддержкой редиректов и выводом сырого текста.

Loading…

О сервисе Проверка Open Graph Мета-Тегов

Вставьте URL, чтобы проверить, какие данные социальные платформы могут прочитать с вашей страницы: теги Open Graph (og:*) и метаданные Twitter Card. Этот инструмент помогает обнаружить отсутствующие заголовки/описания, нерабочие или недоступные URL для og:image, проблемы с редиректами и типичные ошибки превью — чтобы ваши ссылки корректно отображались в X/Twitter, Facebook, LinkedIn, Slack, Discord и других сервисах.

Возможности

  • Извлечение мета-тегов Open Graph: og:title, og:description, og:image и связанных свойств OG при их наличии.
  • Извлечение тегов Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) при их наличии.
  • Следование редиректам для проверки конечного канонического адреса (часто для HTTP→HTTPS, www, локализованных маршрутов).
  • Режим валидации только HTML для фокуса на мета-тегах (не на других ресурсах).
  • Результаты + карта оценки и фильтр «только проблемы» для быстрого исправления.
  • Вывод сырого текста для лёгкого копирования, сравнения и обмена.
  • Копирование результатов для задач и документации.
  • Экспорт JSON для автоматизации и аудита.
  • Экспорт отчётов в PDF для клиентов и SEO-аудитов.

🧭 Как использовать for open-graph-meta-checker

1

Вставьте URL страницы

Введите URL страницы, превью которой вы хотите проверить (например, лендинг, статья в блоге, карточка товара). Инструмент предназначен для HTML-страниц, а не для изображений или API.

2

Следуйте редиректам, если ваш сайт их использует

Оставьте опцию «Следовать редиректам» включённой, чтобы инструмент проверял конечный адрес, который, скорее всего, увидят социальные краулеры.

3

Проверьте значения OG и Twitter

Проверьте поля заголовка, описания и изображения. Ищите пустые значения, заглушки, дубликаты или несоответствия между тегами OG и Twitter.

4

Исправьте типичные проблемы превью

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

5

Экспортируйте и поделитесь отчётом

Скачайте JSON для автоматизации или PDF для SEO-отчётов или клиентов. Используйте вид сырого текста, чтобы быстро вставить значения в задачи.

Технические характеристики

Модель запроса и парсинга

Этот инструмент загружает целевую страницу (HTML) и извлекает мета-теги Open Graph и Twitter Card из meta-элементов документа. Он поддерживает следование редиректам для проверки фактического адреса назначения.

НастройкаПоведениеПо умолчанию
Только HTMLФокусируется на HTML-страницах и извлечении метаданныхВключено (в зависимости от возможностей инструмента)
Следовать редиректамСледует редиректам для проверки конечного URLВключено
Максимум редиректовОграничение редиректов для предотвращения зацикливания10
ТаймаутЛимит времени ожидания запроса15000 мс
User-AgentИдентифицирует пользовательский агент запросаEncode64Bot/1.0 (+https://encode64.com)
Частные сетиБлокирует доступ к диапазонам частных сетей для безопасностиОтключено (частные сети не разрешены)

Рекомендуемый набор метаданных (базовый)

Надежная база включает как поля Open Graph, так и Twitter Card, чтобы превью отображались единообразно на всех платформах.

ПлатформаМинимальные тегиПримечания
Open Graphog:title, og:description, og:imageДобавьте og:url и og:type, когда это применимо
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card обычно имеет значение summary или summary_large_image
Даже если ваша страница выглядит корректно в браузере, краулеры видят только то, что находится в полученном HTML-ответе. Клиентская инъекция метаданных может не определяться надежно.

Распространенные проблемы с og:image

Наиболее частые сбои превью связаны с URL изображения: он должен быть доступен, абсолютным и совместимым с правилами получения краулера.

ПроблемаСимптомРешение
Относительный URL изображенияПревью не показывает изображениеИспользуйте абсолютный URL для og:image и twitter:image
Заблокировано аутентификацией / robots.txt / брандмауэромПредпросмотр отсутствует или некорректенОбеспечьте публичный доступ для краулеров; разрешите агенты социальных сетей, если используете фильтрацию
Редирект URL изображенияНекоторые платформы не могут его загрузитьПредпочитайте прямой, стабильный URL изображения (без редиректов)
Неправильный тип контентаИзображение не распознаноИспользуйте правильный Content-Type (например, image/png, image/jpeg)

Командная строка

Вы можете проверить OG/Twitter теги из терминала, загрузив HTML и выполнив поиск по meta-тегам. Полезно для проверок CI и отладки проблем с SSR.

macOS / Linux

Загрузить HTML и вывести список OG/Twitter meta-тегов

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

Показывает meta-теги, влияющие на социальные превью. Используйте -L для следования редиректам.

Проверить конечный URL после редиректов

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

Выводит строки статуса цепочки редиректов и заголовки Location.

Windows (PowerShell)

Скачать HTML и найти OG/Twitter теги

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

Быстрый способ подтвердить наличие тегов в полученном HTML.

Если ваше приложение сильно завязано на SPA, убедитесь, что OG/Twitter теги рендерятся на стороне сервера (SSR/SSG) для надёжности. Краулеры могут не выполнять ваш клиентский JavaScript так, как это делают браузеры.

Примеры использования

Исправить сломанные социальные превью

Когда ссылка публикуется с неправильным заголовком, без изображения или устаревшим текстом, этот инструмент помогает быстро найти отсутствующие или некорректные meta-поля.

  • Проверить og:title и twitter:title
  • Подтвердить, что og:image доступен и абсолютен
  • Обнаружить пустые описания или заглушки

Тестирование для динамических страниц и SSR

Убедитесь, что ваш фреймворк выводит OG/Twitter теги в HTML-ответе для каждого маршрута (особенно с Next.js, Nuxt, SvelteKit и т.д.).

  • Подтвердить наличие метаданных для каждой страницы в HTML
  • Обнаружить генерацию метаданных только на клиенте
  • Проверить редиректы на каноничные локали

SEO и рабочие процессы публикации контента

Стандартизируйте превью на всём сайте: единообразные заголовки/описания, правильный OG type и стабильные изображения улучшают CTR при публикации ссылок.

  • Проверить шаблоны на отсутствующие OG-поля
  • Экспорт PDF/JSON для редакторских чек-листов
  • Обнаружение дублирующихся метаданных на нескольких страницах

Отчётность для клиентов и аудит

Создавайте чистый, экспортируемый отчёт для документирования статуса социальных превью и рекомендуемых исправлений.

  • PDF-отчёт для стейкхолдеров
  • JSON-отчёт для отслеживания изменений во времени

❓ Frequently Asked Questions

❓В чём разница между Open Graph и Twitter Cards?

Open Graph (og:*) используется многими платформами (Facebook, LinkedIn, Slack/Discord и др.). Twitter Cards (twitter:*) используются X/Twitter. Многие сайты публикуют оба варианта для наилучшего охвата.

❓Почему в моём превью отображается старое изображение или заголовок?

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

❓Почему моё og:image не отображается?

Распространённые причины: относительный URL, блокировка (авторизация/WAF/robots), слишком много редиректов, неверный тип контента или отсутствие публичной доступности. Используйте этот инструмент для проверки извлечённого значения, а затем протестируйте URL изображения напрямую.

❓Нужны ли и og:title, и twitter:title?

Рекомендуется использовать оба. Некоторые платформы полагаются на OG, другие — на теги Twitter. Наличие обоих снижает риск несоответствий.

❓Можно ли протестировать страницу, защищённую логином?

Социальные краулеры обычно не имеют доступа к аутентифицированному контенту, поэтому превью могут работать ненадёжно. Лучше использовать публичные страницы для превью или публичные OG-эндпоинты для контента, предназначенного для расшаривания.

❓Безопасно ли вставлять сюда URL?

Инструмент выполняет серверные запросы к предоставленному URL и блокирует цели в частных сетях. Избегайте размещения секретов (токенов) в строках запроса.

Pro Tips

Best Practice

Используйте абсолютные URL для og:image и twitter:image и сохраняйте их стабильными (избегайте редиректов), чтобы снизить количество ошибок краулеров.

Best Practice

Генерируйте OG-изображения детерминированно (шаблон + параметры), чтобы можно было обновлять брендинг, сохраняя URL стабильными для каждой страницы.

Best Practice

Для приложений на Next.js/SSR проверяйте теги в исходном HTML-ответе (View Source), а не только в DOM после гидратации.

Best Practice

Сохраняйте заголовки краткими и уникальными для каждой страницы; слишком длинные заголовки могут обрезаться в превью и снижать CTR.

CI Tip

Экспортируйте JSON-отчёты и добавляйте их в чек-лист релиза, чтобы выявлять регрессии в шаблонах метаданных.

Additional Resources

Протокол Open Graph
Documentation
Документация по Twitter Cards (X)
Documentation
Мета-теги для социальных превью (MDN: <meta>)
Documentation
Google Search Central: управление сниппетами (мета-теги)
Documentation

Other Tools