Генератор мета-тегов — создайте все head-теги страницы
Ваши title и meta description — это то, что пользователи видят в Google, а ошибка в canonical может разделить ранжирование между дублирующими URL. Заполните поля title, description, canonical, robots и Open Graph, чтобы получить готовые для вставки мета-теги <head>. Шаги: введите поля, посмотрите подсказки по длине и превью, скопируйте сгенерированный HTML с корректным экранированием. Специальные символы вроде & и < экранируются автоматически, поэтому теги остаются корректными. Работает полностью на вашем устройстве — ничего не загружается. Пример: теги canonical и og рядом.
Как это работает
Генератор берёт ваши поля и собирает соответствующие head-теги. Пустые необязательные поля пропускаются, поэтому в выводе только то, что вы заполнили. Каждое значение экранируется в HTML: амперсанд превращается в &, а знак «меньше» — в <, что сохраняет теги корректными на вашей странице. Подсказки по длине предупреждают, когда заголовок или описание превышают обычные лимиты, не обрезая ваш текст.
Правила генератора
Эти правила следуют рекомендациям Google Search Central о мета-тегах, title links и канонических URL.
- Meta title и описание — это рекомендации, а не директивы: поисковые системы могут переписывать или обрезать их, поэтому держите заголовок около 60 символов, а описание — 155–160.
- Все значения экранируются в HTML: & < > " и ' превращаются в сущности, поэтому символы в заголовке или описании не могут сломать разметку тегов.
- Канонический URL должен быть полным абсолютным адресом с протоколом. Относительный URL или URL без протокола не годится как цель canonical.
- Robots meta использует значения index/noindex и follow/nofollow. Если тега нет, поисковые системы применяют собственный дефолт — индексировать и следить.
- Canonical и Open Graph теги могут сосуществовать на одной странице: og:url должен совпадать с каноническим URL, чтобы соцсети указывали на тот же адрес.
Пример
Пример заполняет заголовок, описание, canonical, robots и три поля Open Graph. Сгенерированный фрагмент выводит тег <title>, meta description, каноническую ссылку, robots meta и заполненные og: теги.
Подходящие сценарии
- Создание нового шаблона страницы: сгенерируйте блок head один раз, проверьте подсказки по длине и вставьте в шаблон перед запуском.
- Сдача работы клиенту: сгенерируйте точный head-фрагмент с canonical и OG, затем вставьте его в CMS.
- Перед публикацией сгенерируйте теги и сверьте их с превью выдачи, чтобы заголовок и описание совпадали с видимой страницей.
Frequently asked questions
Что означают значения robots meta?
index позволяет поисковым системам включать страницу в выдачу, а noindex — исключает её. follow разрешает обходить ссылки на странице, а nofollow запрещает. Если тега нет, по умолчанию используется index, follow.
Экранируются ли спецсимволы в моих значениях?
Да. Генератор экранирует & < > " и ', поэтому амперсанд становится &, а знак «меньше» — <. Ваши теги остаются корректными, даже если значение содержит похожие на разметку символы.
Могут ли canonical и Open Graph сосуществовать?
Да, они обслуживают разные системы. Каноническая ссылка сообщает поисковым системам предпочтительный адрес, а og: теги описывают страницу для соцсетей. Держите og:url в соответствии с каноническим URL.
Какой длины должны быть заголовок и описание?
Обычные ориентиры — около 60 символов для заголовка и 155–160 для описания. Это рекомендации: поисковые системы могут переписывать или обрезать более длинные значения.
Что происходит с пустыми полями?
Пустые необязательные поля пропускаются, поэтому сгенерированный фрагмент содержит только теги для заполненных вами полей.
Мои данные куда-то загружаются?
Нет. Генератор работает полностью в вашем браузере, и ничего не загружается.
Вопросы и отзывы
Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.