Что было
Сайт собран в 2017 году на шаблоне TemplateMonster (тема CherryFramework 2014–2016 годов) и с тех пор менялся кусками: часть страниц осталась в старом редакторе, часть переделали в Elementor, часть — вручную вставленными HTML-таблицами. Внешне это сайт «из середины 2000-х»: слайдер с красной надписью, вшитой прямо в JPEG, оранжевая заливка навигации, серый фон под текстом, английская кнопка «Contact us!» от чата, который давно не работает.
Но главные проблемы были не в эстетике. Мы измерили сайт, а не оценили на глаз:
| Что смотрели | Что нашли |
|---|---|
| Формы заявки | Ни одной на 27 страницах услуг. Единственный призыв — «звоните по тел.» текстом, даже без ссылки |
| Цены | Только на одной странице из 27 |
| Тексты услуг | Медиана — 148 слов. Семь страниц короче 40 слов. Подзаголовков H2 нет у 14 страниц из 27, на главной нет H1 |
| Мобильная версия | Таблицы и галереи фиксированной ширины 600–945 px обрезаются. На трёх из шести проверенных страниц телефон и текст оказались за краем экрана |
| Код главной | 31 CSS- и 47 JS-файлов, jQuery 1.7.2 (2012 год), Flash-плагин, карта Google без ключа на каждой странице (313 КБ) |
| Вес | ~1,9 МБ, из них 828 КБ — одна картинка слайдера |
| Индексация | 91 страница в индексе Яндекса, из них около 45 — мусор: демо-страницы шаблона с Lorem ipsum, дубли услуг, «Тестовая», «Новость 1/2/3» |
| Техника | robots.txt отдавал 404, ссылка на политику конфиденциальности вела на 404, письма с сайта не уходили (не был настроен SMTP) |
| Доверие | Ни отзывов, ни гарантии, ни сроков, ни реквизитов, ни фотографий цеха как раздела |
Отдельная находка: в медиатеке лежали изображения из чужого сайта — следы неаккуратного переноса, сделанного до нас. На страницах они не использовались, но занимали место и попадали в резервные копии.
Как мы смотрели
Аудит вели по трём источникам данных одновременно, а не по впечатлениям:
- Яндекс.Вебмастер — что поиск знает о сайте: показы, клики, позиции, индексация, диагностика.
- Яндекс.Метрика — что делают пришедшие: органика по месяцам, посадочные, доля мобильных.
- Wordstat и краулинг — спрос в регионе и техническое состояние страниц.
Работали шестью параллельными потоками — контент и структура, техника и фронтенд, UX и мобильная вёрстка, поисковые данные, рынок и конкуренты, интеграция с нашим контент-конвейером, — а затем отдельный проход перепроверял результаты на противоречия и пробелы. Семь отчётов были готовы примерно за 45 минут.
Правило, которого держались: любая цифра — из выгрузки или команды, а не из головы.
Проверка оказалась не лишней: она поймала, например, что robots.txt сломался не «когда-то», а в
день недавнего переезда сайта на новый веб-сервер, и что заметка «провайдер блокирует почтовые
порты» устарела — порты открыты, а письма не уходили по другой причине.
Что показали данные
- Из поиска за год — 1 276 визитов, и 54 % из них приходит на главную, а не на страницы услуг.
- Ещё 2 015 визитов даёт Яндекс.Директ — это 46 % всего трафика. Значит, посадочные страницы объявлений трогать нельзя ни при каких обстоятельствах.
- В Яндексе за 90 дней: 1 897 показов, 121 клик, средняя позиция около 8–9. 76 % показов — мобильные, при том что на телефоне сайт частично не работал.
- Главный коммерческий запрос — «ремонт карданных валов Иркутск» — ловила главная страница с заголовком «Кардан Сервис | Кардан Сервис». Отсюда CTR 3,1 % при девятой позиции: человек не понимал из сниппета, что это ремонт карданов в его городе.
- Спрос, который сайт не закрывал вообще: «карданный вал купить Иркутск» — 225 запросов в месяц, «кардан купить в Иркутск» — 257. Компания изготавливает валы, но страницы об этом не было.
- Сезонность выражена: июль — 866 запросов по «кардан Иркутск», январь — 278.
И самое важное противоречие: офлайн-репутация у компании лучшая в городе, а сайт — самый слабый из трёх профильных. 4,7 из 5 в Яндекс.Картах (170 оценок, 71 отзыв), 5,0 в 2ГИС (337 оценок, 145 отзывов), первое место в органической выдаче карт по «ремонту карданных валов». На сайте об этом не было ни слова.
Конкуренты
| Конкурент | Цены | Формы и мессенджеры | Доверие | Сайт |
|---|---|---|---|---|
| Сетевой конкурент (13 городов) | Прайс по классам техники: балансировка от 2 500 ₽ для легковых, от 5 000 ₽ для грузовых, крестовина от 500 ₽ | Заказ звонка, WhatsApp, Telegram, MAX | Гарантия 6 месяцев, отзывы с датами и источником, реквизиты, новости | Адаптивный, обновляется |
| Сетевой конкурент (38 городов) | Прайс на главной, от 2 000 ₽ до 10 000 ₽ по типам техники | Выбор канала связи в форме, расчёт по параметрам вала | Протокол балансировки, гарантийный талон, доставка транспортной компанией | Адаптивный |
| Локальный конкурент (Иркутск) | Нет | Нет | Список работ, фото | Не адаптивный, конструктор 2014 года |
| Локальный конкурент (Иркутск) | Нет | Одна форма | Фото работ, блог, «вопрос-ответ» | Tilda, адаптивный |
| Федеральные сети с региональными страницами «под Иркутск» | Нет | 8-800 | — | Забирают запросы про изготовление валов |
Вывод для проекта: догонять надо не по дизайну, а по коммерческой конкретике — цены, сроки, гарантия, формы, мессенджеры, отзывы. Именно этого у клиента не было, хотя в реальном цехе всё это есть.
По каким критериям принимали решения
1. Не ломать то, что приносит деньги. URL всех 27 страниц услуг сохраняем как есть, включая кириллические адреса. 46 % трафика идёт из Директа на конкретные посадочные, а главная собирает половину органики — любая перестройка адресов означала бы потерю заявок. Перенаправления делаем только для мусора и объединённых дублей.
2. Палитра клиента — константа, роли цветов — переменная. Заказчик просил сохранить цвета,
и мы сняли их точные значения из старой темы. Но оранжевый перестал быть заливкой всей навигации
и стал тем, чем должен быть, — акцентом: кнопки, активный пункт меню, цифры. Фон осветлили с
серого #bbbebf до #f2f2f2 (тоже из старой палитры), а прежний серый ушёл в границы и
разделители. Сайт узнаётся, но перестаёт выглядеть тяжёлым.
3. Факт или заглушка — третьего нет. У компании не было опубликованных цен, сроков и гарантии. Мы не стали писать «от 1 500 ₽» и «гарантия 12 месяцев» «как у всех»: в прототипе на этих местах стоят видимые заглушки «···», а рядом — список из 11 блоков вопросов владельцу. То же с цифрами, которые нашлись в текстах 2025 года («снижаем вибрации на 95 %», «точность до 0,1 г») — до подтверждения они на сайт не попадут.
4. Мобильный — первый, а не «тоже нужен». 76 % показов в поиске — с телефонов. Прототип проверялся на реальной ширине 390 px на каждой итерации; горизонтальная прокрутка и элементы за краем экрана считались блокирующими ошибками.
5. Стек выбираем под задачу, а не по привычке. Сайт — это 27 страниц, которые меняются пару раз в год. Мы предложили отказаться от WordPress в пользу статики: страница отдаётся без базы данных и PHP, разметка и микроразметка — ровно те, что мы написали, нечего взламывать и нечего обновлять, а на сервере с одним ядром и 2 ГБ памяти это ещё и снимает почти всю нагрузку. Формы при этом остаются рабочими — через отдельный обработчик и коллтрекинг, который у клиента уже оплачен.
6. Всё, что меняем, — сначала на копии. Для работ подняли отдельную копию сайта на том же сервере: закрыта паролем, скрыта от поиска, письма, аналитика и коллтрекинг на ней отключены, чтобы тестовые визиты и заявки не попадали в отчёты клиента. Боевой сайт продолжал работать как обычно.
Что сделали
Аудит. Семь отчётов: инвентаризация всех страниц и текстов, техническое состояние и палитра, UX и мобильная вёрстка, поисковые данные, рынок и конкуренты, интеграция контент-конвейера, проверка на противоречия. Плюс сводный список вопросов владельцу и разбивка проекта на шесть этапов.
Тестовая копия сайта — полная, изолированная, с отдельной базой и отдельным процессом веб-сервера.
Срочные правки на боевом сайте — по согласованию: вернули robots.txt, который отдавал 404
после недавнего переезда, и указали в нём карту сайта.
Прототип — пять страниц: главная, страница услуги, раздел, контакты, политика. Собран на реальных фотографиях из архива клиента: из 309 снимков отобрали и подготовили 44, остальное — сток и мусор — отсеяли. Все неизвестные данные показаны заглушками. Прототип прошёл три независимых проверки — интерфейс и мобильная вёрстка, фактчекинг каждого утверждения о компании, техническое ревью (контраст, семантика, вес, доступность) — и раунд правок.
Логотип и фавикон. Клиент попросил взять знак с фавикона сайта. Исходник оказался картинкой 16×16 пикселей — всё, что крупнее, было размытым. Мы перерисовали знак в вектор и собрали полный набор иконок для браузера и телефона.
Дизайн: было и стало
Главная страница
Было: слайдер с текстом, вшитым в картинку, два абзаца и пустота. Ни услуг, ни цен, ни карты, ни формы, ни одного упоминания о репутации компании.
Стало: первый экран с оффером и двумя действиями, восемь услуг карточками, блок «Почему мы» с фактами и рейтингами, этапы работы, примеры работ из архива, оборудование цеха, отзывы, карта и форма заявки с возможностью приложить фото детали.
Страница услуги
Было: сплошной текст без структуры, стоковые картинки, в конце — «звоните по телефону».
Стало: единый шаблон для всех 27 услуг — симптомы «когда нужен ремонт», перечень работ, таблица цен и сроков, этапы, галерея работ, частые вопросы, форма и перелинковка на смежные услуги.
Мобильная версия
Было: первый экран занимала шапка, текст уезжал за край, карта на контактах превращалась в полоску высотой 10 пикселей.
Контакты
Измеримое
| Параметр | Было | Стало (прототип) |
|---|---|---|
| Файлов кода на главной | 78 (31 CSS + 47 JS) | 3 |
| Вес CSS и JS | ~790 КБ | 52 КБ |
| JS-библиотеки | jQuery 1.7.2 (2012), Flash-плагин | нет, 8 КБ своего кода |
| Картинка первого экрана | 828 КБ | 131 КБ |
| Форм на страницах услуг | 0 | форма на каждой |
| Страниц с ценами | 1 из 27 | шаблон цен на каждой |
| Мобильная вёрстка | текст и телефон за краем экрана | без горизонтальной прокрутки на 390 px |
robots.txt, политика конфиденциальности |
404 | на месте |
Цифры «после» — это замеры прототипа, а не рыночный результат: сайт ещё не запущен. Показатели поиска и заявок будем сравнивать через месяц после публикации — до и после, по тем же источникам, что использовали в аудите.
Что дальше
- Сборка — статический сайт, все 27 страниц услуг в едином шаблоне, рабочие формы и почта, микроразметка, карта сайта, перенаправления для мусорных адресов.
- Тексты — переписываем все страницы услуг по данным о спросе, с фактами от владельца вместо заглушек; добавляем страницу об изготовлении валов под незакрытый спрос.
- Запуск — с заморозкой правок, резервной копией и репетицией переноса; после публикации — переобход в Вебмастере, проверка посадочных Директа, цели в Метрике и две недели наблюдения.
- Развитие — посадочные под типы техники и соседние города, кейсы «до и после» с ценами, отзывы, видео цеха.
Состав работ
Аудит по трём источникам данных · инвентаризация 27 страниц и текстов · анализ конкурентов и спроса в регионе · тестовая копия сайта · дизайн-прототип пяти страниц с фотоподбором · вектор логотипа и фавикона · техническое ревью и фактчекинг · план проекта на шесть этапов и опросник по недостающим данным.