Обновление блога и библиотеки кейсов Yabeard
Объединили навигацию по статьям и кейсам: поиск, рубрики, свежие публикации, оглавление и переходы между связанными материалами.
Развитие собственного сайта Yabeard. Функции подтверждаются исходным кодом каталогов, страниц статей и кейсов, оглавления и sitemap; влияние на трафик и обращения не измерялось.
Задача
Блог и портфолио собственного сайта решают разные задачи: статьи объясняют инженерные подходы, а кейсы показывают контекст их применения. Нужно было организовать поиск по обоим разделам и связать чтение статьи с переходом к подходящему проекту. Для длинных материалов требовалась навигация по разделам, для каталога важны порядок публикаций и понятная реакция на запрос без совпадений.
Ограничения
- Поиск работает по заголовкам, описаниям и тегам; в портфолио дополнительно учитывается стек. Это фильтрация подготовленных данных в браузере, а не полнотекстовый поиск по содержимому статей.
- Связь кейса со статьёй задаётся явно через relatedArticles. Похожие статьи выбираются по рубрике; персональные рекомендации и редакционная CMS в этот механизм не входят.
Решение
Для двух каталогов использовали общий компонент поиска и выбора рубрики. Запрос разбивается на слова без учёта регистра, и карточка остаётся в выдаче при совпадении всех слов. Рядом отображается количество найденных материалов. Пользователь может очистить строку, а при пустой выдаче сбросить одновременно запрос и рубрику. Статьи сортируются по дате, кейсы по дате публикации с запасным порядком по году. Оглавление собирается из заголовков второго уровня и ведёт к соответствующим разделам статьи. Внизу доступны материалы той же рубрики и связанные кейсы; страница кейса выводит указанные статьи. Для страниц заданы описания, canonical, данные Open Graph и структурированная разметка. Sitemap формирует адреса публикаций из тех же наборов данных и использует указанные даты.
Результаты
| Метрика | До | После | Изменение |
|---|---|---|---|
| Выбор материала | Запрос и рубрика | Отфильтрованные карточки и счётчик совпадений | Реализовано в каталоге |
| Пустая выдача | Нет совпадений | Сообщение и сброс запроса с рубрикой | Предусмотренное состояние |
| Навигация при чтении | Заголовки и связи публикации | Оглавление, статьи по теме и связанные кейсы | Подтверждено исходниками |
| Представление страниц | Данные статьи или кейса | Метаданные, структурированная разметка и запись в sitemap | Формируется из данных |
Технологии
Артефакты
- Каталоги блога и портфолио с общей логикой поиска, рубриками, счётчиками и обработкой пустой выдачи.
- Оглавление статьи с якорными ссылками, подборка публикаций по рубрике и переходы между статьями и кейсами.
- Сортировка публикаций, метаданные страниц и карта сайта, использующие даты и адреса из контентных наборов.
Разборы по теме
Редизайн и SEO: как перенести адреса и проверить миграцию
Карта старых и новых URL, постоянные перенаправления и протокол проверки после редизайна: управляемый переезд без обещаний сохранить позиции.
Core Web Vitals для бизнеса: что измерять и что исправлять первым
Пороги LCP, INP и CLS, различия полевых и лабораторных измерений и порядок приоритетов для страниц, которыми действительно пользуются клиенты.