Генератор метатегов
Сгенерируйте HTML-теги заголовка, описания, канонические теги, теги Open Graph и карточки Twitter для страницы.
Генератор метатегов
Заполните несколько полей, и этот генератор запишет полный блок метатегов для <head> страницы: заголовок, метаописание, каноническую ссылку, теги Open Graph, которые контролируют внешний вид ссылки при публикации на Facebook или LinkedIn, а также теги карты Twitter для X. Скопируйте результат прямо в свой шаблон, и каждый фрагмент социального предварительного просмотра и поиска будет определен в одном месте.
Создаются только те теги, которые вы действительно заполняете, поэтому пустые атрибуты контента, загромождающие разметку, отсутствуют. Введите заголовок, и он появится как <title>, og:title и twitter:title одновременно; добавьте URL-адрес изображения, и он будет передавать как og:image, так и twitter:image. Два флажка позволяют полностью удалить блок Open Graph или Twitter, а селекторы типов устанавливают og:type — веб-сайт, статья, продукт или профиль — и стиль карточки Twitter, сводку или вариант с большим изображением, который нужен большинству сайтов.
Каждое значение экранируется HTML при написании, поэтому амперсанды, угловые скобки и кавычки в заголовке или описании никогда не смогут нарушить окружающий тег или страницу. Стремитесь к названию длиной около 60 символов и описанию около 155, чтобы поисковые системы показывали их без обрезки; живой подсчет учитывает и то, и другое, когда вы печатаете. Используйте абсолютный URL-адрес изображения https, поскольку сканеры социальных сетей не могут определять относительные пути.
Все генерируется в вашем браузере. Ваши заголовки, описания и URL-адреса никогда не отправляются на сервер, поэтому вы можете подготовить теги для неопубликованных или внутренних страниц, не раскрывая их.