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.