Как пользоваться: Предпросмотр Open Graph и мета-тегов
- 1
Вставьте ссылку
Введите адрес общедоступной страницы и нажмите «Показать превью», чтобы прочитать её заголовок, описание, теги Open Graph и карточки X.
- 2
Посмотрите карточки
Сравните результат в Google и карточки Facebook, X, LinkedIn, Slack, Discord и «Как в iMessage», а также изучите список отсутствующих и слабых тегов.
- 3
Измените теги
Нажмите «Изменить эти теги» или откройте «Написать теги», чтобы поменять заголовок, описание и изображение. Все превью обновляются по мере ввода.
- 4
Скопируйте на страницу
Скопируйте готовые мета-теги в head своей страницы, опубликуйте её и ещё раз проверьте рабочий URL.
Лимиты и Pro
Бесплатно: 20 превью URL в минуту, страницы до 3 MB HTML с тайм-аутом 12 секунд, 7 превью платформ для каждой ссылки и неограниченное редактирование тегов.
О инструменте «Предпросмотр Open Graph и мета-тегов»
Инструмент показывает, как будет выглядеть ссылка, ещё до того, как вы ей поделитесь. Он читает теги, из которых строятся превью ссылок: HTML-заголовок и мета-описание, теги Open Graph, такие как og:title, og:description, og:image и og:site_name, теги карточки X, например twitter:card, а также цвет темы, который Discord использует для полоски во встроенном блоке. После этого он рисует семь превью: результат поиска Google, публикации со ссылкой в Facebook и LinkedIn, карточку X в формате с большим изображением или краткую, превью в Slack, встроенный блок Discord и пузырь в стиле iMessage.
Если какого-то поля нет, превью подставляют значения так же, как большинство платформ: например, вместо og:title берётся заголовок страницы, а источник отмечается в предупреждениях. Изображение тоже проверяется: его размер в пикселях и тип считываются из заголовка файла, поэтому вы узнаете, что оно меньше минимума Facebook в 200 × 200, больше лимита X в 5 MB, представляет собой неподдерживаемый SVG или не подходит по пропорциям для большой карточки 2:1.
Вкладка «Написать теги» работает без загрузки чего-либо и выдаёт готовый блок мета-тегов. Превью приблизительные: платформы меняют дизайн, хранят карточки в кеше по нескольку дней, а некоторые показывают авторизованным пользователям другой текст. Чтобы обновить карточку, которой уже поделились, после публикации воспользуйтесь отладчиком самой платформы.
Конфиденциальность
В режиме «Проверить URL» адрес уходит на наш сервер: он один раз скачивает страницу и первые байты её og:image, чтобы прочитать теги и размер изображения. Ничего не сохраняется и не записывается в журнал. Картинки превью загружаются в вашем браузере напрямую с сайта, где они размещены. «Написать теги» работает только в браузере.
Возможности
Семь превью
Карточки Google, Facebook, X, LinkedIn, Slack, Discord и в стиле iMessage рядом друг с другом.
Проверка og:image
Размер в пикселях, тип и вес файла считываются из самого изображения и сверяются с минимумами платформ.
Генератор тегов
Введите заголовок, описание и изображение и скопируйте готовый блок Open Graph и карточки X.