Мета-теги розташовані в <head> сторінки і повідомляють пошуковим системам та соцмережам, як її показувати. Цей генератор формує одразу весь набір: title і meta description, які Google показує в результатах пошуку, директиви canonical і robots, а також теги Open Graph і Twitter Card, що відповідають за зображення, заголовок і текст під час поширення посилання в соцмережах. Кожне введене значення екранується, тому випадкова лапка чи кутова дужка в заголовку ніколи не зламає розмітку, а порожні поля просто не потрапляють у вивід.
Безкоштовний генератор мета-тегів
Працює повністю у вашому браузері - без завантаження на сервер і без реєстрації.
Дані сторінки
Згенеровані мета-теги
Живий перегляд
example.com
Тут з'явиться заголовок вашої сторінки
Тут з'явиться ваш meta description у сніпеті пошуку та картці соцмереж.
Попередній перегляд og:image
example.com
Тут з'явиться заголовок вашої сторінки
Тут з'явиться ваш meta description у сніпеті пошуку та картці соцмереж.
Що таке генератор мета-тегів?
Генератор мета-тегів перетворює заголовок сторінки, опис і дані для соцмереж на готову HTML-розмітку: SEO title і description, а також теги Open Graph (og:) і Twitter Card. Заповніть поля - і інструмент одразу видасть екрановану, готову до вставлення розмітку. Усе працює прямо у браузері, тому дані нікуди не надсилаються.
Як користуватися
- 1Введіть дані сторінки. Вкажіть заголовок сторінки та meta description, потім додайте канонічний URL і, за бажанням, og:image та назву сайту.
- 2Налаштуйте параметри для соцмереж. Оберіть og:type, розмір картки Twitter і вкажіть свій Twitter-акаунт. За замовчуванням og:url збігається з канонічним URL.
- 3Стежте за живим переглядом. Результат у стилі Google та картка для соцмереж оновлюються під час введення, щоб ви бачили, як сторінка виглядатиме в пошуку чи при поширенні.
- 4Скопіюйте мета-теги. HTML оновлюється миттєво. Скопіюйте його та вставте в head вашої сторінки.
Кому це знадобиться
- SEO-фахівці, які складають чіткі title і meta description та перевіряють їх на відповідність лімітам довжини Google.
- Веброзробники, яким потрібні готові до вставлення теги Open Graph і Twitter Card для шаблону сторінки.
- Маркетологи, які налаштовують зображення, заголовок і опис, що з'являються при поширенні посилання в соцмережах.
- Блогери та власники інтернет-магазинів, які додають коректні мета-теги без плагінів чи налаштувань CMS.
Часті запитання
Генератор мета-тегів безкоштовний?
Так, повністю безкоштовний, без реєстрації та обмежень. Усе працює прямо у вашому браузері.
Мої дані кудись надсилаються?
Ні. Заголовок, опис і URL-адреси, які ви вводите, перетворюються на HTML мета-теги локально у браузері й ніколи не надсилаються на сервер.
Які мета-теги він створює?
Він формує title, meta description, canonical-посилання, директиву robots, набір Open Graph (og:type, og:title, og:description, og:url, og:image, og:site_name) і теги Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
Якої довжини мають бути title і description?
Орієнтуйтеся на title до 60 символів і meta description приблизно від 50 до 160 символів. Інструмент позначає все, що довше, оскільки Google обрізає надто довгі title і description у результатах пошуку.
У чому різниця між og:image і twitter:image?
og:image - це зображення, яке показується при поширенні посилання у Facebook, LinkedIn і на більшості платформ; twitter:image - аналог для карток X/Twitter. Інструмент використовує ту саму URL-адресу зображення для обох тегів - це звична практика: одне зображення 1200x630 підходить усюди.
Куди вставляти згенеровані мета-теги?
Розмістіть їх усередині елемента <head> HTML-коду вашої сторінки, поруч із наявними мета-тегами. Після цього можна перевірити теги для соцмереж через Facebook Sharing Debugger або Twitter Card Validator.