tigtools

Генератор метатегів

Заповніть форму й скопіюйте чистий блок метатегів із коректним екрануванням для елемента head сторінки.

Працює у вашому браузері Без реєстрації

Основні теги

0 символів

0 символів

Основна адреса цієї сторінки, наприклад без параметрів відстеження.

Індексація пошуковими системами

«index, follow» — значення за замовчуванням, тому тег robots не додається, якщо не змінити один із цих параметрів.

Деякі мобільні браузери використовують його, щоб змінити колір адресного рядка. HEX, наприклад #0b5d1e.

Open Graph (попередній перегляд посилань)

Залиште поле порожнім, щоб використати назву й опис вище.

Залиште поле порожнім, щоб використати канонічну URL-адресу.

Мова й регіон через підкреслення, наприклад en_US або de_DE.

  • Додайте назву: вона має бути на кожній сторінці.
  • Немає метаопису: пошукові системи виберуть текст зі сторінки.
  • Для картки з великим зображенням потрібен og:image, інакше застосунки покажуть картку без зображення.

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

  1. Уведіть заголовок сторінки й опис з одного-двох речень.
  2. Додайте canonical URL і виберіть, чи можуть пошукові системи індексувати сторінку та переходити за її посиланнями.
  3. Укажіть зображення Open Graph і всі поля, значення яких мають відрізнятися від заголовка й опису, а також виберіть тип картки Twitter.
  4. Скопіюйте створений HTML або завантажте його й вставте всередину <head> сторінки.

Як це працює

Генератор створює лише потрібні вам теги. Усі значення екрануються для HTML (& < > " і ' перетворюються на сутності), тож лапки чи кутові дужки в заголовку не пошкодять розмітку.

Призначення тегів: charset задає кодування тексту для браузера й має бути першим у head; viewport налаштовує ширину сторінки відповідно до ширини екрана на телефонах; title відображається на вкладках браузера та в результатах пошуку; meta description може використовуватися як опис у результатах пошуку, але не впливає на рейтинг; посилання canonical вказує пошуковим системам основну URL-адресу сторінки, якщо є дублікати; robots із noindex виключає сторінку з результатів пошуку, а nofollow просить пошукових роботів не переходити за її посиланнями. Тег robots працює, лише якщо пошукові роботи можуть отримати доступ до сторінки, тож не блокуйте її також у robots.txt.

Теги Open Graph (og:…) керують попереднім переглядом посилань у багатьох соціальних мережах і чатах. Якщо поля og:title, og:description або og:url порожні, інструмент підставляє значення title, description і canonical URL. Платформи, які використовують теги карток Twitter, беруть значення заголовка, опису та зображення з Open Graph, тож створюється лише twitter:card.

Приклади

Дописи в блозі

Заголовок, опис, canonical URL, og:image розміром 1200×630 і summary_large_image — це близько десяти рядків, які охоплюють результати пошуку та попередній перегляд посилань.

Сторінка подяки, виключена з пошуку

Зніміть прапорець «Дозволити індексування», щоб додати <meta name="robots" content="noindex, follow">. Сторінка й далі буде доступна відвідувачам, але не має з’являтися в результатах пошуку.

Заголовок із лапками

Заголовок Ask "Anything" & <Learn> буде записано як Ask &quot;Anything&quot; &amp; &lt;Learn&gt;, а браузери відобразять його саме так, як введено.

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

Чи допомагає тег meta keywords у SEO?

Ні. Основні пошукові системи вже багато років не враховують meta keywords під час ранжування, тому генератор не додає цей тег.

Чи потрібні теги Open Graph і Twitter card одночасно?

Зазвичай, крім Open Graph, потрібен лише twitter:card, оскільки заголовок, опис і зображення беруться з тегів og:.

Де розмістити ці теги?

Усередині елемента <head> кожної сторінки. У фреймворках, як-от Next.js, темах WordPress або генераторах статичних сайтів, використовуйте налаштування метаданих, щоб додати ті самі теги.

Чи потрібен тег canonical на кожній сторінці?

Це хороша практика, особливо якщо той самий вміст доступний за кількома URL-адресами (параметри відстеження, сортування, http і https). Сторінка може вказувати на себе як на canonical.

Конфіденційність

Теги створюються у вашому браузері. Введені дані не завантажуються на сервер і не зберігаються.