MicroTools

OpenGraph Preview

Переглядайте картку поширення сторінки у Facebook, Twitter, LinkedIn та Discord.

≤ 60 chars

Recommended: 1200×630px

📘 Facebook Попередній перегляд

No Image

example.com

Page Title

Page description

Поради щодо OG зображень

• Facebook / LinkedIn: 1200 × 630 px (1.91:1)

• Twitter large card: 800 × 418 px minimum

• Discord: shows as thumbnail, scales to fit embed width

• Use absolute URLs for images — relative paths won't work in OG tags

Про інструмент OpenGraph Preview

Переглядайте, як ваша сторінка виглядає при поширенні у Facebook, Twitter/X, LinkedIn та Discord. Вводьте дані вручну або автоматично отримуйте OG-теги з URL. Включає поради щодо зображень та обмеження символів для кожної платформи.

Як використовувати

  1. 1Перейдіть у «Отримати з URL» та введіть адресу сторінки для автоматичного витягування OG-тегів.
  2. 2Або використовуйте ручний режим для введення заголовка, опису, зображення та URL.
  3. 3Перемикайтесь між Facebook, Twitter/X, LinkedIn та Discord для перегляду кожного.
  4. 4Використовуйте поради щодо зображень для відповідності вимогам кожної платформи.

Часті запитання

Що таке теги OpenGraph?
Теги OpenGraph (OG) — це HTML мета-теги, що контролюють вигляд вашої сторінки при поширенні в соціальних мережах. Вони визначають заголовок, опис, зображення та URL у попередньому перегляді посилань.
Чому моє зображення не відображається у Facebook?
Facebook кешує OG-дані. Після оновлення OG-тегів використовуйте Facebook Sharing Debugger для очищення кешу. Також переконайтеся, що зображення має щонайменше 1200×630px та URL є абсолютним.
Чи є OG-теги тим самим, що Twitter Cards?
Ні, але Twitter використовує OG-теги як резервні, якщо теги Twitter Card відсутні. Для найкращих результатів у Twitter додавайте як og:*, так і twitter:* мета-теги.

Інформація

Категорія
seo
Використання
Необмежено

Схожі інструменти

Meta Tag Generator

Генеруйте HTML мета-теги для SEO, Open Graph та Twitter Cards.

Meta Tag Preview

Перегляньте свою сторінку у пошуковій видачі Google та попередньому перегляді соціальних мереж.

Robots.txt Generator

Генеруйте robots.txt із власними правилами, пресетами та блокуванням AI-ботів.

Більше інструментів: seo

Keyword Density Checker

Аналізуйте частоту та щільність ключових слів у тексті або за URL.

Meta Tag Generator

Генеруйте HTML мета-теги для SEO, Open Graph та Twitter Cards.

Meta Tag Preview

Перегляньте свою сторінку у пошуковій видачі Google та попередньому перегляді соціальних мереж.

Robots.txt Generator

Генеруйте robots.txt із власними правилами, пресетами та блокуванням AI-ботів.