Open Graph – це стандарт мікророзмітки для формування текстово-графічного анонсу, який відображається при додаванні посилання на сайт до соціальної мережі. З його допомогою можна налаштувати зображення, яке має з'являтися у прев'ю, заголовок, опис та посилання.
Open Graph protocol підтримує багато тегів, але є основні які повинні бути на кожній сторінці. Вони понні бути розміщені в блоці HEAD.
og:title — це базовий тег, вказує заголовок сторінки.
‹meta property="og:title" content="Заголовок сторінки"›
og:description — сюди вставляється опис сторінки.
‹meta property="og:description" content="Короткий опис сторінки"›
og:url — визначає постійну канонічну URL-адресу сторінки.
‹meta property="og:url" content="https://site/index.html"›
og:image — URL-адреса основного зображення сторінки.
‹meta property="og:image" content="https://site/img.png"›
Додаткові параметри og:image - ширина та висота основного зображення.
‹meta property="og:image:width" content="1200"›
‹meta property="og:image:height" content="630"›
2024-06-08