Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке open graph і навіщо він потрібен?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Open Graph** - це стандарт розмітки, розроблений Facebook, який дозволяє **керувати тим, як сторінка виглядає при публікації в соцмережах** (Facebook, Twitter, Telegram та ін.). **Ключове:** якщо не задати Open Graph, соцмережі згенерують сніпет по-своєму, а це вже лотерея.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**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, соцмережі згенерують сніпет по-своєму. А це вже лотерея.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.