Skip to main content

Що таке open graph і навіщо він потрібен?

Open Graph - це стандарт розмітки, розроблений Facebook, який дозволяє керувати тим, як сторінка виглядає при публікації в соцмережах (Facebook, Twitter, Telegram та ін.).


Як працює:

У <head> HTML-сторінки додаються спеціальні теги вигляду:

html
<meta property="og:title" content="Page title"> <meta property="og:description" content="Description"> <meta property="og:image" content="https://site.com/image.jpg"> <meta property="og:url" content="https://site.com/page">

Навіщо потрібен:

  1. Контроль зовнішнього вигляду при репості Без OG соцмережа підставить довільний текст і картинку. З OG ти задаєш усе сам.
  2. Підвищення клікабельності Привабливий заголовок + картинка = вищий шанс, що клікнуть.
  3. Консистентність бренду У всіх посилань єдиний візуальний стиль. Це важливо для іміджу.
  4. Підтримка месенджерів Telegram, WhatsApp, iMessage використовують OG-теги для попереднього перегляду посилань.

Якщо не задати Open Graph, соцмережі згенерують сніпет по-своєму. А це вже лотерея.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.