Генератор мета-тегов - Open Graph и Twitter Cards с предпросмотром
Сгенерировать мета-теги
A step-by-step guide to grind size, water temperature and brew ratios for café-quality coffee in your own kitchen.
Что делают мета-теги и какие из них важны
Мета-теги — это строки в разделе head страницы, которые поисковики и соцсети читают вместо самой страницы. Заголовок и описание формируют ваш сниппет в Google; теги Open Graph и Twitter Card определяют картинку, заголовок и текст, которые появляются при публикации ссылки. Этот генератор пишет их все из одной формы и показывает результат таким, каким он будет.
Шаги
- 1 Введите заголовок и описание страницы. Счётчики показывают длину, которая обычно помещается в результаты поиска — около 60 и 160 символов.
- 2 Добавьте канонический URL, название сайта и изображение 1200×630. Выберите тип контента, локаль и макет карточки; три предпросмотра обновляются по мере ввода.
- 3 Скопируйте сгенерированные теги и вставьте их в раздел head своей страницы, заменив существующие теги заголовка и описания.
Заголовок и описание
Тег title — это синий заголовок в результатах поиска и подпись вкладки браузера. Держите его в пределах примерно 60 символов и ставьте отличительные слова первыми; Google обрезает по ширине в пикселях, так что широкие буквы съедают место быстрее. Описание не влияет на ранжирование, но это ваша реклама в выдаче: 150–160 символов о том, что предлагает страница и зачем кликать. Google может заменить его текстом со страницы, если сочтёт тот более подходящим.
Open Graph
Facebook, LinkedIn, WhatsApp, Slack и большинство мессенджеров читают og:title, og:description, og:image и og:url, чтобы построить превью ссылки. Изображение должно быть 1200×630 пикселей (1,91:1), меньше 8 МБ и задано абсолютным URL. og:type — website для большинства страниц и article для статей; og:site_name в некоторых сетях показывается над заголовком. Без этих тегов при публикации может появиться случайная картинка со страницы или вообще никакой.
Twitter Cards
X использует свои теги, но для всего недостающего берёт Open Graph, поэтому в основном нужны twitter:card для выбора макета — summary_large_image для картинки на всю ширину, summary для маленькой квадратной миниатюры — и twitter:site для указания аккаунта. Заголовок, описание и изображение повторяются здесь для сетей, читающих только набор twitter:.
Канонический URL и robots
Каноническая ссылка сообщает поисковикам, какой адрес является оригиналом, когда один и тот же контент доступен по нескольким URL (с параметрами и без, http и https, со слешем в конце). Всегда используйте полный абсолютный URL. Тег robots обычно не нужен — index, follow действует по умолчанию — и имеет смысл только для исключения страницы из выдачи через noindex.