Как посмотреть теги сайта
Перейти к содержимому

Как посмотреть теги сайта

  • автор:

Анализ мета-тегов страницы

Раньше, чтобы проверить мета-теги, SEO-специалистам нужно было открывать исходный текст страницы и анализировать данные в ручном режиме. К счастью, теперь для этого есть удобный инструмент от компании Involta. С его помощью можно быстро провести проверку meta tags и элементов разметки страницы: Title, Description, Keywords, Open Graph и других.

Программа проводит полный аудит интересующей вас страницы по ссылке: анализ мета-тегов и правильность их заполнения, наличие микроразметки и счетчиков аналитики. Весь процесс занимает несколько секунд, и в результате вам не нужно выделять нужную информацию из исходного кода. Функционал программы незаменим для сео, ведь он позволяет гораздо быстрее проверить сайт перед или во время оптимизации.

2010- 2023 © Инвольта

Все права защищены.

Где мы находимся

Москва: Варшавское ш.,1 стр. 6

Юр. адрес: 153000, г. Иваново, ул.

Парижской Коммуны, д. 3а, офис 510

Мета-теги. Оптимизация и проверка

Мета теги — это специальные HTML-теги, расположенные в теге страницы. Они предоставляют структурированные метаданные о веб-странице и рассчитаны для браузеров и роботов.

5.9K открытий
Какие мета-теги важны для SEO

Существует множество мета-тегов, но для оптимизации сайта важное значение имеют следующие:

  • — предназначен для краткого описания документа. Содержание данного тега часто выводится в результатах поиска Google. Яндекс в свою очередь сообщает, что также может использовать его в сниппетах, а некачественное содержание (например, переспам ключевыми словами или описание, не соответствующее контенту страницы) может стать причиной удаления страницы из результатов поиска. Поэтому важно знать, как правильно заполнять description.
  • — содержит ключевые слова. Google не учитывает содержание данного тега, однако Яндекс в своей справке сообщает, что может его учитывать при ранжировании.
  • — сообщает поисковым роботам правила индексации страницы. Для данного тега важно знать значение следующих атрибутов: noindex/index — указание роботу интексировать/неиндексировать данную страницу; nofollow/follow — не переходить/переходить по ссылкам на странице. Подробнее о способах закрытия сайта от индексации.
  • — используется для указания браузеру информации о том, как открывать страницу на мобильном устройстве. Наличие данного тега является одним из условий оптимизации для мобильных устройств.
  • title — его содержание используется в качестве названия страницы в окне браузера и заголовка сниппета в результатах поиска. С технической точки зрения title не относится к мета-тегам, но он имеет аналогичный принцип работы и важное значение в определении релевантности страницы.

С подробными рекомендациями по написанию мета-тегов вы можете ознакомиться в статьях:

  • правила заполнения title;
  • правила заполнения description;
  • правила заполнения keywords.

Проверка мета-тегов

Ошибки в заполнении мета-тегов могут существенно затруднить продвижение сайта, поэтому важно знать основные способы проверки тегов title, description и keywords.

1. Первый способ — просмотр исходного кода страницы. Для этого необходимо перейти к просмотру кода страницы используя сочетание клавиш Ctrl+U или выбрав соответствующий пункт в меню при клике правой кнопкой мыши. В появившемся окне в разделе страницы необходимо найти следующий код:

2. Второй способ — использование расширений для браузера. Существует множество расширений, которые позволяют в несколько кликов посмотреть мета-теги страницы. Какое из них выбрать, личное дело каждого, мы используем:

  • RDS bar для Mozilla Firefox;
  • SEO META in 1 CLICK для Google Chrome.

Проверка мета-тегов

Мета-теги имеют важное значение в определении релевантности документа поисковыми системами. Ошибки в их заполнении могут существенно затруднить продвижение сайта, поэтому важно знать основные способы проверки тегов title, description и keywords.

  1. Первый способ — просмотр исходного кода страницы. Для этого необходимо перейти на страницу просмотра кода страницы используя сочетание клавиш Ctrl+U или выбрав соответствующий пункт в меню при клике правой кнопкой мыши.
    В появившемся окне в разделе страницы необходимо найти следующий код: Проверка мета-тегов
  2. Второй способ — использование расширений для браузера. Существует множество расширений, которые позволяют в несколько кликов посмотреть мета-теги страницы. Какое из них выбрать, личное дело каждого, мы используем:
    • RDS bar для Mozilla Firefox;
    • SEO META in 1 CLICK для Google Chrome.

    Проверка мета-тегов с помощью плагинаПроверка мета-тегов с помощью плагина полная информация

  3. Третий способ — использование букмарклетов (представляет собой скрипт, оформленный как браузерная закладка). Перенесите данную кнопку на панель закладок браузера, и при нажатии на него на экране будет выведен список мета-тегов страницы.
    Букмарклеты можно найти здесь. Проверка мета-тегов с помощью букмарклетов
  4. Четвертый способ — использование специальных программ. Данный способ удобен для проверки мета-тегов сайта на всех страницах. С этой задачей отлично справляется программа сканирования сайта Screaming Frog SEO Spider. Для анализа мета-тегов необходимо сначала просканировать проверяемый сайт, и после завершения сканирования выбрать в интерфейсе программы вкладки с интересующими тегами. Проверка мета-тегов при помощи программы Screaming Frog
  5. Также существуют сервисы для проверки тегов онлайн. Вводите URL-адрес и получаете полную информацию о мета-тегах данной страницы.
    Например: https://seo-inf.ru/tools/view-metatags/

Проверка метатегов: как узнать метатеги сайта онлайн

Создание сайта дело интересное, но требующее концентрации на куче разных мелочей, которые определяют успех новорожденного или обновленного ресурса. Метатеги — это одна из таких «мелочей». Забудешь про них — ничего криминального не случится: сайт будет работать корректно. Но дьявол кроется в деталях: без грамотных метатегов в ТОП поисковых систем попасть нереально.

Для любого сайта, нацеленного на продвижение в поисковиках, проверка метатегов одна из приоритетных задач. Разберемся, где и как проводить анализ.

Для чего нужны метатеги

Для чего нужны метатеги - картинка

Метатеги — это элементы HTML-кода, которые несут дополнительную информацию для поискового бота. Люди поглощают контент с экранов, а краулеры ползают по бесконечным строчкам кода и пытаются классифицировать информацию, чтобы по запросу пользователей выдать наиболее релевантный результат. Этот процесс называется индексацией.

В принципе, краулеры — умные паучки и сами умеют разбираться, что почем. Но вы можете им помочь, дать подсказку, что, мол, на этой странице речь идет о цветочках, а на этой — о ягодках. Причем, информация эта на самом сайте пользователю не будет видна. Единственное, где простой смертный может посмотреть на содержимое метатегов, — это сниппет на странице выдачи поисковика и панель с открытыми вкладками в окне браузера. Особо продвинутые могут узнать метатеги сайта онлайн в исходном коде страницы: в HTML они прописываются в заглавном контейнере .

Метатеги — важные факторы продвижения в SEO. Они упрощают индексацию сайта, помогают краулеру более точно определить тематику страницы и показывать ее только по релевантным запросам, влияют на кликабельность сниппета, т.к. по сути это единственная возможность повлиять на его формирование: если мета-заголовок и мета-описание понравятся поисковику, он подтянет в сниппет содержимое метатегов.

Если сайт подобрался к десятке топа и застрял, проверка правильности метатегов и исправление ошибок помогут сдвинуть дело с мертвой точки.

Важные метатеги

Важные метатеги - картинка

Наиболее важную роль в продвижении играют SEO-метатеги.

Метатеги title и description в сниппете - скриншот

  • Title — мета-заголовок страницы. Должен отражать суть контента. В сниппет подтягивается в виде в виде кликабельного заголовка. Также отображается в качестве заголовка открытой вкладки в браузере и как название документа в закладках.
    Подробно о роли мета-заголовков мы писали в статье Title — что это за meta-тег и где прописать, примеры.
  • Description — мета-описание страницы. В отличие от тайтла более полно анонсирует содержимое документа. В сниппет подтягивается в качестве небольшого текста.
    Полезные материалы по Description собраны в нашей статье Мета тег description – для чего используется и как правильно заполнять.
  • Keywords — список ключей, по которым продвигается страница. Когда-то этот метатег был вне конкуренции, туда прописывали тонны ключей, но оказалось, что это тупиковая ветвь развития. Лавочку с meta-keywords прикрыли в Google, т.к. поисковые алгоритмы кардинально изменили свои приоритеты. Яндекс всё ещё может учитывать keywords для более точного определения релевантности страницы запросу пользователя, что указано в Яндекс Справке.
    Keywords по привычке некоторые опытные сеошники еще заполняют, но максимум 1-2 ключевых слова, соответствующих содержимому страницы. Основные ключи всё же прописываются в Title и Description.

Зачем проверять метатеги

Зачем проверять метатеги - картинка

В метатегах важны 2 вещи:

  1. Не забыть их заполнить.
  2. Заполнить их правильно.

Дело здесь не только и не столько в синтаксисе — с этим как раз не сложно разобраться даже человеку, не знакомому с HTML.

Проблема в том, что ошибки в заполнении метатегов тормозят продвижение. Самые распространенные ошибки, которые делают сайт уязвимым и снижают его конкурентоспособность:

  • метатеги не заполнены;
  • существенный перебор по длине: норма для Title 55 знаков или 12 слов, для Description — в диапазоне от 120 до 255 знаков;
  • дублирующееся содержание метатегов: для каждой страницы сайта Title и Description должны быть уникальными, плагиат с чужих источников тоже недопустим;
  • содержание у Title и H1 не должно совпадать;
  • заспамленность или, наоборот, недостаток ключей;
  • нерелевантные, слишком короткие и неинформативные метатеги.

Как проверить метатеги

Как проверить метатеги - картинка

Яндекс-Вебмастер

Яндекс считает отсутствие Description на страницах сайта существенной проблемой, поэтому быструю проверку этого метатега можно провести прямо в панели вебмастера во вкладке меню «Диагностика» → «Диагностика сайта». Если есть проблемы, вы увидите сообщение «На многих страницах сайта отсутствуют или некорректно заполнены метатеги Description. Это может негативно повлиять на представление сайта в результатах поиска. Ознакомьтесь с примерами и исправьте ошибки». Кликните на ссылку, чтобы увидеть список проблемных страниц.

Проверка метатегов сайта в Яндекс Вебмастере - скриншот

Исходный код страницы

Не имея доступа к панели вебмастера, можно быстро проверить онлайн любые метатеги прямо в браузере.

Зайдите на нужную страницу сайта, нажмите Ctrl+U или правую кнопку мыши и выберите в открывшемся меню пункт «Исходный код страницы». Вас перекинет на файл с html-кодом.

Теперь нажмите Ctrl+F или F3, появится окно поиска, куда можно вводить названия любых элементов, и они будут подсвечиваться в массиве кода. Следите, чтобы все метатеги располагались в контейнере head.

Проверка метатегов через исходный код страницы - скриншот

Расширения для браузеров

Браузерные расширения для онлайн-анализа сайта немного ускоряют проверку метатегов, достаточно установить их, нажать на появившийся в панели инструментов значок и запустить проверку. Единственный минус такого софта — анализировать приходится каждую страницу отдельно. Это уместно только на небольших сайтах.

  • RDS bar — многофункциональное бесплатное расширение для браузеров Opera, Firefox, Google Chrome, умеет анализировать множество SEO- параметров, в том числе находит и показывает SEO-теги.
  • SEO META in 1 CLICK — расширение для Google Chrome, вся необходимая информация по метатегам находится в первой вкладке отчета SUMMARY.

Букмарклеты

Букмарклет — это небольшая программка JavaScript, которая устанавливается на браузер и выглядит как обычная закладка. Такие SEO-программы любимы специалистами по продвижению за простоту и универсальность: для установки нужно просто перетащить ссылку с программой в панель закладок, и не важно, какой у вас браузер и операционка.

coolBM — букмарклет для онлайн-проверки метатегов Title, Description, заголовков сайта H1–H6 и прочих необходимых для SEO компонентов.

Большой каталог полезных букмарклетов собран по ссылке: https://arsenkin.ru/tools/bookmarklet/.

Специализированный софт

Полноценный парсинг метатегов на своем и чужих сайтах удобно проводить с помощью специальных программ, которые сканируют страницы по всем главным SEO-параметрам. Программу нужно скачать с сайта разработчиков и установить на свой компьютер.

  • Screaming Frog SEO Spider — профессиональный софт для аудита любых сайтов по множеству параметров, включая анализ метаданных. Бесплатно можно проверить 500 URL, если нужно больше, придется покупать лицензию за £ 149.00 в год.
  • SiteAnalyzer — бесплатный аналог программы Screaming Frog российских разработчиков.

Онлайн-сервисы

Для онлайн-анализа метатегов можно использовать многофункциональные интернет-сервисы, которые так же, как специализированный софт, сканируют сайты по важнейшим SEO-параметрам.

  • Анализ мета-тегов на сайте — простейший инструмент сервиса seo-inf.ru. Нужно ввести URL, нажать кнопку «Анализ» и дождаться отчета по основным метаданным.
  • Парсер метатегов — платный инструмент платформы PromoPult для онлайн-проверки тегов тайтл, дескрипшен, кейвордс и заголовков H1–H6 на любых сайтах. Разрешает 500 бесплатных пробных запросов.
  • Serpstat — SEO-платформа с большим набором инструментов. Отчет по метатегам доступен в разделе «Аудит сайта», инструмент сообщает, какие ошибки допущены при формировании Title и Description и т.д.
  • https://tools.pixelplus.ru/tools/seo-tags — инструмент от интернет-агентства Пиксель Тулс, не только парсит метатеги и ищет ошибки, но также дает подсказки по их оптимизации. Инструмент работает только на платных тарифах.

Вывод

Метатеги — это та одежка, по которой ваш сайт встречают краулеры поисковых систем, поэтому игнорировать их очень опрометчиво. Если вы сделали хороший, удобный сайт, но он застрял за пределами видимости поисковой выдачи, обратите внимание на метатеги: проведите полномасштабную проверку их наличия для каждой страницы, грамотность оформления и релевантность контенту. Оптимизация метатегов способна сдвинуть застрявший сайт с мертвой точки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *