Генератор Open Graph

Що робить генератор Open Graph

Генератор Open Graph створює соціальні мета-теги, які визначають, як виглядатиме ваша сторінка, коли нею діляться у Facebook, LinkedIn, Slack, Discord, X/Twitter та на багатьох інших платформах. Без цих тегів поширене посилання часто показує лише голу адресу або випадковий фрагмент тексту; з ними платформа відображає акуратну картку із заголовком, описом і зображенням попереднього перегляду. Цей інструмент формує повний набір властивостей og: та відповідні теги Twitter Card з однієї короткої форми, тож кожне значення потрібно вводити лише раз.

Ви вказуєте заголовок, опис, URL зображення, канонічну адресу сторінки, назву сайту та тип вмісту, наприклад website, article або product. Для X/Twitter можна обрати компактну картку-підсумок або картку з великим зображенням і додати обліковий запис видавця. Результат — готовий до вставлення блок тегів <meta>, який розміщують усередині <head> сторінки. Оскільки соціальні платформи кешують ці теги, правильне створення з першого разу позбавляє вас повторного сканування та налагодження.

Приватна робота в браузері

Усі теги формуються локально за допомогою клієнтського JavaScript. Інструмент не завантажує ваше зображення, не сканує ваш URL і не надсилає жодне з введених значень — усе залишається в браузері. Це корисно, коли ви готуєте картки для поширення для ще не запущеної кампанії, тестової адреси чи матеріалів під ембарго, адже жодна з цих деталей не залишає ваш пристрій.

Практичні поради

Використовуйте абсолютний, публічно доступний URL зображення замість відносного шляху, оскільки соціальні краулери не можуть розв'язувати відносні посилання. Зображення 1200×630 пікселів — надійний варіант за замовчуванням, що добре заповнює велику картку-підсумок. Тримайте og:title близьким до справжнього заголовка сторінки, а og:description пишіть як влучний однорядковий гачок, адже ці тексти оптимізовані під кліки, а не під позиції в пошуку. Завжди додавайте og:url з канонічною адресою, щоб поширення зосереджувалися на одній сторінці. Після публікації перевіряйте теги в офіційних налагоджувачах кожної платформи та примусово пересканюйте сторінку, якщо змінили зображення, бо платформи кешують першу побачену версію.