Skip to main content

Відкрити графік

TL; DR

Open Graph (og)— це протокол, який використовується на веб-сторінках, щоб «вказати» каналам соціальних мереж, як відображати веб-сторінку, на яку посилається будь-який користувач на певній платформі. Це дозволяє власникам веб-сайтів вибирати зображення, назву та опис, які відображатимуться в каналі соціальних мережпісля посилання на вміст.

Що таке Open Graph?

Open Graph — це протокол, який дозволяє власникам веб-сайтів і розробникам контролювати, як веб-сторінка буде відображатися, коли хтось посилається на неї в каналах соціальних мереж, таких як Facebook. Open Graph дозволяє власникам веб-сайтів вибрати зображення, написати заголовокта опис, які буде отримано ботом соціальних мереж, який скануєвеб-сторінку. Ці елементи можуть бути або не бути на самій веб-сторінці. У джерелі веб-сторінки вони виглядають так:

<meta property="og:title" content="..." />

<meta property="og:description" content="..." />

<meta property="og:image" content="https://yoursite.com/images/img1.jpg" />

Якщо ви використовуєте Wix, ви можете легко вставити вміст Open Graph в редактор меню та сторінок, натиснувши Показати більшебіля потрібної сторінки, а потім скориставшись меню Social Share. Якщо ви використовуєте Wordpress або інші подібні веб-конструктори, більшість плагінів і розширень SEOмають функцію Open Graph.  

Що станеться, якщо ви не використовуєте Open Graph?

За відсутності Open Graph бот соціальних мереж намагатиметься отримати інформацію самостійно. За замовчуванням, коли хтось публікує посилання на Facebook, бот Facebook отримує перше доступне зображенняу вмісті, вміст основного заголовката перші кілька речень ізосновної частини тексту. Хоча в більшості випадків це може працювати нормально, можливо, вам не сподобається, як відображатиметься публікація. Іноді зображення, отримане автоматично, не є найрелевантнішим або не має належної роздільної здатності чи якості. В інших випадках перший абзац насправді не надсилає повідомлення, яке ви хочете передати. Використання Open Graph дає вам повний контроль над цим.