Что делает проверка мета-тегов?
Мета-теги находятся в <head> страницы и сообщают поисковым системам и соцсетям, о чём эта страница: какой заголовок показать в Google, какое описание вывести под ним, можно ли индексировать страницу, какой URL считать оригиналом, а также какие изображение и текст использовать, когда кто-то делится ссылкой.
Инструмент загружает страницу так же, как краулер, читает все эти теги и показывает результат тремя способами: списком проблем с подсказками по исправлению, превью результата в Google и карточек Facebook и X, а также таблицей всех найденных тегов.
Как проверить мета-теги
Вставьте полный адрес страницы, например https://example.com/blog/post. У каждой страницы свои теги, поэтому проверяйте самые важные страницы.
Ошибки мешают странице правильно отображаться, предупреждения стоят вам кликов, а заметки просто полезно знать. В каждом пункте указан тег и то, что нужно изменить.
Превью Google обрезает title и description там, где это обычно делает Google. Карточки для соцсетей используют те же изображение и текст, которые возьмут Facebook, LinkedIn и X.
Обновите теги в CMS или шаблоне и запустите проверку ещё раз. Соцсети кэшируют старые карточки, поэтому обновите их и в инструментах отладки самих соцсетей.
Advertisement
Какие мета-теги важны для SEO
<title> обычно становится синим заголовком в Google. Делайте его уникальным для каждой страницы, начинайте с главного ключевого слова и держитесь в пределах 50–60 символов.
Не влияет на ранжирование, но часто становится сниппетом под заголовком. Напишите 120–160 символов, после которых захочется кликнуть.
noindex исключает страницу из результатов поиска. Эта директива может приходить и из HTTP-заголовка X-Robots-Tag, который инструмент тоже читает.
<link rel="canonical"> указывает исходный URL, когда один и тот же контент доступен по нескольким URL. Используйте один абсолютный URL на страницу.
<meta name="viewport"> подгоняет страницу под экран телефона. Google в первую очередь индексирует мобильную версию, поэтому этот тег нужен каждой странице.
<html lang="en"> сообщает браузерам и поисковым системам язык страницы и помогает программам чтения с экрана правильно её озвучивать.
Теги Open Graph и карточки X
Когда кто-то делится вашей ссылкой в Facebook, LinkedIn, WhatsApp, Slack или Discord, превью строится по тегам Open Graph. X читает собственные теги twitter:, а заголовок, описание и изображение при их отсутствии берёт из Open Graph. Без этих тегов платформы угадывают сами и часто показывают не то изображение или вовсе обходятся без него.
Используйте изображение размером 1200×630 пикселей (соотношение сторон 1,91:1) с абсолютным URL, начинающимся с https://. Инструмент загружает начало изображения, чтобы узнать его реальный размер, и отмечает битые, слишком маленькие изображения и изображения с неподходящими пропорциями.
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">Advertisement
Какой длины должны быть title и meta description?
Google не считает символы: он обрезает title примерно на 600 пикселях, а description — примерно на двух строках и добавляет многоточие. На практике это около 50–60 символов для title и примерно до 160 символов для description на компьютере, а на мобильных — меньше.
Кроме того, Google переписывает title и description, если считает, что другой текст лучше соответствует запросу. Понятный и точный title, совпадающий с H1 страницы, — лучший способ сохранить ваш вариант.
Частые ошибки в мета-тегах
Одинаковый title на всех страницах. У каждой страницы должен быть свой title, который описывает именно её, а не только название сайта.
Забытый `noindex`. Сайты часто переносят с тестового сервера с оставшимся
noindex, и из-за этого весь сайт не попадает в Google.Canonical, указывающий не на ту страницу, например на главную или на http-версию. Так вы говорите Google игнорировать проверяемую страницу.
Относительный `og:image`. Соцсетям нужен полный URL с
https://, а/images/og.pngне загрузится.Слишком маленькое изображение. Если оно меньше 600×315 пикселей, Facebook покажет маленькую миниатюру вместо большой карточки.
Hreflang без ссылки на саму страницу или без обратных ссылок. Каждая языковая версия должна указывать себя и все остальные версии, иначе Google может проигнорировать весь набор.
Ставка на meta keywords. Google игнорирует тег keywords с 2009 года. Вреда от него нет, но и пользы тоже.
Advertisement
Проверка тегов hreflang
Многоязычные сайты используют <link rel="alternate" hreflang="…">, чтобы указать Google на каждую языковую версию. Инструмент перечисляет все найденные ссылки hreflang и проверяет три вещи: что каждый код является допустимым кодом языка (и, при необходимости, региона), например en, de-AT или pt-BR; что страница указывает саму себя; и что есть запасной вариант x-default.
Чтобы убедиться, что ссылки взаимные, проверьте по очереди каждую языковую версию: в каждой должен быть один и тот же набор URL.
Другие SEO инструменты
Проверьте остальное техническое SEO сайта с помощью этих бесплатных инструментов: