Изображения
Бесплатный компрессор & конвертер изображений: 100% в браузереОбрезка изображенийВодяной знакИзменение размера СкороУдаление фонаУвеличение изображения СкороКонвертер изображений СкороРедактор изображений
PDF
Сжатие PDF СкороPDF в Word СкороWord в PDF СкороОбъединить PDF СкороРазделить PDF СкороPDF в изображение Скоро
Видео
Аудио
Сжатие аудио СкороКонвертер аудио СкороОбрезка аудио Скоро
Разработка
SEO
Калькуляторы
Предпросмотр Open Graph
Посмотрите, как ваша страница выглядит при публикации в Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack и Google. OG-оценка и генератор кода. Бесплатно.
Page Information
Image
Recommended Image Sizes
Facebook1200 × 630
X / Twitter1200 × 628
LinkedIn1200 × 627
WhatsApp1200 × 630
Telegram1200 × 630
Discord1200 × 630
Universal best1200 × 630
Social Accounts
OG Health Score
0
Live Preview
1200 × 630
example.com
Your Page Title
Your description will appear here.
1200 × 628
Your Page Title
Your description will appear here.
example.com
1200 × 627
Your Page Title
example.com
example.com
Your Page Title
Your description will appear here.
https://example.com
Example
Your Page Title
Your description will appear here.
https://example.com
Your Page Title
Your description will appear here. Write a compelling description that encourages users to click through to your page.
Generated OG Tags
Everything runs in your browser — no data sent to any server
Как использовать инструмент предпросмотра Open Graph
- Введите данные страницы: Заполните заголовок, описание, URL, название сайта и URL изображения
- Просмотрите превью на 8 платформах в реальном времени — переключайте вкладки для Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack и Google
- Проверьте OG-оценку и исправьте недостающие теги
- Скопируйте сгенерированный код и вставьте его в раздел <head> вашей страницы. Подсказки рядом с каждым полем объясняют его назначение и способы оптимизации
Почему теги Open Graph важны
Когда кто-то делится вашим URL, платформа получает OG-теги для создания карточки предпросмотра. Без них результат — часто пустой блок или неправильный контент, что резко снижает клики. Страницы с правильно настроенными OG-тегами получают до 2-3 раз больше вовлечённости в соцсетях.
Поддерживаемые платформы
Этот инструмент показывает точные превью для 8 платформ:
- Facebook — оригинальная платформа Open Graph
- X / Twitter — поддерживает карточки Summary и Large Image
- LinkedIn — публикации в профессиональной сети
- WhatsApp — самый популярный мессенджер в мире
- Telegram — мгновенные превью-карточки в чатах
- Discord — embed-превью с акцентными цветами
- Slack — превью ссылок в каналах
- Google — отображение в результатах поиска (SERP)
Лучшие практики Open Graph
Следуйте этим рекомендациям для максимального эффекта от публикаций:
- Используйте изображения 1200×630px — универсальный оптимальный размер для всех платформ
- Заголовки до 60 символов — длинные заголовки обрезаются
- Описания 120-160 символов — кратко, но информативно
- Всегда указывайте og:url — определяет каноническую ссылку контента
- Добавьте og:site_name — отображается в Discord, Telegram и Slack
- Укажите og:locale — особенно важно для неанглоязычного контента
Часто задаваемые вопросы
Open Graph (OG) — это протокол, созданный Facebook, который контролирует отображение вашей страницы при публикации в соцсетях. Без правильных OG-тегов платформы угадывают, что показать — часто с отсутствующим изображением или неправильным текстом. Настройка OG-тегов гарантирует, что каждая публикация будет выглядеть профессионально и привлекательно.
Facebook, LinkedIn, WhatsApp, Telegram, Discord, Slack, Pinterest и многие другие платформы читают OG-теги. X/Twitter использует собственный формат Twitter Card, но возвращается к OG-тегам при отсутствии специфичных для Twitter тегов. Google также использует данные OG для расширенных результатов в некоторых случаях.
Лучший универсальный размер — 1200×630 пикселей. Хорошо работает в Facebook, LinkedIn, WhatsApp, Telegram, Discord и Slack. X/Twitter рекомендует 1200×628px. Наш инструмент включает руководство по размерам с рекомендуемыми размерами для каждой платформы.
OG-оценка здоровья — это рейтинг 0-100, измеряющий полноту ваших тегов Open Graph. Проверяет основные теги: og:title, og:description, og:image, og:url и другие. Оценка 100 означает, что страница полностью оптимизирована для публикации на всех платформах.
X/Twitter возвращается к OG-тегам при отсутствии тегов Twitter Card, поэтому одного OG часто достаточно. Однако добавление тегов twitter:card, twitter:title и twitter:description даёт независимый контроль над отображением ссылки в X.
Да, 100% бесплатный без регистрации, без ограничений и без рекламы. Всё работает в браузере — ваши данные никогда не отправляются на сервер. Просматривайте и генерируйте OG-теги сколько угодно раз.
Раскройте полный потенциал
Неограниченный доступ ко всем инструментам, приоритетная обработка и премиум-функции.