Генератор мета-тегов
Заполните заголовок, описание и несколько данных для соцсетей, и получите готовые к вставке теги title, meta description, Open Graph и Twitter Card.
Сгенерированные теги
Как это работает
При каждом нажатии клавиши страница пересобирает весь блок тегов из ваших шести полей. Каждое значение обрезается и проходит через экранирование, преобразующее специальные символы в HTML-сущности. Теги создаются только для тех полей, которые вы действительно заполнили, а некоторые решения принимаются за вас: оставьте URL изображения пустым — и twitter:card переключится с summary_large_image на summary.
То, что игнорируют большинство генераторов тегов: мета-описание не является фактором ранжирования в поиске, Google говорил об этом ещё много лет назад. Что действительно влияет — это кликабельность (CTR), потому что описание часто и есть тот текст, что показывается под вашей ссылкой в результатах. Тем не менее Google переписывает описания более чем в половине случаев, когда ваше описание не соответствует поисковому запросу. Пишите его для людей, держите в пределах 160 символов и не переживайте по этому поводу слишком сильно.
Всё это происходит в JavaScript именно этой страницы: строка тегов собирается локально и никогда не касается сети. Ваши заголовки, URL и имена аккаунтов никогда не покидают браузер.
Частые вопросы
Почему у title есть рекомендация в 60 символов?
Google обычно обрезает заголовки в результатах поиска примерно на 60 символах (зависит от ширины в пикселях, а не от точного числа символов). Если уложиться в этот лимит, весь заголовок будет виден в результатах поиска, а не обрежется многоточием.
Нужны ли мне теги Open Graph и Twitter одновременно?
Twitter/X на самом деле использует теги Open Graph, если специфичных тегов twitter:card нет, но указание обоих типов явно даёт больше контроля и лучшую совместимость с другими платформами, такими как LinkedIn и Slack, которые тоже читают теги Open Graph.
Отправляется ли что-то из этого куда-либо?
Нет, теги формируются полностью в вашем браузере на основе того, что вы вводите. Ничего не загружается.