Savebase · Бесплатный инструмент

Бесплатный инспектор OG и
Проверка Open Graph

Проверяйте теги Open Graph, карточки Twitter, метаописания и фавиконки. Узнайте, как именно выглядит предпросмотр вашей ссылки в X, Slack, LinkedIn и Facebook.

Введите URL для проверки
Попробуйте:

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

Теги Open Graph (OG) — фрагменты метакода HTML, размещённые в разделе страницы <head> разделе. Они определяют показ в Twitter/X, LinkedIn, Slack, iMessage и Facebook. Без них платформы угадывают, обычно неудачно.

Четыре нужных каждой странице тега

  • og:title — Заголовок предпросмотра (до 60 символов)
  • og:description — Дополняющее описание (идеально 150–160 символов)
  • og:image — Миниатюра (1200×630 пикселей, JPEG или PNG)
  • twitter:card — Установите summary_large_image для оптимального вида Twitter

Почему исчезают превью закладок?

Теги OG меняются при редизайне сайтов, смене CMS или обновлении кода. У ссылки, которую вы сохранили полгода назад с красивым предпросмотром, теперь может быть пустая картинка: сайт удалил или переименовал путь к OG-изображению. Инструменты вроде Savebase позволяют архивировать исходную миниатюру предпросмотра при сохранении, чтобы коллекция всегда сохраняла единый визуальный вид.

Как работает этот инструмент

Инспектор получает URL сервером, обходя CORS браузера, читает HTML до конца<head> раздела и извлекает OG, Twitter Card и стандартные метатеги. Оценка из 100 учитывает наличие и качество шести главных тегов.

Использовать как валидатор и отладчик OG

Предпросмотр в соцсети может не работать, даже если в браузере страница выглядит правильно. Диагностика поможет найти отсутствующие теги, пустые значения, заголовки или описания, которые могут обрезаться, недоступные изображения и расхождения между Open Graph и Twitter Card. Исправьте исходный HTML, снова проверьте URL, а если соцсеть по-прежнему показывает старую версию, запросите обновление её кэшированного предпросмотра.

Сценарии использования проверки Open Graph

  • Просмотрите статью блога перед публикацией в LinkedIn, Facebook, X или Slack.
  • Убедитесь, что og:image публично, нужного размера и относится к нужной странице.
  • Сравните теги Open Graph с полями Twitter Card, если платформы показывают разные превью.
  • Проверяйте лендинги после миграции CMS, редизайна или смены домена.

Что проверяет OG-инспектор?

Введите любой общедоступный URL, чтобы проверить его og:title, og:description,og:image, канонический URL, Twitter Card, значок сайта и другие метаданные, влияющие на предпросмотр ссылки в соцсетях. Диагностика указывает на отсутствующие поля и длину заголовка или описания, из-за которой текст может обрезаться при публикации.

Как проверить изображение Open Graph?

Вставьте URL страницы выше и выберите Проверить. Если страница предоставляетog:image, инспектор покажет его в предпросмотре для X, Slack/iMessage и LinkedIn. Если его нет, добавьте в метаданные Open Graph страницы общедоступный URL изображения размером 1200×630px.

Частые вопросы об инспекторе OG

Что такое OG-инспектор?

Инструмент считывает Open Graph, Twitter Card и стандартные метатеги общедоступной страницы, а затем формирует предпросмотры в стиле платформ и список проблем для исправления.

Какие теги нужны каждой странице?

Начните с og:title, og:description, og:image,og:url и og:type. Добавьте тег Twitter Card для предпросмотра в X.

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

Возможны пропуски или конфликты метаданных, закрытая картинка или кеш соцсети. Проверьте и исправьте теги, затем обновите кеш.

Можно ли проверить закрытый или локальный URL?

Страница и картинка должны быть доступны из публичного Интернета. Закрытые страницы, localhost и блокировка роботов могут не дать полные метаданные.