Open Graph превью

Генератор и предпросмотр Open Graph метатегов

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

Запрашивает теги Open Graph и симулирует карточки для соцсетей.

Мы считываем HTML-код страницы и извлекаем все метатеги Title, Description и Open Graph.

Подробное руководство по теме Метатеги Open Graph: как ссылка выглядит в соцсетях Как настроить привлекательные сниппеты для Google, Facebook, Twitter (X), LinkedIn и мессенджеров. Размеры картинок og:image и разметка. Читать руководство · 1 мин чтения →

Что проверяет этот инструмент

Анализ метатегов и визуальная симуляция сниппетов на всех платформах.

  • Google Search Snippet

    Предпросмотр заголовка и описания в поисковой выдаче

  • Facebook & LinkedIn

    Проверка карточки Open Graph и пропорций картинки og:image

  • Twitter (X) Cards

    Валидация тегов summary_large_image и текста твита

  • WhatsApp & Telegram

    Отображение превью ссылки в популярных мессенджерах

  • Длина Description

    Проверка длины относительно лимита в 155–160 символов, отображаемых в Google.

  • Изображение og:image

    Наличие абсолютного URL картинки и соответствие пропорциям 1200x630px.

  • Канонический адрес (Canonical URL)

    Указание корректного URL для предотвращения дублирования сниппетов.

  • Локализация og:locale

    Языковая метка страницы для корректного отображения шрифтов в соцсетях.

Техническое руководство и лучшие практики

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

Если картинка отсутствует: Это самая критическая ошибка. Ссылки с красивым изображением получают в 3 раза больше кликов.

Если Title обрезается: Размещайте самые важные слова в начале строки, а название бренда в конце.

Кэширование соцсетей: Мессенджеры и соцсети кэшируют превью до 30 дней. После изменения метатегов используйте официальные отладчики (Facebook Sharing Debugger, Telegram Webpage Bot) для сброса кэша.

Как формируются сниппеты в Google и соцсетях

Каждая платформа считывает свой набор тегов в определенном порядке. Именно поэтому страница может отлично выглядеть в Facebook, но отображаться некорректно в LinkedIn.

Google

Использует <title> и <meta name="description">, но часто переписывает их, если текст страницы точнее отвечает на запрос. Заголовки обрезаются примерно на 580 пикселях (около 55–60 символов). Описания составляют 155–160 символов на десктопе и меньше на мобильных устройствах.

Facebook, LinkedIn, WhatsApp, Slack, Discord

Все они используют Open Graph: og:title, og:description, og:image, og:url, og:type. Если тег og:image отсутствует, они сканируют страницу в поисках любого изображения — чаще всего подставляя логотип или случайную иконку.

Размеры изображений имеют решающее значение: 1200×630 пикселей — идеальный стандартный формат. Все, что меньше 200×200 пикселей, игнорируется, а вертикальные изображения обрезаются по центру.

X (Twitter)

Считывает twitter:card, twitter:title, twitter:description и twitter:image с резервным переходом на Open Graph. Тег twitter:card должен иметь значение summary_large_image для отображения крупного баннера вместо миниатюры.

Ловушка кэширования

Социальные платформы агрессивно кэшируют данные. Исправление тега не обновит уже опубликованную ссылку автоматически — необходимо принудительно очистить кэш через Facebook Sharing Debugger или LinkedIn Post Inspector.

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

Как часто нужно проводить данную проверку?

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

Сохраняются ли проверяемые домены на ваших серверах?

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

Как исправить обнаруженные ошибки?

Следуйте рекомендациям из отчета или обратитесь к нашей команде разработчиков за профессиональной помощью.

Нужно ли настраивать и Open Graph, и Twitter Cards?

Желательно оба. X (Twitter) умеет считывать Open Graph, но указание twitter:card дает точный контроль над размером баннера.

Другие бесплатные инструменты

Расскажите, каких показателей вы хотите достичь.

Одна команда. Три офиса. Где бы вы ни были, вы получаете ответ от старшего специалиста — а не скрипт продаж.

Получить предложение → Написать нам сейчас

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