Как проверить title и description страниц сайта

Проверяйте title и description у конкретной страницы: сначала прочитайте значения в её коде, затем сравните их с содержанием и тем, что видно в поиске. Поле в редакторе сайта ещё не доказывает, что нужный текст попал в опубликованную версию. А другой заголовок в выдаче сам по себе не означает ошибку сохранения.

Что сравнивать: title, description и H1

Title — заголовок HTML-документа. Его обычно видно на вкладке браузера. Description — краткое описание в коде страницы. Оно не обязано отображаться отдельным абзацем для посетителя. H1 — основной заголовок внутри самой страницы: например, название статьи или услуги.

Эти тексты могут различаться, но должны описывать один и тот же материал. Если H1 обещает ремонт кофемашин, а title остался от страницы продажи кофеварок, человеку трудно понять назначение результата. Сначала исправьте противоречие, а уже затем подбирайте формулировки.

Поисковый сниппет — отдельный результат обработки страницы. Поиск может взять заголовок и описание из разных её частей. Заведите таблицу с тремя колонками: «задано в CMS», «получено на странице», «показано в поиске».

Как посмотреть значения на одной странице

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

1. В настольном браузере откройте исходный код страницы через контекстное меню. Во многих браузерах для этого используется Ctrl+U.
2. Включите поиск по коду и найдите <title>. Скопируйте текст между открывающим и закрывающим тегами.
3. Найдите метатег с name="description". Нужное описание находится в его атрибуте content.
4. Вернитесь на страницу и сравните результат с её основным заголовком и содержанием. Для проверки H1 можно открыть инструменты разработчика и найти элемент h1.

У сайта, который меняет содержимое с помощью JavaScript, исходный ответ и итоговая страница могут различаться. Если текст появляется только после загрузки, проверьте также раздел Elements («Элементы») в инструментах разработчика. Сохраните оба варианта и покажите разработчику, где текст различается. По одному просмотру кода нельзя определить, какую версию обработал поисковик.

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

Как найти пропуски и повторы на всём сайте

Для нескольких страниц достаточно списка адресов с выписанными значениями. Для каталога удобнее программа обхода сайта, которая собирает title, description и H1 по каждому URL. Нужна выгрузка с адресами, а не только итоговый балл проверки.

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

Группы одинаковых заголовков и описаний можно посмотреть и в Яндекс Вебмастере, в разделе «Индексирование» → «Заголовки и описания». Данные отчёта относятся к обходу робота и могут отставать от текущей страницы. Для каждого примера из группы откройте живой URL и проверьте значение заново.

Повторяющийся текст ещё не доказывает, что нужны две разные страницы. Сначала сравните их назначение. Если это разные услуги, уточните услугу в заголовке. Если это один документ по нескольким адресам, механическая смена слов не устранит сам дубль. Для списка адресов, которые сайт передаёт роботам, пригодится отдельная проверка Sitemap.xml.

Как исправить формулировки без лишних обещаний

Начните с важной страницы, для которой можете проверить каждое утверждение. Назовите её предмет: конкретный товар, услугу или вопрос статьи. Добавьте отличительный признак, если он действительно помогает выбрать страницу. Повтор одного запроса в нескольких вариантах не объясняет содержание.

Пример для условной мастерской: вместо «Услуги — Главная» можно написать «Ремонт кофемашин в Казани — мастерская „Зёрна“». Такой вариант подходит только странице ремонта в указанном городе. Если мастерская продаёт технику и не ремонтирует её, заголовок будет неверным независимо от его длины.

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

Не подгоняйте все страницы под одно «правильное» число символов. В выдаче текст может обрезаться под ширину экрана. Поместите суть ближе к началу и уберите слова, без которых смысл не меняется. Проверьте читаемость формулировки целиком, а не только счётчик длины.

Что проверить после сохранения

Сохраните изменения в CMS и выполните публикацию страницы, если у редактора это отдельное действие. Снова откройте её публичный адрес и повторите чтение title и description. Если по-прежнему виден старый текст, убедитесь, что опубликовали нужную страницу. Затем проверьте, не отдаёт ли сайт прежнюю копию из кеша. Если обнаружена ошибка шаблона, исправляйте её с разработчиком.

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

Затем отдельно проверьте результат в поиске по подходящему запросу. Запишите запрос, поисковик, регион, дату и показанный текст. Для наблюдения на телефоне используйте обычный мобильный экран: длинная формулировка может выглядеть иначе. После переобхода сравните результат ещё раз; точный срок обновления и дословное использование ваших тегов не гарантированы.

Если поиск выбрал другой текст, сопоставьте его с содержанием страницы и запросом. Не переписывайте корректный title каждый день только ради совпадения со сниппетом. Важно, чтобы сохранённые поля и сама страница давали человеку точное представление о материале.

Видео: где находится description и как его добавить

В ролике разобраны примеры описаний. С 6:19 показаны код страницы и настройки WordPress с Yoast SEO. В другом редакторе поля могут называться иначе; после сохранения всё равно проверьте публичную страницу.

Вопросы о title и description

Должны ли title и H1 совпадать дословно?

Нет. Они могут иметь разные формулировки, если описывают одну страницу. Например, title может содержать название компании, а H1 — только название услуги. Важнее отсутствие противоречий и ясный основной заголовок.

Почему description в поиске отличается от заданного?

Поиск формирует описание с учётом запроса и может выбрать фрагмент основного текста. Сначала убедитесь, что нужный description есть в опубликованной странице. Затем оцените, точнее ли показанный фрагмент отвечает на конкретный запрос.

Достаточно ли проверить заполненные поля в редакторе?

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