Зображення
Безкоштовний компресор & конвертер зображень: 100% у браузеріОбрізка зображеньВодяний знакЗміна розміру НезабаромВидалення фонуЗбільшення зображення НезабаромКонвертер зображень НезабаромРедактор зображень
PDF
Стиснення PDF НезабаромPDF у Word НезабаромWord у PDF НезабаромОб'єднати PDF НезабаромРозділити PDF НезабаромPDF у зображення Незабаром
Відео
Аудіо
Стиснення аудіо НезабаромКонвертер аудіо НезабаромОбрізка аудіо Незабаром
Розробка
Генератор QR-кодівВибір КольоруФорматування JSONКодувальник Base64 НезабаромКодувальник URL Незабаром
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-теги скільки завгодно разів.
Розблокуйте повний потенціал
Необмежений доступ до всіх інструментів, пріоритетна обробка та преміум-функції.