Просмотр метатегов
Просмотр всех метатегов на странице
Вставьте URL-адрес, чтобы просмотреть метатеги в блоке <head> без необходимости копаться в исходном коде. Оценивайте заголовок, описание, теги для соцсетей и фавикон бок о бок с интерактивным предпросмотром.
Название и описание
Просматривайте тег title и метаописание с указанием их длины в том виде, в каком их видят поисковые системы, чтобы понимать, что может быть обрезано в результатах выдачи.
Название
Описание
framer.com
Robots и canonical
Проверьте метатег robots и каноническую ссылку, чтобы убедиться, что страница доступна для индексации и ведет на правильный URL. Случайный тег noindex может исключить страницу из выдачи Google.
Название
Описание
framer.com
Теги для соцсетей
Просматривайте теги Open Graph и Twitter card, которые управляют предпросмотром ссылок (включая og:image), и оценивайте, как они отображаются на каждой платформе.
Фавикон
Посмотрите, как фавиконка будет отображаться в браузере и в Google рядом с вашей страницей, и убедитесь, что она загружается в подходящем размере.
Название
Описание
framer.com
Практическое руководство по просмотру метатегов
Метатеги скрыты от посетителей, но именно они определяют, как страница отображается в поиске и социальных сетях. Инструмент для просмотра метатегов позволяет увидеть их всего за пару секунд.
Что такое инструмент просмотра метатегов?
Инструмент для просмотра метатегов загружает веб-страницу и отображает список содержащихся на ней метатегов и связанных элементов заголовка head. Это избавляет вас от необходимости открывать исходный код страницы и искать каждый тег вручную.
Как посмотреть метатеги сайта
Введите URL страницы и запустите средство просмотра. Вы также можете нажать правой кнопкой мыши на страницу, выбрать «Просмотреть исходный код страницы» и выполнить поиск по слову «meta», но средство просмотра дополнительно отображает превью и подсвечивает недостающие теги.
Какие метатеги должны быть на каждой странице?
Уникальный заголовок (title), метаописание (meta description), тег viewport, каноническая ссылка (canonical), теги Open Graph (og:title, og:description, og:image, og:url) и twitter:card. Добавляйте тег robots только тогда, когда нужно ограничить индексацию.
Рекомендуемая длина
Title длиной от 50 до 60 символов, meta description — от 140 до 160 символов, og:title — до 60 символов и og:image размером 1200 x 630 пикселей.
Просмотр метатегов или проверка метатегов
Инструмент просмотра показывает содержимое страницы. Инструмент проверки идет дальше и указывает на такие проблемы, как отсутствующие, дублирующиеся или слишком длинные теги. LinkPreview объединяет обе эти функции в одном окне.
Почему теги, которые я вижу, отличаются от исходных
Некоторые сайты добавляют или изменяют метатеги с помощью JavaScript уже после загрузки страницы. Многие поисковые роботы считывают только исходный HTML-ответ, поэтому убедитесь, что важные теги формируются на стороне сервера.
Смотрите метатеги лучших сайтов
Используйте галерею, чтобы посмотреть заголовки, описания и OG-изображения более чем 1700 отлично оформленных сайтов, а затем сравните их со своими страницами.
Другие бесплатные инструменты: проверка размера изображений OG, валидатор карточек Twitter, проверка фавикона и генератор метатегов.