Когда человек оказывается в суде — он ищет эксперта в тот же вечер. Он вводит запрос в Яндекс, открывает три ссылки и за 30 секунд решает, кому доверять. Этот момент и есть точка, где сайт либо работает, либо нет.
АНО РОСЭ — аккредитованная организация с пятнадцатью направлениями судебной экспертизы в Санкт-Петербурге. Хорошая репутация, опытные эксперты, документы в порядке. Но онлайн — пустота.
Анализ: что нужно пользователю в этой ситуации
Прежде чем писать код, я изучил, как люди ищут судебных экспертов:
- Запросы конкретные: «почерковедческая экспертиза цена спб», «заключение эксперта для суда»
- Доверие формируется через сигналы: лицензии, конкретные специалисты, понятные цены
- Скорость критична: 90% решений о звонке принимается в первые 30 секунд
Из этого я вывел три требования к сайту: быстрый старт в поиске, понятная структура услуг, визуальное доверие.
Инсайт: SEO нужно закладывать в архитектуру, а не добавлять потом
Это ключевой вывод, который я применяю теперь на каждом проекте. Добавить мета-теги после запуска — это не SEO. SEO — это решение о том, как устроены URL, как связаны страницы, как рендерится HTML в момент первого запроса от робота.
Для юридической тематики критично: Яндекс и Google оценивают YMYL-сайты (your money or your life) строже. Необходимы структурированные данные и семантическая разметка.
Решение
SSR с первого дня
React без SSR — это SPA, которое поисковый бот видит как пустую страницу. Я сделал сайт на Express + React с серверным рендерингом: бот получает готовый HTML с первого запроса, React подхватывает на клиенте и добавляет интерактивность.
Это было правильным решением на старте — не ждать, пока Google научится рендерить JS.
SILO-архитектура услуг
Каждое направление экспертизы — отдельная страница по маске /ekspertizy/:slug. Не один большой список, а отдельные посадочные страницы под конкретные запросы: «почерковедческая экспертиза», «строительно-техническая экспертиза», «оценочная экспертиза».
Это позволяет каждой странице ранжироваться по своим ключевым запросам.
Schema.org разметка
Реализовал полный комплект структурированных данных:
LegalService— тип организации, адрес, телефон, лицензииFAQPage— частые вопросы с ответами (влияют на сниппет в выдаче)Review— отзывы с разметкой (потенциальные звёзды в сниппете)BreadcrumbList— навигационные цепочки на каждой странице
Дизайн-система “The Juridical Monolith”
Для юридической тематики важна эстетика надёжности, а не креатива. Я разработал систему на основе двух принципов: строгая типографика (Manrope + Inter) и сдержанная цветовая схема (primary #162839 — тёмно-синий как символ авторитета).
Все UI-компоненты — через shadcn/ui с кастомизированными токенами. Формы заявок — React Hook Form + Zod для надёжной валидации.
PWA и производительность
Настроены Web App Manifests для возможности «установки» сайта. Изображения — lazy loading. Код — разбит на chunks через Vite. Core Web Vitals — в зелёной зоне.
Результат
Сайт запущен с полным набором технических SEO-сигналов с первого дня: SSR, Schema.org, sitemap.xml, robots.txt, корректные canonical, Open Graph. Всё, что обычно «добавляют потом» — здесь есть с момента запуска.
Клиент получил инструмент, который работает на него 24/7 — привлекает людей, которые ищут помощь прямо сейчас.