Генератор SEO-мета-тегов

Создайте теги head для SEO: заголовок, описание, ссылку canonical, директивы robots для запрета индексации, viewport, кодировку и цвет темы со счётчиками длины.

Заголовок страницы 32 символов (рекомендуется 30–60)

Мета-описание 100 символов (рекомендуется 70–160)

Канонический URL

Автор

Мета-ключевые слова (необязательно)

Через запятую. Google и Bing не учитывают этот тег при ранжировании.

Цвет темы

#4f46e5

Разрешить индексацию (index)Разрешить переход по ссылкам (follow)Добавить <meta charset>Добавить адаптивный viewport

HTML для раздела <head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Free Online Tools for Developers</title>
<meta name="description" content="Format, convert and validate data right in your browser. Fast, private and free developer utilities.">
<link rel="canonical" href="https://example.com/">

Поисковики могут переписывать заголовки и описания. Делайте заголовок и описание каждой страницы уникальными; мета-тег robots добавляется, только если вы запрещаете индексацию или переход по ссылкам.

Что такое Генератор мета-тегов?

Генератор пишет основные теги <head> веб-страницы по простой форме: charset, адаптивный viewport, <title>, meta description, необязательные keywords и author, ссылку canonical, директивы robots и цвет темы. Счётчики символов показывают, укладываются ли заголовок и описание в обычно рекомендуемый диапазон длины.

Как пользоваться Генератор мета-тегов

Введите заголовок страницы и meta description и следите за счётчиками символов.
Добавьте canonical URL и при необходимости author, keywords и цвет темы.
Снимите «Разрешить индексацию» или «Разрешить переход по ссылкам», чтобы добавить мета-тег robots.
Скопируйте сгенерированный HTML в <head> страницы.

Пример

Ввод

Title: Tom & Jerry · description: Classic "cartoon" · indexing off

Вывод

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tom &amp; Jerry</title>
<meta name="description" content="Classic &quot;cartoon&quot;">
<meta name="robots" content="noindex, follow">
<link rel="canonical" href="https://example.com/">

Когда использовать Генератор мета-тегов

Используйте при создании новой страницы или шаблона, когда нужны быстрые корректные экранированные теги head. Инструмент не проверяет существующую страницу; для просмотра того, как выглядят заголовок и описание в Google, используйте предпросмотр поисковой выдачи, а для карточек соцсетей генераторы Open Graph или Twitter Card.

Как работает Генератор мета-тегов

Значения вставляются в теги с HTML-экранированием (&, ", <, > становятся сущностями), поэтому кавычки в описании не ломают разметку. Пустые поля опускаются. Мета-тег robots пишется, только если индексация или переход по ссылкам запрещены, потому что index, follow это значение по умолчанию. Ключевые слова обрезаются и склеиваются через запятые.