Перейти до основного вмісту
KPZsProductions

Безкоштовні онлайн-інструменти

Генератор мета-тегів і Open Graph

Заповніть поля, і інструмент збере HTML-код для секції head: title, description, canonical, Open Graph і Twitter Card. Копіюється одним клацанням.

0 символів · рекомендовано 30–60

0 символів · рекомендовано 70–155

Повна адреса, найкраще 1200 × 630 px.

Ваші дані не залишають браузер. Ми нічого не надсилаємо на сервер.

Як користуватися

  1. Введіть заголовок і опис. Лічильники символів підкажуть, чи вони в рекомендованому діапазоні.
  2. Вкажіть канонічну адресу сторінки та адресу зображення для поширення.
  3. Заповніть назву сайту, мову та профіль в X, якщо він є.
  4. Скопіюйте результат і вставте в head вашої сторінки.

Що роблять окремі теги

Title і description описують сторінку в результатах пошуку. Canonical вказує версію адреси, яку Google має індексувати. Теги Open Graph і Twitter Card керують виглядом посилання, вставленого в соцмережі та месенджери.

Зображення для поширення

Вкажіть повну абсолютну адресу зображення, найкраще в пропорції близько 1,91:1, наприклад 1200 на 630 пікселів. Без тегу og:image платформи самі обирають зображення, часто невдало.

Чого тут немає

Ми не створюємо тегу meta keywords, бо пошукові системи ігнорують його вже багато років. Якщо ви користуєтеся Next.js, WordPress чи іншою CMS, теги зазвичай задаються через її API, а цей інструмент призначений для швидкої перевірки й копіювання готової структури.

Поширені запитання

Потрібно більше, ніж інструмент?

Якщо за цим стоїть більший проєкт, сайт, магазин чи застосунок, опишіть його в короткому брифі. Відповімо конкретно й без зобов'язань.

Описати проєкт

Розсилка

Підпишіться на розсилку

Конкретні висновки з наших проєктів, нові кейси та практичні поради про вебзастосунки й автоматизацію. Без спаму.

Підписуючись, ви погоджуєтеся з політикою конфіденційності.

Ми використовуємо необхідні файли cookie для роботи сайту та, за вашою згодою, опціональну аналітику PostHog. Політика cookie