Генератор Мета-тегов — Бесплатно онлайн

Генерируйте мета-теги title, description, viewport и charset для веб-страницы.

Результаты предоставляются исключительно в информационных целях и могут содержать ошибки. Проверяйте важную информацию самостоятельно. Использование этого инструмента осуществляется на ваш страх и риск.

Что делает этот инструмент

Генератор мета-тегов пишет базовые SEO-теги для <head> веб-страницы. Заполните заголовок, описание, ключевые слова и автора — и получите соответствующие теги <title> и <meta>, в начале которых всегда стоят кодировка UTF-8 и тег адаптивного viewport. Пустые поля пропускаются, а кавычки и угловые скобки в вашем тексте экранируются.

Важнее всего два тега — title и meta description: поисковики часто показывают их как заголовок и сниппет вашего результата. Ориентируйтесь на заголовок примерно до 60 символов и описание в 120–160 символов, из которого понятно, что предлагает страница. Тег keywords Google игнорирует, но он безвреден, а некоторые внутренние поисковые системы до сих пор его читают.

Когда использовать

  • Вы запускаете новую страницу или лендинг и настраиваете её сниппет в поиске.
  • Нужно исправить страницы, для которых Search Console сообщает об отсутствующих или повторяющихся описаниях.
  • Нужно добавить корректные теги в head статического сайта или шаблона одностраничного приложения.
  • Нужно подготовить SEO-теги для CMS, которая принимает только «сырой» HTML.

Пример

Ввод

Заголовок страницы: Free JSON Formatter | 4Dev
Мета-описание: Format and validate JSON online. Free, fast, private.
Автор: 4Dev

Вывод

<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Free JSON Formatter | 4Dev</title>
<meta name="description" content="Format and validate JSON online. Free, fast, private."/>
<meta name="author" content="4Dev"/>

Вопросы об этом инструменте

Почему Google показывает не моё описание?

Google переписывает сниппеты, когда считает, что другая часть страницы лучше отвечает на запрос. Описание, которое чётко соответствует содержимому страницы, используется чаще.

Нужны ли каждой странице уникальные заголовок и описание?

Да. Одинаковые заголовки заставляют страницы конкурировать друг с другом, а пользователям труднее выбрать нужный результат. Ставьте конкретную тему страницы в начало, а название сайта — в конец.

А как же превью в соцсетях?

Facebook, LinkedIn, Slack и WhatsApp читают теги Open Graph. Сгенерируйте их в генераторе тегов Open Graph и добавьте рядом с этими тегами.

Куда именно вставлять теги?

Внутрь <head>, как можно раньше, причём тег кодировки — первым. Генератор Шаблона HTML показывает полный каркас страницы с правильным порядком.

Этот инструмент бесплатный?

Да, он бесплатный. Без регистрации и электронной почты. Результат на этой странице.

Как получить результат?

Используйте инструмент на этой странице. Результат появится здесь, без отправки по электронной почте.