SEO
Meta Tags / Open Graph Generator
Згенерувати HTML meta-теги для SEO, Open Graph (Facebook) і Twitter Card — разом із превʼю картки.
Meta-теги в <head> сторінки визначають, як вона виглядатиме в результатах пошуку та в картці попереднього перегляду при поширенні в соцмережах чи месенджерах. Інструмент генерує повний набір тегів SEO, Open Graph і Twitter Card разом із живим прев’ю картки.
Як користуватися
- Заповніть заголовок, опис, URL і зображення сторінки — теги генеруються одразу, а прев’ю показує, як картка виглядатиме в Facebook, X (Twitter) та подібних сервісах.
- Скопіюйте готовий HTML-блок і вставте в <head> сторінки.
- Перевірте довжину заголовка й опису — надто довгі значення обрізаються пошуковиком чи соцмережею.
Типові сценарії
- Налаштування Open Graph для сторінки, щоб посилання виглядало охайно при поширенні в Telegram, Slack чи соцмережах.
- Написання title і meta description під конкретний пошуковий запит для нової сторінки.
- Швидка перевірка коректності вже наявних meta-тегів через прев’ю картки перед публікацією.
Що варто памʼятати
Open Graph і Twitter Card — окремі стандарти; більшість сервісів (крім X) читають саме og:-теги, тому дублювати основні поля в twitter: не завжди обов’язково, але підвищує сумісність.
Зображення для og:image має бути доступне за абсолютним URL (не відносним шляхом) — інакше краулер соцмережі не зможе його завантажити.
Стаття про цей інструмент: Meta-теги: які з них справді впливають на пошук і соцмережі
Часті запитання
Навіщо потрібні окремі теги Open Graph і Twitter Card, якщо вони роблять те саме?
Теги Open Graph (og:title, og:image тощо) читають Facebook, LinkedIn та більшість інших платформ, тоді як Twitter має власний набір тегів (twitter:card, twitter:title) — Twitter повертається до тегів Open Graph, якщо власних немає, але додавання обох гарантує послідовні прев'ю.
Якого розміру має бути мій og:image?
1200x630 пікселів — широко рекомендований розмір: він коректно відображається як велика картка попереднього перегляду на більшості платформ без незручного обрізання й лишається в межах типових обмежень розміру файлу.
Чи надсилає генерація цих тегів мій контент на сервер?
Ні. Теги генеруються повністю з того, що ви вводите, прямо у вашому браузері — нічого нікуди не завантажується.
Що робить тег canonical URL?
Він вказує пошуковику, яка версія сторінки основна, коли той самий контент доступний за кількома адресами (з www і без, з параметрами тощо) — це допомагає зібрати рейтинг на одній сторінці замість розпорошення між дублями.
У чому різниця між meta robots noindex і забороною в robots.txt?
noindex у meta-тегу забороняє індексувати вже просканований вміст сторінки, тоді як Disallow у robots.txt забороняє боту взагалі сканувати сторінку — і саме тому noindex не спрацює для сторінки, яку заблоковано в robots.txt: пошуковик просто ніколи не побачить цей тег.