Навіщо використовувати open graph розмітку на сайті, seo кейси соціалки, реклама, інструкція

Зображенням може виявитися іконка або будь-яка інша нерелевантні картинка. Іноді парсер зовсім не завантажує зображення. Знайома картина, чи не так?

Посилання на товари в Skype

Давайте розберемося, що це за звір такий - Open Graph, яку користь він приносить інтернет-магазину (так, в загальному, і будь-якого іншого ресурсу), і як правильно додати OG-розмітку до себе на сайт.

Звідки з'явився Open Graph?

Open Graph - це словник мікроданних, який був розроблений фахівцями Facebook спеціально для вирішення проблеми з «кривим» відображенням посилань в стрічці соцмережі.

Посилання на товари Вконтакте

Як використовувати Open Graph розмітку?

Отже, приклад шматка коду з обов'язковими тегами (властивостями) OG виглядає так:

ВАЖНО.Для популярних CMS існують навіть свої плагіни, що дозволяють впровадити розмітку Open Graph для Facebook, VK та інших соцмереж самостійно, без залучення фахівців і довгого «риття» в коді. Це значно полегшує інтеграції OG навіть для недосвідчених користувачів.

Аналоги Open Graph

OG не самотній в світі мікроданних. Крім нього використовується ще безліч різних словників мікророзмітки. Найбільш яскравими представниками можна назвати наступні:

Як влаштований світ семантичної розмітки

І це лише мала частина словників, використовуваних сьогодні для полегшення життя власникам сайтів, оптимізаторів і кінцевим користувачам. Впровадження Open graph розмітки гарантовано поліпшить превью посилань Вконтакте, Skype, Facebook, Google+, Twitter, Pinterest, LinkedIn та ін.