Техническая поддержка и доработка интернет-магазина ZMParts.ru — каталог, карточки товаров, SEO

О проекте

ZMParts.ru — интернет-магазин автозапчастей и комплектующих для импортных автомобилей. Для такого проекта важны подробный каталог, поиск по марке, модели и номеру детали, понятные характеристики, подбор аналогов и удобное оформление заказа.

Команда Quadro Design занималась технической поддержкой и развитием магазина на Webasyst Shop-Script. Работы охватывали интерфейс витрины, программную логику каталога и карточек товаров, информационные разделы, мобильную версию, структурированные данные и устранение ошибок.

Задачи разных этапов 2020–2025 годов были направлены на то, чтобы облегчить покупателю выбор запчастей, сделать условия покупки понятнее и поддерживать работоспособность действующего магазина. Отдельное направление — сопровождение региональных витрин и изменение структуры сайта по мере развития проекта.

Что дорабатывали

• Шапка сайта, навигация и контактные данные
• Каталог, поиск, фильтры и наличие товаров
• Карточки товаров и подбор аналогов
• Конструктор описаний и управление метаданными
• Контакты, информация о компании, оплата и доставка
• Отзывы, новости и блог
• Мобильная версия, формы и оформление заказа
• Микроразметка товаров, предложений, отзывов и видео
• Техническое SEO, пагинация, ошибки и проверка ссылок
• Региональные витрины и перенаправления
• Скрипты, виджеты и техническое сопровождение
• Дополнительные требования и задачи развития
• Итоги и похожие задачи

Шапка сайта, навигация и контактные данные

Меню, поиск и оформление шапки

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

• Добавили черную плашку с бегущей строкой для акций и специальных предложений. Текст можно изменять через настройки.
• На первоначальном этапе перенесли выбор региона на эту плашку. Позднее, при изменении структуры витрин, региональный переключатель убрали, а бегущую строку растянули до конца области логотипа.
• Выровняли вертикальные отступы между меню, содержимым страницы, логотипом и телефонными номерами.
• Добавили пункты «Оплата», «Доставка», «О компании», «Отзывы», «Помощь» и «Контакты». Ссылку на раздел «Аналоги» перенесли из верхнего меню в подвал.
• Выделили кнопку личного кабинета отдельным цветом и скорректировали контраст после проверки на желтом фоне.
• Изменили оформление поисковой строки: разместили значок поиска слева, использовали согласованную подпись «Поиск 65 000 товаров» и сократили ссылку «Расширенный поиск» до «Расширенный».
• Переработали меню для компьютерной версии сайта.
• Сделали информационные ссылки в шапке черными и жирными, выровняли режим работы относительно логотипа и ссылки обратного звонка.

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

Телефоны, избранное и социальные ссылки

• Исправляли исчезновение телефонного номера в шапке.
• Добавили федеральный номер 8 (800) рядом с московским и продублировали его в подвале. Под номером разместили подпись «Звонок по России бесплатный».
• Обновляли контактные номера и содержание раздела контактов. В 2021 году одним из согласованных номеров был 8 (495) 128-75-35.
• В июне 2024 года заменили номера в мобильном меню на 8 (495) 128-00-01 и 8 (800) 700-34-95.
• Исправили написание улицы «Селигерская» в адресе магазина в шапке и подвале.
• На одном из этапов перенесли избранное в область рядом с телефоном и убрали его из подвала. Позднее вкладку избранного скрыли по новому заданию.
• Сделали цветными иконки социальных сетей в подвале, добавили иконку-ссылку на Дзен. Позднее убрали иконку Instagram.

Каталог, поиск, фильтры и наличие товаров

Вывод товаров в многоуровневом каталоге

Изменили логику категорий: покупатель должен видеть товары уже на верхнем уровне каталога, а при переходе глубже — получать более узкую подборку.

Например, в разделе Kia выводятся запчасти этой марки, в подразделе Kia Besta — детали для конкретной модели, в разделе двигателя — соответствующие узлы и комплектующие, а в подразделе вкладышей — только нужная группа деталей. Родительские категории получили вывод товаров из вложенных разделов.

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

Оформление товарного списка

• Увеличили фотографии товаров, названия и цены.
• Добавили логотип производителя.
• Изменили действие при нажатии на фотографию: переход в карточку товара вместо раскрытия изображения на весь экран.
• Сделали название заметной ссылкой на товар.
• Добавили маркеры «Лучшая цена» и «Хит продаж».
• Убрали табличный вариант отображения.
• Переставили важные элементы товарного блока согласно согласованному макету.
• Исправили сортировку товаров на странице категории.
• Убрали лишний каталог, который выводился в разделе двигателя Audi A1.

Фильтр цены и расширенный поиск

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

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

Отображение товаров без наличия

• Настроили скрытие цены у товаров, которых нет в наличии.
• Добавили скрытие карточек товаров, отсутствующих в наличии более трех месяцев.

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

Карточки товаров и подбор аналогов

Содержание и действия в карточке

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

• Разместили преимущества магазина под фотографией товара.
• Добавили ссылки «Запрос VIN эксперту», «Стоимость доставки» и «О производителе».
• Скорректировали расстояния между кнопками.
• Сделали текст преимуществ жирным с размером 18 px, выделили жирным значения характеристик.
• Исправили отображение кнопки «Уведомить» для товаров без наличия.
• Восстановили карточку товара после отдельного сбоя.
• Исправили неработающие вкладки на странице товара.
• Добавили кнопку «Показать ещё» в товарный блок.
• Заменили формулировку о гарантии на «На всю продукцию распространяется гарантия», убрав указание «6 месяцев».
• Удалили слово MOBIS из двух мест шаблона описания товара.

Аналоги и связанные товары

Добавили вывод OE-номера в списках аналогов, рекомендуемых и просмотренных товаров. Это позволяло сопоставлять запчасти по каталожному номеру непосредственно в связанных подборках.

Под кнопкой «Уведомить» разместили заметную красную мигающую кнопку «Аналоги». При нажатии она прокручивала страницу к списку аналогов. В мобильной версии размер этой кнопки привели к размеру соседней кнопки уведомления.

Изменили заголовки страниц аналогов: вместо общего слова «Запчасть» стали использовать названия соответствующих позиций.

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

Конструктор описаний и управление метаданными

Шаблоны описаний с подстановкой данных

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

В согласованном наборе переменных предусмотрели:

• название товара и данные его заголовка;
• город — в зависимости от региональной витрины на соответствующем этапе проекта;
• название родительской категории;
• название последней вложенной подкатегории;
• производителя из характеристики товара, если она заполнена.

В примере короткого описания на 300–500 символов требовалось учитывать марку и модель по текущей ветке каталога. Такой контекст мог отличаться от полного перечня автомобилей в характеристике «Применяемость».

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

Редактирование метаданных

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

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

Контакты, информация о компании, оплата и доставка

Страница контактов и реквизиты

Переверстали страницу контактов по макету с учетом адаптивного отображения.

• Заменили формулировку «Адреса офисов и пунктов самовывоза» на «Адреса магазинов и пунктов самовывоза».
• Организовали прокручиваемый список адресов.
• На первоначальном этапе разместили справа карту Яндекса с региональными точками продаж.
• Исправили грамматические ошибки и подписи, включая «Москва и область» в телефонном блоке.
• Убрали лишние точки в реквизитах.
• Удалили тени у желтых разделителей, изменили фон блока карты на светло-серый и убрали избыточные горизонтальные линии.
• Убрали форму со страницы контактов, вынесли реквизиты на отдельную страницу /rekvizity/.
• Исправили расположение элементов на экранах ноутбуков.
• В 2024 году скорректировали положение отметки на карте согласно адресу магазина.

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

Информация о компании и помощь покупателю

Создали раздел «О компании» с переходами из верхнего меню и подвала. Внутри предусмотрели блоки со ссылками на информацию о компании, оформление заказа, возврат и другие справочные страницы.

Изменили вводный текст раздела, добавив заголовок «Мы вам обязательно поможем». Сохранили возможность самостоятельно создавать и редактировать информационные страницы.

Дополнительно привели к более читабельному виду инструкцию /help/kak-oformit-zakaz/. На странице /o-nas/ исправили поведение прокрутки при разрешении 1920 × 1080: при попытке перейти вниз страницу возвращало наверх.

Оплата и доставка

• Вывели страницу оплаты на отдельный адрес /oplata/.
• Оформили подробное описание способов оплаты и условий.
• Привели шрифты к общему оформлению сайта и убрали тень у желтого разделителя.
• Переработали страницу доставки: условия разместили рядом с изображениями транспортных компаний.

Отзывы, новости и блог

Общий раздел отзывов

Создали общий раздел /otzivy, чтобы отзывы о магазине были доступны за пределами отдельных карточек товаров.

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

Для реализации использовали решение Webasyst для отзывов. Оформление раздела адаптировали к привычному покупателю представлению отзывов.

Новостной раздел и статьи

• Добавили раздел новостей и переход к нему из шапки.
• Оформили страницу /blogs/ в стиле магазина.
• Сделали представление записей карточками с изображением, заголовком, кратким анонсом и датой публикации.
• Предусмотрели добавление и редактирование изображений, заголовков и текста статьи.
• Разместили внизу статьи блок переходов к другим новостям.
• Добавили метаданные блога, включая заголовок «Блог интернет-магазина ZMParts.ru» и описание раздела.

Для работы с изображениями записей отдельно обозначили необходимость дополнительного плагина для блога.

Исправления после публикации материалов

Устранили исчезновение кратких описаний у части записей и смещение анонсов ниже положенного места. Позднее исправили отдельную ошибку в разделе блога.

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

Мобильная версия, формы и оформление заказа

Меню, кнопки и адаптивная верстка

• Исправили проблемы отображения мобильного меню.
• Добавили закрытие меню каталога при нажатии за его пределами.
• Выровняли кнопки относительно друг друга.
• На странице оформления заказа отцентрировали кнопки и сделали их одинакового размера.
• Поправили расположение ссылки «Заказать обратный звонок» относительно телефонного номера и иконки.
• Исправили верстку при уменьшении ширины окна браузера на компьютере.
• Устранили перекрытие капчи кнопкой добавления отзыва на телефоне и в Safari.

Формы обратной связи и звонки

Исправили работу плагина обратного звонка в шапке. Для форм обратной связи настроили маску телефонного поля: ограничение количества цифр и запрет ввода букв. Для предусмотренного в форме переключателя установили согласованное исходное состояние.

Добавили мобильную кнопку звонка для страниц сайта, кроме главной. Ее оформление согласовали с цветами магазина, а размер — примерно на 15% меньше приведенного в задании примера. Позднее надпись изменили на «Бесплатный звонок».

Для этой кнопки настроили событие Яндекс Метрики и передали идентификатор. После настройки поступило замечание, что цель не фиксируется; этот пункт потребовал повторной проверки.

Оформление заказа и СДЭК

В селекторе стран доставки СДЭК оставили только страны, предусмотренные настройками плагина. На том этапе согласованный перечень включал Россию, Армению, Беларусь, Казахстан, Киргизию и Украину.

На страницу успешного оформления заказа добавили ссылки на социальные сети.

Позднее поступило отдельное обращение о зависании оформления заказа после выбора СДЭК. Оно вошло в дальнейшие задачи технической поддержки.

Микроразметка товаров, предложений, отзывов и видео

Данные товара и предложения

Исправляли структурированные данные на главной странице, в категориях и карточках товаров. Проверки выполняли через инструменты Яндекса и Google.

• Исправили поле name: вместо URL передавали название товара.
• Добавили и корректировали цену в структурированных данных.
• Разметили sku с использованием OE-номера запчасти.
• Адрес товара перенесли в поле url предложения Offer.
• Исправили состав данных в блоках предложений.
• Убрали статические значения там, где должны подставляться данные текущего товара.
• Заменили статическое описание переменной, получающей описание конкретной карточки.
• Исправили отсутствие сущности Product в товарной разметке.

Видео и отзывы

Выделили VideoObject в отдельный блок разметки JSON-LD, отделив его от описания товара. Для отзывов исправили связь с предметом отзыва через itemReviewed.

Категории и агрегированные предложения

Исправляли данные категорий: заголовок, изображение и описание должны соответствовать текущему разделу, а лишние фрагменты разметки — удаляться.

В 2021 году по отдельному заданию реализовали согласованный шаблон категории с Product и вложенным AggregateOffer. В нем предусматривались:

• название из H1 текущей категории;
• описание из ее META Description;
• минимальная цена lowPrice;
• максимальная цена highPrice;
• количество предложений offerCount;
• валюта priceCurrency со значением RUB.

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

Техническое SEO, пагинация, ошибки и проверка ссылок

Проверка ресурсов с ответами 301 и 404

Просканировали сайт и подготовили выгрузку ресурсов, возвращающих 301 и 404. Проверка охватывала ссылки в общих элементах сайта и отдельные ссылки внутри товаров, категорий и информационных страниц.

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

Отдельно исправили неработающие ссылки на главной странице.

Страница ошибки 404

Убрали сценарий перенаправления отсутствующих страниц на главную и восстановили собственную страницу ошибки с шапкой сайта и сообщением о том, что запрашиваемая страница не существует.

Позднее исправили исчезновение телефонного номера на странице 404. При диагностике установили, что JavaScript сервиса Calltouch удалял номера в шапке и подвале. Для этого этапа согласовали постоянное отображение номера 8 (495) 128-75-35.

Канонические адреса и пагинация

Доработали канонические адреса страниц пагинации по согласованной тогда схеме с указанием основного адреса категории. В заданиях также рассматривалось добавление связей rel="prev" и rel="next" между страницами списка.

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

В дальнейшие проверки вошли изменения статусов страниц в Яндекс Вебмастере. В частности, требовалось проверить переход со страницы /hyundai/solaris/rulevoe-upravlenie/nasos-gur/ на /catalog/nasos-gur/ и индексацию целевого раздела после появления статуса «Редирект».

Региональные витрины и перенаправления

Восстановление и сокращение региональной структуры

Восстановили региональные поддомены после того, как они пропали вследствие очистки кеша в Инсталлере.

На последующих этапах структура проекта менялась. В 2020 году отключили витрины kazan.zmparts.ru, perm.zmparts.ru, omsk.zmparts.ru и samara.zmparts.ru.

В феврале 2021 года выполнили отдельное задание по отключению и перенаправлению витрин krasnodar.zmparts.ru, rostov.zmparts.ru, spb.zmparts.ru, volgograd.zmparts.ru и voroneg.zmparts.ru.

Перенаправления с сохранением пути страницы

Следующий запрос охватывал десять региональных витрин: chelyabinsk, ekat, kazan, krasnodar, krasnoyarsk, nn, novosibirsk, omsk, perm и rostov.

Для них требовалось сохранять путь при переходе на основной домен: например, nn.zmparts.ru/catalog должен был вести на zmparts.ru/catalog.

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

Дополнительный список направлений из задания

Для отдельных URL был подготовлен следующий список запрошенных 301-перенаправлений. Завершение и окончательная проверка этой группы не зафиксированы.

Скрипты, виджеты и техническое сопровождение

• Установили предоставленный заказчиком скрипт на сайт.
• Выполнили интеграцию с внешним сервисом по переданной инструкции.
• Исправили синтаксическую ошибку в структуре шаблона и размещении HTML внутри <head>.
• Скрыли синюю боковую плашку справа.
• Скрыли виджет Живосайта.
• Убрали стрелку возврата наверх в правом нижнем углу.
• Установили фавиконку в формате SVG.
• Разобрали проблему медленной загрузки страницы с большим количеством категорий и внесли правки загрузки и верстки.

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

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

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

Каталог, аналоги и взаимодействие покупателей

• Блок «Вопрос — ответ». Зарегистрированный пользователь должен иметь возможность задать вопрос, а отвечать — администратор и другие пользователи. Рассматривался готовый плагин, но возможность ответов покупателей требовала дополнительной проверки и программной доработки.
• Переработка аналогов. После восстановления раздела обсуждались пустая выдача и замена встроенного в ядро механизма, создававшего высокую нагрузку.
• Очистка структуры каталога. Требовалось перенести содержимое категории «1» в раздел «Немецкие автомобили».
• Дополнительная очистка расширенного поиска. После первоначального исправления в списке марок оставались значения «Авито», «Услуги», «Услуги по затратам» и «Всякое».
• Логотипы брендов. Поступило обращение о неработающем плагине вывода логотипов.
• Связанные позиции в карточке. Требовалось увеличить количество отображаемых товаров в соответствующем блоке.
• Ссылки на сторонние видео. Запрос на их удаление потребовал определить источник вывода — плагин или отдельный скрипт.

SEO, метаданные и экспорт

• Переменная для глубоко вложенных категорий. Для шаблонов метаданных требовалось получать название нужного уровня каталога. В примере раздела Hyundai Creta с вложенными категориями двигателя и коленвала такая переменная должна была сохранять в метаданных контекст модели.
• Перелинковка категорий. Был сформулирован отдельный запрос на реализацию внутренних ссылок между разделами.
• Дубли товарных URL. Требование привести канонические адреса карточек к структуре /catalog/* нуждалось в отдельной итоговой проверке.
• Связи страниц пагинации. В задании дополнительно запрашивались атрибуты prev и next для переходов между страницами списка.
• Проверка индексации. Требовалось разобраться с уведомлениями Вебмастера о смене статуса страницы насоса ГУР и проверить целевой URL перенаправления.
• Турбо-страницы Яндекса. В исторических заданиях 2020 года обсуждались установка плагина, подготовка YML/XML-файла и настройка в Вебмастере. В выгрузку должны были входить название, цена, кнопка покупки, описание, изображение и другие основные поля товара.
• Дубли Sitemap региональных витрин. Требовалось согласовать список лишних файлов перед удалением. Среди примеров — /sitemap/sitemap-shop-spb.xml и /sitemap/sitemap-analogs-spb.xml на витрине Санкт-Петербурга.
• Повторная проверка фавиконки. После установки SVG поступило замечание, что рекомендация Яндекса продолжала отображаться.

Производительность и внешние интеграции

• Нагрузка на сайт и базу данных. Требовалось найти способы снизить превышения лимитов хостинга без перехода на более мощный сервер: проверить запросы к базе, работу скриптов и тяжелые участки кода.
• Скорость загрузки. Рассматривались кеширование и CDN, проверка компьютерной и мобильной версий, а также поиск дублирующихся скриптов по результатам проверки Pingdom.
• Передача данных внешнему сервису. Обсуждалась отправка данных методом POST на предоставляемый URL в формате form-data или JSON.

Формы, мобильные сценарии и оформление заказа

• Спам через обратный звонок. В 2024 году поступило обращение о спам-атаке. Для диагностики требовалось уточнить расположение формы или плагина и адрес получения уведомлений.
• Зависание СДЭК. Требовалось проверить остановку оформления заказа после выбора способа доставки.
• Форма сообщения об ошибке сайта. Для страницы /feedback запрашивалась простая форма с одним текстовым полем и кнопкой отправки, без обязательного телефона или email. Необходимо было согласовать получателя сообщений.
• Кнопка закрытия мобильного меню. После первоначального исправления оставалось замечание к белому фону, размеру и качеству изображения крестика.
• Распознавание OE-номеров на iPhone. Требовалось устранить ситуацию, когда браузер превращал каталожные номера деталей в телефонные ссылки и пытался инициировать звонок.
• Цель мобильного звонка. После настройки события Яндекс Метрики требовалось повторно проверить регистрацию цели по переданному идентификатору.

Контакты и изменение региональной структуры

• Центральная точка на странице контактов. После сокращения региональных витрин требовалось убрать остальные точки и ссылки на поддомены, оставив центральный магазин в Москве.
• Адрес в карточках товаров. В мае 2025 года поступило требование заменить его на «Коровинское шоссе, д. 3, корп. 2».
• Проверка региональных перенаправлений. Для расширенного списка из десяти витрин требовалось подтвердить переход на основной домен с сохранением пути страницы.
• Проверка отдельных 301-перенаправлений. Согласованный список направлений приведен в разделе о региональных витринах и URL.

Итоги и похожие задачи

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

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

Рост скорости, конверсии, трафика и прибыльности рассматривался как цель развития проекта. Численные результаты этих показателей в материалах проекта не приведены.

Нужна поддержка интернет-магазина на Webasyst Shop-Script? Quadro Design помогает развивать каталог, дорабатывать карточки товаров и поиск, подключать сервисы, исправлять технические ошибки и улучшать работу магазина на компьютерах и мобильных устройствах.