Генератор мета-тегов
Заполните заголовок, описание, Open Graph и Twitter, затем скопируйте мета-теги.
Этот инструмент создаёт мета-теги с нуля, в отличие от предпросмотра мета-тегов, который считывает адрес и показывает теги уже опубликованной страницы; здесь ничего никуда не запрашивается. Форма включает заголовок страницы со счётчиком в реальном времени, мета-описание, канонический адрес, язык, настройки robots вроде index или noindex, данные Open Graph с типом, названием сайта и изображением, тип карточки Twitter, цвет темы и необязательное имя автора.
Справа вы видите живой предпросмотр: карточка результата Google для компьютера и телефона обрезает заголовок примерно на 580 пикселях, а описание примерно на 920 пикселях, измеряя реальную ширину символов через canvas, а не просто считая знаки; также показывается, как будет выглядеть карточка соцсетей. Результат появляется на двух вкладках: HTML-теги, готовые для вставки в `<head>`, и объект metadata для проектов на Next.js; то, что вы вводите, экранируется автоматически при вставке в HTML.
Точка обрезки в предпросмотре лишь приблизительна; настоящий результат Google может обрываться в другом месте в зависимости от устройства, шрифта и самого запроса, поэтому число символов здесь служит ориентиром, а не гарантией. Этот инструмент сам не размещает теги на вашей странице и не может подтвердить, что они отобразятся правильно после публикации; для этого вставьте адрес страницы в предпросмотр мета-тегов, когда она уже опубликована. Он также не проверяет, совпадает ли ваш заголовок с другой страницей того же сайта.
Частые вопросы
Чем это отличается от предпросмотра мета-тегов?
Предпросмотр мета-тегов берёт адрес и считывает теги уже опубликованной страницы; этот инструмент не считывает никакой адрес, а строит новые теги из того, что вы вводите. Используйте его для страницы, которая ещё не опубликована.
Какая длина заголовка и описания считается идеальной?
Около 50-60 символов для заголовка и 120-160 для описания обычно считаются безопасными, прежде чем результат Google начнёт обрезаться. Живой счётчик меняет цвет при приближении к этим границам.
Сохраняется ли где-то введённая информация?
Нет, ничего не отправляется на сервер, предпросмотр и код формируются полностью в браузере. При закрытии страницы всё введённое пропадает.
Как узнать, что теги действительно работают после добавления на страницу?
После публикации вставьте адрес этой страницы в предпросмотр мета-тегов, чтобы проверить, отображаются ли теги как ожидалось. Сам инструмент никогда не записывает ничего на вашу страницу, он лишь создаёт код для копирования.
