Это статья про внутреннее развитие этого сайта в ходе которого затрагиваются и более общие вопросы по разработке

Ключевые тезисы статьи (О чем пойдет речь)

  • Анатомия ошибок GSC: Почему робот Google выдает предупреждения «Отсутствует поле position» и «Укажите name или item.name».
  • Ловушка разделителей: Как обычные декоративные точки между ссылками ложно регистрируются в Schema.org как пустые узлы навигации и пессимизируют сниппет
  • Рефакторинг под Next.js: Пошаговый разбор исправления компонента BreadCrumbs с внедрением динамического расчета индексов, изоляции элементов через aria-hidden и созданием безопасных тупиковых узлов для текущих страниц
  • Инструкция по валидации: Как правильно отправить исправления на экспресс-перепроверку поисковым роботам для мгновенного восстановления позиций домена в выдаче.

Все началось с уведомления в Google Search Console

Владельцу ресурса https://pravosleva.pro/

На вашем ресурсе обнаружена одна или несколько проблем (2) следующего типа: Строки навигации: структурированные данные. Они перечислены ниже: Основные критические проблемы*

  • Отсутствует поле "position" (в itemListElement)
  • Укажите "name" или "item.name". (в itemListElement)

* Страницы и функции с критическими проблемами не допускаются к показу в результатах поиска.

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

Решение

Code

Какую пользу принёс этот рефакторинг

  • 100% валидность в Google Search Console: Каждая крошка теперь содержит строгий мета-тег <meta itemProp="position" content="..." /> и явный маркер названия страницы <span itemProp="name">. Проблемы валидации полностью устранены.
  • Изоляция разделителей: Точки больше не прикидываются навигационными узлами ListItem. Мы добавили им атрибут aria-hidden="true", чтобы скринридеры слабовидящих пользователей и поисковые роботы вообще игнорировали их, не создавая лишнего шума.
  • Безопасный тупиковый узел: Для элементов без ссылки (!link) мы внедрили обёртку itemProp="item", внутри которой лежит itemProp="name". Это эталонная разметка Schema.org для финальной (текущей) страницы в цепочке крошек.

Что осталось делать после деплоя?

  1. Зайдите в Google Search Console в раздел «Строки навигации».
  2. Найдите данную ошибку и нажмите кнопку «Проверить исправление». В течение нескольких дней робот пересканирует страницы и снимет ворнинги с Вашего домена.