Предпросмотр Open Graph
Предпросмотр вашего контента на Facebook, Twitter, LinkedIn, Discord, Slack и WhatsApp.
Open Graph Tags
Предпросмотр Open Graph
Предпросмотр ваших Open Graph тегов на 6 основных платформах перед публикацией.
Популярные
О предпросмотре Open Graph
Впишите og:title, og:description, og:image, og:url и og:site_name — и увидите макеты карточек-ссылок для Facebook, Twitter/X, LinkedIn, Discord, Slack и WhatsApp. Каждая карточка обрезает текст по правилам своей площадки, так что заголовок, урезанный на 70 символах, или описание, оборванное около 125 символов в Twitter, видно ещё до публикации. Пригодится всем, у кого превью ссылки должно хорошо смотреться сразу в нескольких приложениях. Теги вводятся вручную, а не загружаются со страницы, и превью рисуются локально в вашем браузере.
Примеры использования
Как использовать
Впишите og:title и og:description в поля слева: счётчики рядом с подписями показывают, укладываетесь ли вы в ориентиры в 70 и 160 символов.
Вставьте адрес картинки в og:image — рекомендуемый размер 1200x630px, — а затем заполните og:url и og:site_name.
Либо загрузите готовый пример кнопками пресетов Article, Product и Video над формой.
Пройдитесь по вкладкам платформ — facebook, twitter, linkedin, discord, slack и whatsapp, — чтобы увидеть карточку ссылки такой, какой её рисует каждый сервис.
Следите, где обрезается текст: заголовки урезаются на 70 символах, а описания — на 125 в twitter и на 155 в остальных сервисах, поэтому сокращайте всё, что заканчивается многоточием.
Советы профессионалов
- Вставляйте содержимое напрямую — Предпросмотр OG распознаёт типичные форматы ввода и сам подбирает разумные настройки.
- Используйте горячие клавиши (Ctrl/Cmd+A — выделить всё, Ctrl/Cmd+C — скопировать), чтобы ускорить работу с Предпросмотром OG.
- Очень большие данные разбивайте на части: вкладка браузера обычно справляется с мегабайтами текста, но разбор огромных объёмов может ненадолго подвесить интерфейс.
- Предпросмотр OG не ведёт логи и не сохраняет введённые данные. Если вам нужна история, копируйте важные результаты в локальный файл или в заметки.
- Сочетайте Предпросмотр OG с другими инструментами сайта (форматировщиками, конвертерами, кодировщиками), чтобы выстроить полный конвейер обработки данных, не выходя из браузера.
Часто задаваемые вопросы
Да, полностью бесплатный: без регистрации, без API-ключа, без водяных знаков и без ограничений по количеству использований.
Нет. Предпросмотр OG работает целиком на стороне клиента, в вашем браузере. Введённые данные не попадают на наши серверы.
Жёсткого ограничения нет, но на объёмах больше нескольких мегабайт возможны замедления — всё зависит от объёма памяти вашего устройства.
Да. Всё, что вы получили с помощью Предпросмотра OG, можно свободно использовать в любых личных и коммерческих проектах.
Основная логика выполняется в браузере на JavaScript, поэтому после первой загрузки вы обычно можете продолжать работу без подключения к интернету.
Нет. Предпросмотр OG работает в вашем браузере, поэтому вы можете обработать столько данных, сколько потянет ваше устройство, — без API-ключей и без троттлинга.