Rabbit Remodeling — редизайн и разработка на WordPress, Шарлотт

Обзор проекта

Rabbit Remodeling LLC строит и ремонтирует террасы, заборы, перила и лестницы для домовладельцев в Шарлотте, Северная Каролина. Компания застрахована, делает бесплатный выезд на замер и даёт двухлетнюю гарантию на новые террасы и заборы — и ничего из этого не доходило до людей через поиск.

Старый сайт стоял на конструкторе Zyro: пять страниц, <title> главной — буквально «Home», без meta description, из структурированных данных только пустой узел WebSite, фотографии отдавались полновесными JPEG. Одиннадцать разных услуг — строительство террас, композитный настил, лестницы и перила, установка заборов, калитки, покраска, реставрация — жили как короткие абзацы на одной странице. Домовладельцу, который ищет «deck builder Charlotte NC», было не на что попасть, а владелец не знал, какая реклама или канал приносит звонок.

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

Моя роль в проекте

Я лично работал над этим проектом от аудита старого сайта на конструкторе до готовой сборки перед запуском. Направления, которые я вёл и выполнял непосредственно:

• Аудит сайта на Zyro и новая информационная архитектура вместо него: 17 страниц вместо 5, хаб услуг и одиннадцать самостоятельных страниц услуг
• Редизайн существующего тёмно-зелёного направления бренда в полноценную дизайн-систему: раздельный герой с полосой бейджей доверия, паттерн из двух CTA, липкая панель звонка на телефонах, единый ритм секций во всех шаблонах
• Кастомная тема WordPress с нуля — без конструкторов страниц, без jQuery, один файл стилей на 48 КБ и один скрипт на 17 КБ на весь сайт
• Группы полей ACF Pro за каждым блоком: владелец правит заголовки, тексты, фото, галереи, услуги, ответы FAQ и контакты, не трогая код
• Полный SEO-слой: заголовки и описания под каждую страницу, один H1 на страницу, граф Schema.org (HomeAndConstructionBusiness, Service, BreadcrumbList, WebSite, WebPage) с 12 городами обслуживания и 9 округами в areaServed, sitemap, robots, Open Graph
• Тексты для всех одиннадцати страниц услуг, блоков FAQ и раздела зоны обслуживания
• Конвейер заявок: REST-эндпоинт с полной атрибуцией кампаний, защита от спама, входящие заявки в админке и слой событий для GTM/GA4
• Работа над скоростью: WebP везде, явные размеры изображений, ленивая загрузка ниже первого экрана и fetchpriority на герое, собственные шрифты с preload

Что я сделал

Одиннадцать страниц услуг, которые реально могут ранжироваться. Каждая — полноценная страница, а не шаблон с подменённым названием: что входит, материалы и варианты, недавние проекты этой категории, процесс из четырёх шагов, раздел простым языком о том, из чего складывается цена, уход за результатом, восемь ответов FAQ и перелинковка на смежные услуги. Только страница строительства террас состоит из пятнадцати секций. На каждой — schema Service и собственные хлебные крошки.

Трекинг заявок, который отвечает на вопрос «откуда это пришло». Форма заявки отправляется на собственный REST-роут (/wp-json/rabbit/v1/lead) с обычным резервным admin-post.php, поэтому работает даже если JavaScript отвалился. Каждая заявка несёт utm_source, utm_medium, utm_campaign, utm_term, utm_content, а также gclid, gbraid, wbraid и fbclid для Google и Meta, лендинг входа, реферер и то, какая именно форма на какой странице использовалась. Атрибуция сохраняется на стороне клиента при первом контакте и живёт 90 дней: посетитель, который пришёл с рекламы, ушёл и вернулся через месяц, всё равно приносит с собой кампанию. Владелец видит это рядом с каждой заявкой в админке WordPress, а не догадывается по письму.

Слой аналитики, готовый к GTM. form_start, generate_lead (с выбранной услугой и местом формы на странице), phone_click, email_click и клики по соцсетям уходят в dataLayer. Переход на страницу благодарности ждёт eventCallback от GTM с запасным таймаутом в одну секунду — конверсия записывается до того, как браузер уйдёт со страницы. Именно здесь большинство сайтов на WordPress незаметно теряет конверсии Google Ads.

Защита от спама, которая не мучает реальных клиентов. Cloudflare Turnstile, скрытая ловушка по времени для ботов, отправляющих форму мгновенно, и ограничение частоты по соединению — с сообщениями об ошибках человеческим языком, а не на языке валидатора.

Измеренная скорость. В Lighthouse сборка перед запуском набирает 100 на десктопе и 96 на мобильном по performance, при 100 за accessibility и 100 за best practices на обеих платформах. Largest Contentful Paint — 0,5 с на десктопе и 2,0 с на мобильном; Cumulative Layout Shift равен 0 — ничего не прыгает под пальцем читателя. Все изображения в WebP, герой предзагружен, шрифты свои с двумя preload-файлами, сайт отдаёт ровно один запрос за CSS и один за JS.

Сайт готов и работает на staging-домене для приёмки владельцем; на rabbitremodelingco.com он переезжает при запуске — тогда же SEO-оценка поднимется с 66 до 100, потому что единственная непройденная проверка на staging — это намеренный noindex, который держит превью вне Google.