Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
SEO

Как проверить Title, Description и H1 перед запуском сайта

47 
 

Итак, ваш сайт почти готов, и хочется уже закрыть задачи по запуску. Вы открываете две карточки наугад и видите, что у разных товаров один и тот же Title. В описании другого светильника указана доставка на завтра, хотя товара нет на складе. И неизвестно, сколько еще таких ошибок прячется в каталоге.

В этой статье на примере условного магазина светильников «СветДом» пройдем проверку Title, Description и H1 от поиска причины до составления ТЗ и приемки исправлений.

1. Выберите 10 страниц для приемки

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

1. Главная — /.

2. Категория «Потолочные светильники» — /catalog/potolochnye-svetilniki/.

3. Другая категория «Настольные лампы» — /catalog/nastolnye-lampy/.

4. Категория с длинным названием «Светильники для больших помещений» — /catalog/svetilniki-dlya-bolshih-pomeshcheniy/.

5. Карточка белого светильника Luma 24 — /product/luma-24-white/.

6. Самостоятельная карточка черного Luma 24 — /product/luma-24-black/.

7. Карточка Terra 18 с небольшим набором характеристик — /product/terra-18/.

8. Карточка Vela 12 с действующей акцией — /product/vela-12/.

9. Карточка Sol 30, которого нет в наличии — /product/sol-30/.

10. Карточка с длинным названием Pro Line 48 Dimmable Black — /product/pro-line-48-dimmable-black/.

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

Десять страниц помогут разобрать примеры ошибок, после чего проверку расширим на остальные страницы с тем же шаблоном.

Заведите таблицу, в которой будете собирать результаты. Для каждого URL нужны тип страницы, фактические Title и Description, число H1 и их тексты. Укажите, из какой версии HTML вы получили значения, и добавьте поля для ошибки, исполнителя и результата повторной проверки.


Разместите
тендер бесплатно

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

Заполнить заявку 13818 тендеров
проведено за восемь лет работы нашего сайта.


2. Проверьте наличие, содержание и повторы

Элемент <title> в разделе head задает название HTML-документа. Description хранит краткое описание страницы в атрибуте content метатега <meta name="description">. А H1 обозначает заголовок первого уровня в содержимом страницы, его выводят элементом <h1> в разделе body.

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

Получите значения из HTML

Начнем с карточки белого светильника. Откройте исходный код через меню браузера или Ctrl+U. В <title> прочитайте название документа, а у метатега с name="description" — значение content. Затем найдите <h1 и его текст.

Для этой карточки подойдет такая запись:

```html

<head>

<title>Светильник Luma 24, белый — СветДом</title>

<meta name="description" content="Белый светильник Luma 24 мощностью 24 Вт. Размеры и характеристики — в карточке товара.">

</head>

<body>

<h1>Светильник Luma 24, белый</h1>

</body>

```

Если содержимое формирует JavaScript, проверьте страницу и после загрузки. Нажмите F12 и откройте панель Elements, чтобы сравнить итоговые head и body с исходным кодом. Запишите, какие поля появились или изменились.

Внесите найденные значения в таблицу и укажите их источник — исходный код или HTML после выполнения JavaScript. Если вы не нашли элемент, отметьте его отсутствие. Пустой <title></title>, content="" или <h1></h1> запишите как незаполненное поле.

Заодно проверьте дубли внутри страницы. Два Title или два метатега Description передайте разработчику с пометкой «два элемента на одном URL». Совпадение значений у разных страниц разберем после того, как соберем всю выборку.

Соберите значения по списку страниц

Первую карточку мы проверили вручную. Чтобы собрать поля всей выборки в общий список, используем сервис «Аудит сайта» в PR-CY и режим «Мой список страниц».

1. Откройте «Настройки» проекта и раздел «Аудит сайта».

2. Включите «Мой список страниц». Вставьте десять полных URL, каждый с новой строки. К путям из нашего набора добавьте протокол и домен своего стенда. Например, /product/luma-24-white/ станет https://stage.example.com/product/luma-24-white/.

3. Выключите «Следовать по найденным ссылкам» и «Учитывать sitemap», чтобы обход охватил заданный список.

4. Нажмите «Сохранить». Теперь в модуле «Аудит» откройте «Сводка» и запустите обход кнопкой «Новая проверка».

Настройка списка из четырех URL проекта PR-CY

Дождитесь, пока PR-CY закончит обход, и откройте «Страницы сайта». В отчете вы получите список просканированных URL с найденными ошибками. Сверьте состав и число страниц с исходным списком из десяти адресов.

Через «Настройка колонок» добавьте «Description» и «Контент H1», а Title прочитайте в строке страницы над ее адресом. Нажмите на URL первой карточки, чтобы открыть отчет страницы с подробностями ошибки, и сопоставьте значения с ее HTML.

Колонки отчета собирают описания и заголовки первого уровня в одном списке.

Дальше разберем содержимое полей.

Title должен называть именно эту страницу

Вернемся к белому и черному светильникам. У самостоятельных карточек белой и черной модели одинаковый Title «Светильник Luma 24 — СветДом». В нем не хватает цвета, хотя URL относятся к разным вариантам товара. Сопоставьте название с цветом или мощностью в карточке и запишите расхождение.

Для главной проверьте название магазина и ассортимент, для категории — тип товаров, для карточки — модель. Заодно поищите «Главная», «Каталог», «Товар», тестовый бренд и незаполненные подстановки вроде {product_name}. Если заголовок документа содержит отзывы, фотографии или доставку по всей России, найдите эти сведения на странице.

С названием категории другая история. В «Светильники купить | Купить светильники | СветДом» запрос повторяется, а сама категория так и не названа. Сравните с «Потолочные светильники — СветДом» — здесь уже сказано, какие товары собраны на странице.

Description должен дополнять Title сведениями о странице

С названиями разобрались, перейдем к условиям покупки. В карточке Sol 30 товара нет в наличии, а в Description написано «В наличии, доставим завтра». Такое описание призывает покупателя купить товар, которого сейчас нет.

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

Проверьте таким же образом характеристики и условия покупки у остальных товаров. Заодно выясните, не скопирован ли сюда Title и не заполнены ли описания одинаковым рекламным текстом. Важные сведения поставьте в начало описания. Если оно собирается из свойств товара, проверьте исходные данные.

Здесь пригодятся Terra 18 и Vela 12 из нашей выборки. У Terra 18 проверьте, не оставляет ли шаблон оборванную фразу при пустой характеристике. Когда акция Vela 12 закончится, в описании не должно быть скидки. А если шаблон подставляет цену, сравните ее с карточкой.

Заголовок и описание в выдаче поисковик составляет из метатегов и содержимого страницы. К фактическим сниппетам вернемся после обхода сайта поисковиком.

Убедитесь, что основной заголовок выведен как H1

В карточках белого и черного светильников заголовок тоже должен различать варианты по цвету. Сопоставьте его с названием документа и описанием. Число элементов H1 и их тексты внесите в таблицу, затем согласуйте один основной заголовок с названием категории или товара.

В наших карточках проверьте и название модели с цветом, и элемент, которым его вывел шаблон. Заголовки H1–H6 помогают понять структуру документа. Если вы нашли второй H1, разберите его роль в структуре.

Сопоставьте значения между URL и проверьте масштаб

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

В разделе «Страницы сайта» нажмите «Добавить фильтры», выберите «Неуникальный title» и нажмите «Применить фильтры». В списке останутся страницы с повторяющимся Title. Сбросьте фильтр и повторите отбор для «Неуникальный description» и «Неуникальный h1».

Для незаполненных полей используйте категории «Ошибки title», «Ошибки description» и «Ошибки h1». В категории H1 доступны «Отсутствует» и «Больше одного». Проверяйте категории по очереди. Фильтры работают через «И», поэтому сочетание ошибок Title и Description оставит только страницы, где найдены обе проблемы.

Меню позволяет отобрать страницы с пропущенными полями и дублями.

Для белого и черного светильников с одинаковым Title и разными Description подойдет «Неуникальный title». Сопоставьте поля и карточки, затем выясните, относятся ли URL к разным товарам или к копиям одной страницы с параметрами фильтра либо сортировки. Разница важна для ТЗ — варианту товара нужно свое название, а технические копии требуют решения по адресам.

Чтобы проверить масштаб ошибки шаблона, добавьте в «Мой список страниц» остальные URL, которые его используют. Сохраните настройки и повторите аудит. Список найденных страниц приложите к заданию исполнителю.

До изменений сайта скачайте исходный отчет через «Экспорт» в формате XLSX. В таблице отсортируйте строки по каждому полю и запишите URL с совпавшим текстом вместе с различиями страниц. Отобранные адреса и значения перенесите в таблицу с ошибками, исполнителями и условиями приемки. Этот отчет понадобится нам после правок.

Оформите ТЗ и примите исправления

Теперь у нас есть примеры ошибок и список страниц, которые они затронули. Осталось определить, что исправить в CMS и кому поручить задачу.

Если в CMS записано нужное название, а шаблон выводит другое, задание получит разработчик. Неверные исходные характеристики и текст описания передайте контент-менеджеру. Если ошибочны и данные, и шаблон, создайте два ТЗ для той же группы URL.

Сначала разберите ошибки всего шаблона — пустой Title карточек или H1 с названием магазина вместо товара. Затем исправьте неверные сведения в описаниях конкретных товаров. Формулировки правьте, когда проверите, как шаблон выводит поля и что в них написано.

Технические копии одной карточки передайте разработчику. Он определит, какие адреса должны оставаться самостоятельными и как обрабатывать остальные.

Передайте исполнителю пример и критерий приемки

В задании укажите URL и результат проверки. Запишите нужное значение поля или правило, по которому шаблон должен его заполнять. Перечислите страницы, которые затрагивает правка, и опишите, как проверить результат.

Например, подготовим такое задание разработчику для двух Luma 24:

На /product/luma-24-white/ и /product/luma-24-black/ выводится одинаковый Title «Светильник Luma 24 — СветДом». Шаблон самостоятельных карточек вариантов должен подставлять цвет из свойства товара. Для белого товара ожидаем «Светильник Luma 24, белый — СветДом», для черного — «Светильник Luma 24, черный — СветДом». В H1 выведите модель и цвет элементом <h1>. Название товара с пустым свойством сохраните цельным, без пустой подстановки. Проверьте обе карточки и другие товары по этому шаблону.

С Sol 30 разберется контент-менеджер:

На /product/sol-30/ товара нет в наличии, а в Description написано «В наличии, доставим завтра». Уберите неподтвержденные условия покупки и укажите модель с доступными на странице характеристиками. С разработчиком согласуйте, как описание обновляется при смене наличия. При повторной проверке оно должно соответствовать карточке.

Добавьте в задачу все URL отсутствующих товаров, у которых найдены те же неверные сведения.

Повторите проверку после правок

Вернемся к тем же десяти URL. Сверьте новые поля с исходной таблицей и ожидаемыми значениями из задач. У обоих Luma 24 проверьте цвет, у Terra 18 с неполными характеристиками — цельное название. Описание Sol 30 должно соответствовать наличию. На мобильной версии повторите проверку основного H1.

Затем проверьте всю найденную группу, а вслед за ней — несколько соседних страниц на измененном шаблоне. В настройках PR-CY сохраните сопоставимый набор URL для повторного аудита и в разделе «Сводка» запустите аудит кнопкой «Новая проверка». Когда обход завершится, сверьте дату отчета и наличие всех нужных страниц. Примените прежние фильтры и через «Экспорт» скачайте новый XLSX. Закройте задание, если на нужных URL поля и содержимое страниц соответствуют условиям приемки.

Пример сводки для четырех URL PR-CY. После правок кнопка «Новая проверка» запускает повторный обход, а «Экспорт» сохраняет отчет для сравнения.

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

Вопросы, которые могли у вас остаться

Нужно ли проверять страницы с noindex?

Да, директива noindex запрещает индексировать страницу и не закрывает ее от посетителей. Название и основной заголовок нужны пользователю и на таких страницах. Если после запуска вы откроете индексацию, подготовьте описание заранее.

Как проверить сайт с двумя языковыми версиями?

Проверьте каждую версию. Title и Description должны соответствовать языку и содержанию страницы, а H1 — называть товар или категорию на этом же языке. Убедитесь, что шаблон не подтягивает русский текст в английскую версию или наоборот.

Как задать название и описание ссылки для мессенджеров?

Название и описание карточки ссылки задают метатеги Open Graph og:title и og:description. Для изображения используйте og:image. После правок отправьте ссылку в нужный мессенджер и проверьте превью.

Лучшее
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




50

Лучшие статьи

Поделиться: 0 0 0
PR-CY , Нижний Новгород
 0  2  2

Оцените статью
Спасибо за оценку