Поддержка и доработка сайта эвакуаторов EvakMoscow на Webasyst

О проекте

EvakMoscow — служба эвакуации автомобилей и спецтехники в Москве и Московской области. Сайт на Webasyst помогает посетителю выбрать подходящую услугу, предварительно рассчитать стоимость перевозки и связаться с диспетчером.

Сопровождение проекта объединило переработку главной и коммерческих страниц, доработки калькулятора, подключение кнопок к LeadBack, исправление переходов в WhatsApp, работу с мобильной версткой, формами, изображениями, аналитикой и техническим SEO. Задачи выполнялись несколькими этапами; отдельные требования новых аудитов выделены ниже.

Задача: сделать вызов эвакуатора понятным и удобным

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

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

Главная страница и подача услуг

Первый экран и визуальные акценты

В техническом задании для главной был предусмотрен заголовок «Эвакуатор Москва от “EvakMoscow”». Для трех значков преимуществ требовалось увеличить размер, привести оформление к единому цвету и убрать дублирующий телефон из элемента круглосуточной работы.

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

Для выбранных информационных блоков было поставлено требование показывать содержание сразу, без дополнительного нажатия на значок «плюс». Также в журнале работ отмечено удаление выделенных заказчиком фрагментов.

Структура главной страницы

• «Наша техника». Блок на основе материалов страницы зоны обслуживания ЦАО: четыре автомобиля в одном ряду на широком экране.
• «Что влияет на стоимость эвакуации». Объяснение факторов цены и переход к предварительному расчету.
• «Почему выбирают нашу компанию». Преимущества службы и материалы со страницы эвакуатора-манипулятора.
• Отзывы. Три предоставленных заказчиком текста о работе службы эвакуации.
• «Когда нужно вызывать эвакуатор в Москве». Информационный блок с обстоятельствами вызова и преимуществами службы, предусмотренный в двух колонках.
• «Как воспользоваться услугами EvakMoscow». Понятная инструкция по обращению через сайт или по телефону.

Для блока стоимости был задан градиент от фиолетового к синему. Фоновая фотография и скрытые изображения, продолжающие загружаться, в этом варианте не требовались.

Автопарк и тарифные подписи в исходном макете

Для блока техники использовались карточки эвакуатора с электрической лебедкой, машины с гидравлической платформой, эвакуатора с манипулятором и грузового эвакуатора.

Ценовые подписи, приведенные в материалах проекта

Ниже перечислены значения из исходных макетов и постановок задач. Они отражают содержание этих материалов; окончательную стоимость эвакуации согласует диспетчер службы.

Элемент	Подпись в материалах
Эвакуатор с электрической лебедкой	От 1 200 руб.
Эвакуатор с гидравлической платформой	От 1 400 руб.
Эвакуатор с манипулятором в блоке автопарка	От 4 000 руб.
Грузовой эвакуатор в блоке автопарка	От 3 600 руб.
Преимущество на первом экране страницы манипулятора	Услуги от 3 000 руб.
Ранний текст о стоимости эвакуации в ЮЗАО	От 1 200 руб.
Пример кнопки заказа в задании на блок услуг 2025 года	«Заказать от 5 000 руб.»

Информационные блоки и отзывы

В материалах главной страницы объяснялись основные причины обращения: серьезные повреждения после ДТП, внезапная поломка, ухудшение самочувствия водителя, гололед или сильный дождь, затрудняющие дальнейшее движение.

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

Для оформления обращения предусматривались два основных способа: оставить действующий телефон в форме обратного звонка или самостоятельно позвонить диспетчеру. Активный телефон, обратный звонок и WhatsApp требовалось разместить рядом и визуально согласовать.

Предоставленные отзывы описывали три ситуации: помощь после аварии с заблокированным передним колесом на поездке из Коломны в Москву и прибытием через 15 минут; подбор подходящей техники оператором и быструю погрузку; подачу через заявленные 20 минут и оформление заказа за несколько минут. Эти тексты относятся к услугам EvakMoscow.

Калькулятор предварительной стоимости эвакуации

Калькулятор учитывает тип автомобиля или мотоцикла и особенности его состояния: количество заблокированных колес, блокировку руля и коробки передач. Эти сведения помогают определить подходящую технику и предварительную стоимость обращения.

В объяснении цены были предусмотрены расстояние до точки доставки, тип, размеры и масса транспорта, состояние автомобиля, причина вызова и сложность подъезда к месту происшествия.

• Убрана нежелательная прокрутка страницы при заполнении калькулятора.
• В августе 2025 года удалена отдельная кнопка «Позвонить».
• Оставлена кнопка «Заказать эвакуатор» с действием телефонного звонка на номер службы.
• Рядом с кнопкой заказа добавлен элемент со ссылкой на политику конфиденциальности.

Доработка кнопки калькулятора отмечена в документе как выполненная и принятая заказчиком.

LeadBack, обратный звонок и WhatsApp

Устранение двух одновременно открывающихся форм

После подключения LeadBack кнопка обратного звонка открывала сразу два окна: форму сервиса и встроенную форму сайта. В апреле 2025 года встроенную форму отключили, сохранив сами кнопки обращения.

Нижний блок заменили по образцу верхней формы заказа и связали с вызовом callback. Для него был задан заголовок «ЗАКАЗАТЬ ЗВОНОК».

Единый вызов LeadBack из кнопок сайта

В августе 2025 года доработали кнопки в шапке и нижней части сайта. Для открытия LeadBack использовалась ссылка href="#callback". Кнопку обратного звонка требовалось сделать заметнее и крупнее.

В ходе проверки повторно исправили открытие двух форм из верхнего элемента. Кнопки получили понятные текстовые обозначения «Обратный звонок» и «WhatsApp».

Исправление WhatsApp и мобильного расположения кнопок

• Исправлен переход из значка WhatsApp в шапке, который приводил к ошибке 404.
• Скорректирован номер в ссылке WhatsApp: использован согласованный номер службы.
• Устранена последующая ошибка в записи номера, из-за которой кнопка не работала.
• Для WhatsApp применено зеленое оформление, указанное заказчиком.
• Исправлено наложение двух кнопок друг на друга на мобильном экране.
• Согласованы высота текста, отступы и цвет текстовых обозначений.

Исправления перехода в WhatsApp и конфликта форм обратного звонка отмечены как выполненные; по апрельскому этапу также зафиксировано принятие заказчиком.

Формы, спам и политика конфиденциальности

Корректировка защиты форм

В апреле 2024 года заказчик сообщил о повторном появлении спама через форму обратного звонка. Заявки из этой формы поступали в Telegram.

Для устранения проблемы изменили параметры формы и передали результат на проверку. В документе эта корректировка отмечена как выполненная; конкретный механизм защиты и статистика последующих спам-обращений не приведены.

Ссылка на политику конфиденциальности

В апреле 2024 года выполнены задачи по добавлению политики конфиденциальности и элемента согласия в форме обратного звонка. Рядом с ним размещалась ссылка с текстом: «Отправляя данную форму, вы соглашаетесь с Политикой конфиденциальности».

В исходной постановке заказчик указал предустановленную галочку. Аналогичный элемент со ссылкой добавили в калькулятор возле кнопки «Заказать эвакуатор».

Переработка блока услуг и добавление FAQ

В сентябре 2025 года отдельный этап был посвящен блоку услуг на примере страницы грузового эвакуатора. В документе отмечено выполнение блоков «Наши услуги эвакуатора» и «Частые вопросы».

Карточки услуг

• Общий заголовок блока — H2 «Наши услуги эвакуатора».
• Название каждой услуги — H3.
• Карточки должны ясно показывать возможность перехода на соответствующую страницу услуги.
• Кнопка с ценой должна выполнять телефонный вызов; в ТЗ приведен пример «Заказать от 5 000 руб.».
• Существующую Schema-разметку требовалось сохранить.
• Для изображений обсуждались JPG и PNG с учетом веса файлов.
• Приоритет — небольшой объем блока, скорость загрузки и удобное отображение на смартфоне.

При постановке задачи заказчик указал, что около 90% трафика приходится на мобильные устройства. Эта оценка использовалась как основание для приоритета мобильного интерфейса.

Редактируемые вопросы и ответы

Под услугами предусмотрен блок с H2 «Частые вопросы». По ТЗ он должен позволять вручную добавлять новые вопросы и ответы, а ответ — раскрываться при нажатии на вопрос.

Навигация, футер и мобильная верстка

• Хлебные крошки. Исправлен вывод цепочки для подстраниц: показывается соответствующий путь, без одновременного перечисления всех страниц. Работа принята заказчиком.
• Футер. По заданию убраны неактивная «Главная» и пункт «Зоны обслуживания», добавлены «Статьи».
• Социальные сети. В футер добавлены ссылки на Одноклассники, Twitter и YouTube.
• Галерея. Удалены повторяющиеся социальные ссылки, уже размещенные в футере. Для блока обсуждались названия «Примеры выполненной работы» и «Как мы работаем».
• Мобильные элементы связи. Исправлены перекрытие кнопок, подписи, размеры и отступы.
• Общий шаблон. При обсуждении скорости учитывалось, что мобильная и компьютерная версии используют один шаблон сайта.

Страница эвакуатора-манипулятора

Для страницы услуги было предусмотрено отдельное обновление первого экрана с заголовком «Эвакуатор-манипулятор — быстрое решение сложных ситуаций». В варианте преимуществ фигурировали стоимость от 3 000 руб., подача за 15 минут и профессиональная работа на новых эвакуаторах.

Материалы страницы раскрывали помощь при ДТП и технических поломках, работу в Москве и области, извлечение поврежденного транспорта из труднодоступных мест и бережную перевозку. Предоставленный текст также описывал сотрудничество с физическими и юридическими лицами и выполнение заказов разной сложности.

Для раздела стоимости были заданы вопросы «Сколько стоит вызвать эвакуатор с манипулятором в Москве?» и «Какие факторы влияют на цену?».

Варианты структуры и содержания страницы из раннего ТЗ

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

• Ситуации вызова. Авария, кювет, яма, переворот автомобиля, неисправности тормозной системы, колес, рулевого управления, КПП, электроники и подвески.
• Особые условия погрузки. Низкий клиренс, ограниченное пространство на парковке или в пробке, отсутствие ключей или буксировочного крюка, погрузка на автовоз или фуру.
• Перевозка. Доставка автомобиля между двумя точками и работа с сильно поврежденной техникой.
• Факторы цены. Марка, модель, масса и габариты транспорта, характер повреждений, сложность погрузки, удобство подъезда, время простоя и расстояние до места назначения.
• Дополнительные разделы. Онлайн-калькулятор, фотогалерея «Примеры работ», преимущества, три отзыва и инструкция по вызову эвакуатора-манипулятора.
• Преимущества в варианте макета. Доступная стоимость, подача за 15–20 минут, отчетные документы и кассовый чек, оплата наличными, безналично и картой, заявленные безопасность и страхование перевозки, круглосуточная помощь.
• Композиция блока преимуществ. Значки слева, поясняющий текст справа.

Подтвержденные технические доработки страницы

• Оптимизировано более 10 изображений и четыре JavaScript-файла.
• Выполнены исправления HTML и CSS.
• Дополнительно исправлены оставшиеся ошибки, выявленные повторной проверкой страницы в валидаторах.

Техническое SEO и качество кода

Исправление HTML и CSS

В журнале работ отмечено исправление ошибок главной страницы и страницы эвакуатора-манипулятора по результатам проверки W3C HTML Validator и CSS Validator.

Согласованный объем работ касался ошибок, отмеченных красным. Желтые предупреждения по исходному заданию разрешалось оставить.

Коммерческая микроразметка

Выполнена разметка коммерческой информации: телефонов, адреса и электронной почты организации. Для этой задачи в переписке использовалась Schema.org.

Open Graph также обсуждался в связи с представлением страниц и изображений. В задании на новый блок услуг отдельно требовалось сохранить существующую Schema-разметку.

HTML-карта сайта

Для HTML-карты был приобретен плагин. Страница /sitemap/ добавлена, выполнение отмечено в документе и проверено заказчиком.

Изображения и атрибуты

Удален атрибут title у элемента div. Отдельно в ТЗ обсуждались вывод alt и title у изображений, возможность формирования текстов на основе H1, указание ширины и высоты и пропорция 4:3 — например, 1024 × 768 пикселей.

В качестве страниц для проверки были названы раздел цен, эвакуатор-манипулятор, эвакуация легковых автомобилей и эвакуация джипов и внедорожников. Заказчик уточнил, что требования аудита распространяются на все страницы сайта.

Поводом для этой части работ стало сообщение заказчика о слабой индексации изображений. Возможная связь с Open Graph или Schema обсуждалась как предположение.

Внешние ссылки

Для главной страницы отмечено выполнение требований по обработке внешних ссылок. В исходном аудите были указаны nofollow/noindex и открытие ссылок на социальные сети и другие сайты в новой вкладке.

Применение этих правил ко всем остальным страницам также входило в общий объем аудита, однако отдельная отметка о завершении всего сайта в документе отсутствует.

Скорость загрузки и работа с ресурсами

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

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

По странице манипулятора в журнале подтверждена оптимизация более 10 изображений и четырех JS-файлов. Исполнитель сообщил о сокращении времени загрузки вдвое, но заказчик возразил, что оценка осталась на уровне 62. Согласованного повторного замера, подтверждающего двукратное ускорение, в документе нет.

Архивные замеры производительности за 2021 год

Скриншоты за 8 октября 2021 года прямо обозначены в документе как показатели «до вмешательства». Эти значения сохраняют исходный контекст проверки.

Замер	Оценка	Показатели
23.09.2021 — PageSpeed, мобильные устройства	68	FCP — 2,6 с; Speed Index — 4,1 с; LCP — 4,7 с; TTI — 3,7 с; TBT — 360 мс; CLS — 0.
23.09.2021 — GTmetrix, компьютер	C; Performance — 69%; Structure — 75%	LCP — 3,0 с; TBT — 0 мс; CLS — 0,02; полная загрузка — 3,6 с; FCP и TTI — 2,0 с; Onload — 2,8 с; TTFB — 1,1 с.
08.10.2021 — Pingdom, Франкфурт	B, 87	Загрузка — 941 мс; размер страницы — 921,1 КБ; 81 запрос.
08.10.2021 — PageSpeed, мобильные устройства	67	FCP — 2,8 с; Speed Index — 4,5 с; LCP — 4,4 с; TTI — 3,8 с; TBT — 410 мс; CLS — 0.
08.10.2021 — PageSpeed, компьютер	78	FCP — 0,9 с; Speed Index — 2,5 с; LCP — 1,2 с; TTI — 1,5 с; TBT — 300 мс; CLS — 0,016.
08.10.2021 — GTmetrix, компьютер	C; Performance — 71%; Structure — 87%	LCP — 2,8 с; TBT — 0 мс; CLS — 0,02; полная загрузка — 3,1 с; FCP и TTI — 1,8 с; Onload — 2,4 с; TTFB — 1,0 с.

В сентябрьском отчете GTmetrix общий размер страницы составлял 1,98 МБ, из них изображения — 1,67 МБ, JavaScript — 185 КБ. Зафиксировано 88 запросов и 1 785 элементов DOM.

Рекомендация CDN на приложенных скриншотах относилась к 79 ресурсам в одном отчете и 68 ресурсам в другом. В список входили стили шаблона, шрифт, карусель, карта сайта, библиотеки jQuery и jQuery UI, маски ввода, скрипт калькулятора, логотип, фотографии и иконки транспорта.

Среди блокирующих ресурсов показаны default.css, jquery-1.11.1.min.js, jquery-ui-1.10.4.custom.min.js и inputmask.js. На отдельных скриншотах потенциальная экономия для блокирующих ресурсов оценивалась в 625–668 мс в GTmetrix и 1,54–1,66 с в PageSpeed.

Для изображений PageSpeed показывал потенциальную экономию до 3 с при использовании современных форматов, 1,5 с при подборе размеров и 0,6 с при эффективном кодировании. В GTmetrix фигурировали 653 КБ для размеров изображений и 196 КБ для кеширования. На компьютерном скриншоте октября также указана потенциальная экономия 1,18 с для времени до первого байта.

Эти цифры являются оценками инструментов из архивных отчетов. На мобильных скриншотах PageSpeed отмечалась нехватка данных Chrome UX Report о фактической скорости у пользователей.

Аналитика, доступы и проверка Webasyst

• Яндекс.Метрика. В ТЗ предусмотрена настройка аналитики сайта; отдельно упоминался параметр yclid.
• Google Analytics. В задании от 22 июля 2020 года приведен код gtag.js для установки в head, с инициализацией dataLayer и идентификатором формата UA. Это историческая постановка для Universal Analytics; внедрение GA4 документом не подтверждено.
• Google Search Console. В ноябрьском задании 2020 года предусмотрено подтверждение сайта через метатег.
• Доступы к сервисам Яндекса. В июле 2026 года отмечено удаление двух доступов, указанных заказчиком. В задаче упоминались файлы подтверждения в корне сайта.
• Версия Webasyst. В августе 2025 года выполнена проверка актуальности платформы. На момент проверки критические обновления не требовались; результат принят заказчиком.

Ранее в документе также был запрос на обновление Webasyst до актуальной версии. Отдельной отметки о выполнении именно обновления нет.

Дополнительные требования технического аудита

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

Метаданные страниц и фотогалереи

В ноябре 2020 года заказчик передал список страниц, для которых Вебмастер сообщал об отсутствии описаний. Также требовалось проверить вывод Description и Keywords, которые не определялись сервисом be1.

Страницы из задания на проверку описаний

• /photos/photo/img_8594/
• /photos/photo/ukrxe7883/
• /photos/
• /photos/main-lsider/
• /photos/favorites/
• /photos/gallery/
• /photos/author/1/
• /photos/photo/nagatino-sadovniki/
• /photos/photo/img_4077/
• /rayon/
• /photos/photo/jezne1207/
• /photos/photo/buksirovka-na-gibkoi-stsepke/

Robots.txt и адреса с параметрами

В аудит включены пересмотр правил для административных и технических страниц, отдельные директивы для Яндекса и Google и удаление устаревшей директивы Host.

Также поставлена задача обработки дублирующих адресов с параметрами после знака вопроса, например /?dsgdrg. В исходном ТЗ обсуждались canonical, правила robots.txt или ответ 404; выбранный и завершенный вариант в документе не зафиксирован. Эта работа требует согласования с использованием параметров аналитики, включая yclid.

Canonical, постоянные перенаправления и внутренние ссылки

В дополнительном блоке ТЗ, датированном 28 октября 2026 года, приведены результаты исходного сравнительного сканирования: self-canonical найден на 300 из 300 проверенных рабочих страниц techneu.ru и на 0 из 515 страниц EVAKMOSCOW. Эти значения относятся к приведенному в документе аудиту.

• Для каждой уникальной индексируемой страницы вывести абсолютный rel="canonical" на ее конечный HTTPS-адрес.
• Два постоянных перенаправления с кодом 302 заменить на 301.
• Шаблонные внутренние ссылки направить сразу на конечные URL, без промежуточных перенаправлений.
• После изменений повторно просканировать сайт и проверить результат.

Завершение этого этапа и результаты повторного сканирования в документе не отмечены.

Новый SEO-отчет и видео с комментариями

В записи от 8 октября 2026 года поставлена задача реализовать рекомендации внешнего SEO-отчета с учетом комментариев из видео. Внешние материалы при подготовке описания были недоступны; требования, непосредственно приведенные в DOCX, сохранены в разделах выше.

• SEO-отчет EVAKMOSCOW
• Видео с комментариями к задачам

Подтвержденные результаты сопровождения

В ходе поддержки устранены конфликт двух форм обратного звонка, ошибки перехода в WhatsApp и наложение мобильных кнопок. Обращения из кнопок связаны с LeadBack, исправлены хлебные крошки и действие кнопки калькулятора, добавлены элементы политики конфиденциальности, блоки услуг и FAQ.

Технические работы включили исправление HTML и CSS, разметку контактной информации, HTML-карту сайта, обновление элементов футера и оптимизацию ресурсов страницы манипулятора. Отдельно проверена актуальность Webasyst и выполнена задача по управлению доступами к сервисам Яндекса.

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

Нужна поддержка сайта на Webasyst?

Поможем доработать формы, калькуляторы, мобильную верстку, интеграции и технические элементы сайта. Посмотрите услугу программирования для Webasyst и Shop-Script и другие проекты по поддержке и доработке сайтов.