Meta Tag Generator

Генеруйте HTML мета-теги для SEO, Open Graph та Twitter Cards.

Shown in browser tab and search results (≤60 chars)

Snippet shown in search results (≤160 chars)

Comma-separated (less important for Google, still used by others)

Згенерований HTML

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta http-equiv="content-language" content="en">

4 тегів згенеровано

Про інструмент Meta Tag Generator

Генеруйте повні HTML мета-теги для вашої веб-сторінки, включаючи основні теги, Open Graph для соціальних мереж та теги Twitter Card. Миттєво копіюйте згенерований код.

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

  1. 1Заповніть вкладку «Основне»: заголовок, опис, ключові слова, канонічний URL та налаштування robots.
  2. 2Перейдіть на Open Graph та увімкніть його для тегів соціальних мереж.
  3. 3Перейдіть на Twitter Card та увімкніть для попереднього перегляду посилань у Twitter/X.
  4. 4Скопіюйте згенерований HTML з панелі результатів та вставте в тег <head>.

Часті запитання

Що таке мета-теги?
Мета-теги — це HTML-фрагменти в секції <head> вашої сторінки, які повідомляють пошуковим системам та соціальним платформам про вміст: заголовок, опис, автора та як сторінка виглядатиме при поширенні.
Що таке Open Graph?
Open Graph (OG) — це протокол, що використовується Facebook, LinkedIn та іншими платформами для відображення розширених попереджень при поширенні URL. Він визначає заголовок, опис та зображення у попередньому перегляді посилань.
Що таке Twitter Cards?
Twitter Cards керують виглядом посилань при поширенні у Twitter/X. Найпоширеніший тип — «summary_large_image», що показує велике зображення з заголовком та описом.
Яким має бути мета-опис?
Тримайте його між 120–160 символами. Він має чітко описувати вміст сторінки та природно містити основне ключове слово. Цей текст відображається у результатах пошуку Google.