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

Заполните одну форму и получите весь блок head — title, description, canonical, robots, Open Graph и Twitter — при этом title и description измеряются в пикселях по мере ввода.

Измеряется в пикселях ниже, потому что именно пиксели обрезаются Google.
Абсолютный, с протоколом. Он переиспользуется как og:url, поэтому добавляйте завершающий слеш так же, как на остальном сайте.
1200 × 630 проходит обрезку на любой платформе. Только абсолютный URL — относительный ничего не отобразит.
Эти четыре записываются только когда og:type является article.
Ваш блок head

          

Ничего, что вы вводите здесь, не загружается, не сохраняется и не отправляется куда‑либо. Всё работает в вашем браузере.

Это генерирует блок. Проверка проверяет уже существующий.

Если страница существует и вы хотите узнать, сохраняются ли её title и description в результатах поиска, используйте проверка title и meta description, и Предпросмотр сниппета в SERP чтобы увидеть отрендеренный вариант. Эта страница предназначена для обратного случая: вы пишете новый шаблон или страницу и хотите получить полностью готовый head‑блок, правильный с первого раза, со всеми социальными тегами, которые все забывают, пока ссылка не выглядит сломанной в Slack.

Почему ширины указаны в пикселях

Google обрезает заголовки по визуальной ширине, а не по количеству символов. "Illinois" и "WWWWWWWW" содержат одинаковое количество — восемь символов, но их ширина совершенно разная, поэтому счётчик символов даёт неверный результат для заголовков в Title Case или с прописной маркой в конце. Полоски выше измеряют ваш текст на canvas в том шрифте и размере, которые использует страница результатов, и сравнивают его с шириной, разрешённой макетом. Эти ширины приближённо соответствуют макету, который Google меняет регулярно, поэтому оставляйте запас, а не заполняйте полосу до 99%.

Теги, которые ничего не делают, и почему их здесь нет

  • meta keywords. Мёртв уже двадцать лет. Ни одна поисковая система его не читает, а единственное, что от него остаётся, — это публикация вашего списка ключевых слов для конкурентов.
  • meta revisit-after. Никогда не поддерживалось ни чем. Частоту обхода определяет сканер.
  • meta author for ranking. author Можно использовать и это полезно для людей и RSS‑читалок, но это не является сигналом E‑E‑A‑T и не связано ни с чем. Авторство, которое имеет значение, — это реальная страница с подписью реального человека.
  • og:image:width и og:image:height. Стоит добавить только если платформа делает неправильные предположения при первом сканировании; это подсказки, а не обязательные требования, и неверная пара хуже, чем отсутствие подсказки.

Куда это помещается и что может его сломать

Блок должен находиться в верхней части <head>, над всем, что загружает скрипт. Ошибка парсера ранее в head — незакрытый тег, лишний </div> — завершает head преждевременно, и каждый последующий тег попадает в body, где они не учитываются. Если видимый в исходнике тег не распознаётся, это первое, что следует проверить, прежде чем подозревать сам тег.

Один canonical, указывающий на себя

Canonical здесь — это собственный URL страницы в том виде, в котором вы хотите его проиндексировать: один протокол, один хост, единое решение относительно завершающего слеша. Копирование шаблона и оставление canonical, указывающего на страницу-источник, — самая дорогая опечатка в этом блоке: Google полностью перестаёт индексировать новую страницу, и при этом ничего не выглядит ошибочным.

Вопросы, которые задают люди

Нужны ли мне одновременно теги Open Graph и Twitter?

Не обязательно. X переходит к og: тегам, когда соответствующий twitter: тег отсутствует, поэтому страница с хорошими тегами Open Graph уже разворачивается в X. Единственное исключение — twitter:card, который не имеет эквивалента в Open Graph — без него X определяет макет за вас. Разместите twitter:card минимум, а остальные добавляйте, когда хотите, чтобы карточка отличалась от версии Facebook.

Должны ли теги title и H1 быть одинаковыми?

Они могут совпадать, и на большинстве страниц это приемлемо. Они ориентированы на разных читателей: title предназначен для того, кто просматривает страницу результатов и ещё не решил кликнуть, а H1 — для того, кто уже открыл страницу. Обычно это значит, что в title включается уточняющая информация — год, место, бренд — а в H1 её нет.

Какой размер изображения следует использовать?

1200 × 630 пикселей, размер до примерно 5 МБ, в PNG или JPG. Это соотношение безопасно обрезается Facebook, LinkedIn и X. Квадратные изображения обрезаются сверху и снизу в большой карточке; изображения шириной менее 300 пикселей полностью игнорируются некоторыми платформами.

Почему моя карточка всё ещё показывает старое изображение после изменения тега?

Каждая платформа кэширует первый запрос в течение нескольких дней. Выполните повторный скан URL в Sharing Debugger от Facebook, Post Inspector от LinkedIn или валидаторе карточек X, чтобы принудительно обновить. Одного лишь изменения тега недостаточно, чтобы обновить уже распространённую ссылку.

Отправляется ли что‑то из того, что я ввожу здесь, куда‑либо?

Нет. Нет бекенда. Генерация и измерения происходят в вашем браузере, и ничего не загружается, не записывается и не сохраняется.

Идеальные теги, но страница всё ещё невидима

Мета‑теги определяют внешний вид страницы после её ранжирования. То, что определяет её ранжирование, — это ссылки, ведущие на неё.

Посмотреть пакеты построения ссылок Связаться с Hayk