Генератор meta-тегов с превью
Заполните поля, смотрите, как обновляются сниппет Google и карточка для соцсетей, затем скопируйте готовый блок <head>.
Страница
Open Graph и Twitter
Превью Google
Карточка в соцсетях
Код <head>
Вставьте внутрь <head>. Google переписывает заголовки и описания примерно в трети случаев, поэтому превью — ориентир, а не гарантия.
Head-теги, которые решают, как страница выглядит в выдаче
Несколько тегов в head документа управляют тем, как страница представлена за своими пределами: тег title и meta description становятся сниппетом в поиске, ссылка canonical говорит поисковикам, какой URL основной, тег robots — индексировать ли и переходить ли по ссылкам, а теги Open Graph и Twitter Card строят превью при шаринге в соцсетях. Инструмент собирает полный согласованный набор из вашего ввода и показывает живой сниппет Google и соцкарточку по мере набора, чтобы вы видели обрезку и обрамление до публикации.
Длины и что Google игнорирует
Ориентируйтесь примерно на 50–60 символов в title и 110–160 в description; Google обрезает по ширине в пикселях, а не по числу символов, поэтому широкие заглавные режутся раньше. Он также переписывает title примерно в трети результатов и часто формирует своё описание из содержимого страницы, поэтому превью — ориентир, а не обещание. Ставьте self-referencing canonical на каждой странице и помните, что отсутствие картинки при шаринге обычно означает пропущенный og:image, недоступный публично URL картинки или слишком мелкую картинку — используйте абсолютный HTTPS-URL картинки примерно 1200 на 630.