Ребилд сайта детской стоматологии — канонизация, Portland

Клиент (конечный пользователь): Pine Tree Pediatric Dentistry — детская стоматология без ортодонтии, Portland, OR
Формат сотрудничества: White-label разработка для маркетингового агентства из США
Сроки: январь – февраль 2025 · основная разработка ~8 дней · 26 часов · в срок, без перерасхода

Подход к ребилду

Сайт детской стоматологии без ортодонтии в Portland, восстановленный из единственной таблицы очереди задач по ошибкам — без отдельной карты сайта — где ключевым требованием была канонизация URL, а не структура страниц. Каждая страница должна была принудительно устанавливать редирект с трейлинг-слешем, а блог практики, расположенный в /portland-pediatric-dental-blog/, должен был сохранить свой трёхсегментный путь. Без обоих условий поисковые системы индексировали бы дублирующиеся версии каждого URL, а возвращающиеся родители попадали бы на битые пути.

Агентство владело стратегией; мы — исполнением.

Краткий обзор

Постановка задачи

Маркетинговое агентство из США, нанятое Pine Tree Pediatric Dentistry — детской стоматологией без ортодонтии в Portland, OR — привлекло нас для ребилда существующего сайта на Elementor Pro. Практика обслуживает исключительно детей, с единой структурой услуг: профилактика, восстановительное лечение, седативная стоматология, стоматология для особых потребностей, послеоперационные инструкции и рекомендации для первого визита.

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

Задача была точной. Работать по спецификации агентства и очереди задач по ошибкам; выполнять каждую строку как написано; не выходить на прямой контакт с клиентом на всём протяжении. Спецификация агентства была передана в виде единственной таблицы очереди задач по ошибкам — без отдельной карты сайта, карты шаблонов или перечня страниц. Полную структуру страниц пришлось восстанавливать из задач и переписки в чате, а не сверять с формальной таблицей Google Sheets — это было ограничением того, как был организован бриф, а не выбором процесса.

Тестовая среда работала на WP Engine. Риск, от которого агентство страховалось, заключался в специфических для этого ребилда ошибках канонизации URL: посты блога практики находились в трёхсегментном пути (/portland-pediatric-dental-blog/), и каждый URL на сайте должен был принудительно перенаправляться с трейлинг-слешем — без обоих условий поисковые роботы индексировали бы две версии одной страницы, а родители, переходящие по старым закладкам, попадали бы на неразрешённые пути.

Как мы это сделали

1. Шаблон-ориентированная разработка по структуре детских услуг. Сервисная архитектура сайта следовала шаблону детской стоматологии без ортодонтии: страница услуг, ведущая к отдельным страницам услуг по каждому клиническому направлению (профилактика, восстановительное лечение, седативная стоматология, стоматология для особых потребностей, послеоперационный уход), а также страницы первого визита и форм для пациентов.

Каждая страница услуги имела единую структуру — описание процедуры, рекомендации для родителей и контактную форму, направленную в практику. Блог, расположенный в собственной поддиректории практики /portland-pediatric-dental-blog/, был восстановлен с сохранением структуры путей, чтобы сохранить все ссылки с предыдущих публикаций.

2. Канонизация трейлинг-слеша, применена на всём сайте. Спецификация агентства требовала, чтобы все страницы — статические и динамические — были доступны только с трейлинг-слешем, и чтобы все варианты без слеша перенаправлялись на каноническую форму со слешем. Это было реализовано через настройки постоянных ссылок WordPress и правила редиректов, последовательно применённые к страницам услуг, постам блога и архиву блога. Такое решение устранило проблему дублирования URL до запуска и предотвратило последующие артефакты обхода.

3. Спецификация выполнена строка за строкой, по таблице агентства. Очередь задач агентства документировала каждый пробел в контенте и функциональности относительно исходного сайта. Незавершённые блоки контента — включая страницу седативной стоматологии, на которой отсутствовали разделы из оригинала — были приведены в соответствие с оригиналом.

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

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

4. Интеграция GTM через Header Footer Code Manager, подтверждена до передачи. Агентство требовало перенести скрипт Google Tag Manager с исходного продакшена и установить его через плагин Header Footer Code Manager. Плагин был установлен на тестовую среду, но сам скрипт GTM ещё не был подключён — пробел, который остался бы незамеченным при визуальной QA-проверке, но молча нарушил бы сбор аналитики практики с первой же сессии после переключения.

Интеграция была проверена на работоспособность до того, как сборка ушла в очередь проверки агентства. Мы использовали Header Footer Code Manager вместо встраивания в тему, потому что он централизует все сторонние скрипты — изменения переживают обновления темы, и агентство может проверять или изменять размещения без работы с кодом.

Принудительный трейлинг-слеш и путь /portland-pediatric-dental-blog/ нужно было подтвердить до передачи — оба были не видны при визуальной QA, но проявились бы при каждом обходе и в каждой закладке возвращающегося родителя после переключения. Устранение дублирования URL до запуска и обнаружение хоста тестовой среды в футерной ссылке до того, как агентство её увидело — вот для чего нужен был внутренний QA-раунд.

Результаты

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

Контроль качества

Внутренняя проверка ссылок (issue #159) выявила кнопку в футере, ведущую на хост тестовой среды вместо живого пути your-first-visit — битый URL, который остался бы незамеченным при визуальной проверке — а сверка паритета показала, что каждая страница разрешалась как с трейлинг-слешем, так и без него — тот самый сигнал дублированного контента, для предотвращения которого и была создана спецификация агентства; оба дефекта были исправлены до передачи.

До сдачи QA проходил через Site Checker — см. наш подход к QA по категориям и принцип нулевых ошибок. Собственный QA-слой агентства — их инструменты, их процесс — работал после передачи и фиксировал замечания в общую очередь задач для нашего цикла исправлений до их согласования.

Процесс

Этапы перекрываются (QA шёл параллельно с поздней разработкой), поэтому календарный срок составляет примерно 35 дней от открытия проекта до финального подписания очереди задач, при том что основная разработка завершилась за первые 8 дней.

Команда

Команда проекта

• Евгений Карпов — ведущий разработчик (полный ребилд сайта, система шаблонов, канонизация трейлинг-слеша)
• Анна Полунина — очередь задач QA и исправление ссылок на страницы услуг
• Никита Тумашевич — координация QA и маршрутизация задач
• Антон Херсун, xaverPRO — руководитель проекта (оценка, коммуникация с агентством, согласование)

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

Агентствам, заказывающим ребилд WordPress