Сайт для производителя лестниц
6 мин 64 Обновлено 1 октября
Факты проекта
- Моя работа
- Структура и UX, дизайн-система, вёрстка, программирование, наполнение каталога, переезд и поисковая оптимизация
- 1С-Битрикс: Управление сайтом, редакция "Малый бизнес", 2026
Что умеет сайт
- Каталог алюминиевых лестниц, стремянок, вышек-тур и спецконструкций с корзиной и заказом
- Фильтр из пяти признаков вместо пятнадцати: тип конструкции, цена, количество ступеней
- 61 страница-подборка под поисковый спрос, у каждой свой текст
- Паспорта изделий и каталоги для скачивания, привязанные к сериям
- Водяной знак на фото товаров: накладывается только на копии для сайта
- Заявка на расчёт и коммерческое предложение без перезагрузки страницы
- Своя невидимая защита форм от ботов вместо капчи Google
- Уведомления о заявках и заказах менеджерам в мессенджер MAX
- Фид для Яндекс Маркета на 177 предложений с номерами из артикулов
- Микроразметка товаров, организации и хлебных крошек для поисковиков
- Контакты и мессенджеры правятся в одном месте и подставляются по всему сайту
- Полная поисковая оптимизация и переезд без потери адресов: 584 старых ведут постоянными перенаправлениями на новые страницы
Что было у клиента
Сарайлы-М производит алюминиевые лестницы, стремянки, вышки-туры, платформы и подъёмники, отгружает по России и СНГ. Сайт у них был, но достался от прежних подрядчиков и постепенно превратился в чемодан без ручки.
Лицензия платформы кончилась в феврале 2025 года, то есть больше полутора лет сайт жил без обновлений. Поиск по сайту не работал вообще: модуль так и не установили. В открытом доступе лежали служебные файлы, включая архив с кодом. В самом коде нашлись уязвимости, я оформила их отдельным документом для клиента.
Но главное было в каталоге. Товары лежали в двух разделах сразу – "Продукция" и "Магазин", и одна и та же стремянка открывалась по двум адресам. Поисковику не сказано, какой из них главный, канонический адрес не указан – и поисковые сигналы делились между двумя адресами вместо одного. При этом два живых раздела продукции, вышки-туры и платформы, были вообще запрещены к показу в поиске, а карта сайта не обновлялась с апреля.
Чинить такой каталог настройками можно, но он остался бы тем же каталогом, собранным без плана. Поэтому клиент решил не латать, а сделать новый дизайн и спроектировать каталог заново.
Яндекс Вебмастер показывал 57 страниц с одинаковыми заголовками и 58 с одинаковыми описаниями. Заголовок и описание страницы это метаданные, по которым поисковик отличает одну страницу от другой. Одинаковые метаданные не помогают поисковику понять, чем страницы отличаются друг от друга.
И отдельно: база данных на хостинге работала на MySQL 5.6, а современный Битрикс на ней просто не запускается. То есть обновиться на месте было нельзя.
Как это выглядит сейчас
Почему новый сайт собирали отдельно
Переделывать прямо на рабочем сайте было нельзя. Остановить его на полтора месяца тоже: у компании оптовые клиенты, заявки идут каждый день.
Поэтому новый сайт я собирала на отдельном сервере для разработки – это полная копия, закрытая от посетителей и поисковиков. Полтора месяца на ней шли вёрстка, наполнение и проверки, а клиент всё это время работал на старом сайте и ничего не замечал. Переключение произошло в один день, когда новый сайт был готов и принят.
Вторая сложность – поисковые позиции. Адреса старого каталога уже стояли в выдаче, и при смене структуры каждый потерянный адрес превращается в ошибку у посетителя и в упавшую позицию у компании. Как их сохранили – в последнем шаге.
Как шла работа
Девять шагов: от замеров действующего сайта до переезда.
1. Аудит действующего сайта
Сначала я разобрала действующий сайт по частям и отдала клиенту отчёт с замерами. Главная весила 17,4 мегабайта, карточка товара – 21: двадцать семь фотографий, ни одна не сжата, современный формат изображений не использовался. На мобильном интернете такие страницы ждут десятками секунд, и часть людей уходит, не дождавшись.
Отдельная находка: служебная операция модуля доставки с 11 августа обрывалась на нехватке памяти, а запускалась она на заходе случайного посетителя. Примерно раз в двенадцать минут кто-то получал вместо страницы ошибку. При этом расчёт доставки на сайте всё равно не работал.
По поиску: два раздела продукции были закрыты от индексации, карта сайта устарела, у страниц не было ни canonical, ни заголовка первого уровня. Каждый пункт в отчёте шёл с замером, объяснением человеческим языком и ценой вопроса – час настройки или переделка.
Отчёт по аудиту, август 2026
2. Архитектура нового каталога
Дальше – архитектура каталога: из чего он состоит, как товары делятся по разделам и какие страницы вообще должны существовать. Каталог разошёлся на серийную продукцию, спецконструкции, подъёмные устройства и продукцию по направлениям: обслуживание производства, железной дороги и метрополитена, складов. Под каждым разделом сразу расписано, какие признаки товара станут ссылками для поиска: у стремянок – конструкция и материал, у промышленных лестниц – число секций, у вышек-тур – рабочая высота.
В той же схеме появился раздел для клиентов, которого на старом сайте не было вовсе: терминология, инструкция по безопасности, сертификаты, гарантия, паспорта изделий, логистика, условия для маркетплейсов. Это те вопросы, которые оптовый покупатель задаёт до заказа.
3. Фильтры, теги и посадочные страницы
Архитектура отвечает, какие будут разделы. Дальше вопрос тоньше: у лестницы два десятка характеристик – высота, число секций, материал, нагрузка, тип конструкции. Какие из них дать покупателю фильтром, какие вынести отдельной страницей под поисковый запрос вроде "стремянка алюминиевая 5 ступеней", а какие не показывать вовсе. Это мы разобрали вместе с SEO-специалистом и свели в один рабочий файл.
По каждому признаку в нём записано: к какой группе товаров относится, как называется для покупателя, каким свойством хранится, работает фильтром или тегом, отдавать ли его поиску и у скольких товаров он уже заполнен. Рядом – листы с семантикой, посадочными страницами, сочетаниями признаков и правилами проверки данных.
Оттуда же выросло решение сократить фильтр: признак, не заполненный у половины товаров, в фильтре только мешает. Новый каталог на dev-сервере собирался уже по этому файлу, а не на глаз, поэтому структуру не пришлось переделывать по ходу.
4. Дизайн-система и вёрстка
Вёрстка шла параллельно сбору данных: пока с SEO-специалистом собирались правила каталога, страницы уже верстались по макетам. К моменту, когда файл был готов, каталог наполнялся сразу в готовый шаблон.
Каждая страница свёрстана с адаптивом под телефон. Собрала дизайн-систему – единые цвета, шрифты, отступы и компоненты, к ней стайлгайд: новую страницу теперь можно собрать из готовых блоков, а не верстать заново.
Контакты компании правятся в одном месте в админке и сами подставляются по всему сайту: телефоны, почта, адрес, мессенджеры, логотип.
5. Порядок и безопасность
Продлила лицензию 1С-Битрикс, обновила ядро и модули. Прошла по списку установленных модулей и удалила неиспользуемые: интеграции доставок, мастера демо-сайтов и прочий балласт от прежних подрядчиков. Закрыла доступ к служебным файлам, настроила защитные заголовки сервера. Восстановила поиск, причём так, чтобы он находил артикулы и с дефисом, и без.
Код перевела под контроль версий: теперь любое изменение видно и откатывается.
6. Наполнение каталога
Новая структура сайта, товары загружены из таблицы клиента: к каждой позиции я дополнительно подобрала и загрузила фотографии и видео, в исходной таблице их не было. Фильтр сократила с пятнадцати признаков до пяти и оставила те, по которым реально выбирают: тип конструкции, цена, количество ступеней.
Отдельно сделала 61 страницу-подборку под поисковый спрос: серии стремянок и лестниц, типы конструкций, у каждой свой текст. Ножничные подъёмники и спецконструкции вынесла в свои разделы, потому что позиции под заказ живут иначе, чем серийные.
Паспорта изделий привязала к сериям. Фотографии товаров получают водяной знак, но только копии для сайта: оригиналы клиента остаются чистыми. Картинки автоматически переводятся в современный формат, он легче.
7. Поисковая оптимизация
Главная задача переезда – не потерять то, что старый сайт уже заработал в поиске. Поэтому у каждой страницы свой заголовок и описание, один канонический адрес и один заголовок первого уровня: на старом сайте 57 страниц были с одинаковыми заголовками и 58 с одинаковыми описаниями, то есть для поисковика неразличимы. Все старые адреса сохранены перенаправлениями, подробности – в последнем шаге.
Собрала фид для Яндекс Маркета: 177 предложений, номер предложения берётся из артикула, чтобы не сбиваться при каждой пересборке каталога. Товары, организацию и хлебные крошки разметила по schema.org: поисковик видит цену и наличие, а не просто текст. Яндекс Метрику поставила с целью "Заявка отправлена", наши тестовые заявки в статистику клиента не попадают.
8. Заявки и уведомления
Формы отправляются без перезагрузки страницы, с маской и проверкой телефона. Капчу Google убрала совсем, вместо неё своя невидимая защита от ботов: посетителю больше не нужно разгадывать картинки.
Со страницы товара можно заказать расчёт. Корзина и оформление заказа на новом дизайне, с проверкой телефона и ИНН.
Уведомления о заявках и заказах приходят менеджерам в MAX, в групповой чат отдела. Кнопку WhatsApp на сайте заменили на MAX. Канал в Телеграм подготовлен, но выключен до решения юриста клиента о передаче персональных данных за рубеж.
9. Переезд на новый сайт
Это самая ответственная часть, и делается она заранее, а не в день запуска.
Я составила карту переходов: 584 старых адреса ведут постоянным перенаправлением на соответствующие новые страницы. Проверила скриптом, расхождений ноль. Все варианты адреса – с www и без, по защищённому протоколу и без – склеены в один.
База данных на хостинге была на старой версии, поэтому вместе с хостингом аккаунт перенесли на сервер с MySQL 8, а для нового сайта создали отдельную базу. Новый сайт развернули рядом со старым и переключили домен одним действием. Старый сайт и его база сохранены целиком: если бы что-то пошло не так, откат занял бы минуты.
Разделы, которые живут своей жизнью, перенесла без изменений: прайс-сервис, файловые архивы, конфигуратор, каталоги для скачивания.
Замеры PageSpeed в день запуска
Что получилось
Новый сайт запущен 29 сентября 2026 года в 12:23. Через три минуты я сняла первый замер скорости.
Оценка скорости гуляет от замера к замеру на несколько пунктов: это лабораторный тест. Поэтому замеры ниже даны с датой и временем. На этапе разработки мобильная оценка главной была 84, после работы над скоростью выросла до 92, а на боевом хостинге показала 97. Что делала: облегчила шрифты, сжала стили и скрипты, картинки первого экрана отдаются под размер экрана телефона.
Проверка боевого сайта сразу после запуска, 298 страниц из карты сайта на тот момент (сейчас в карте 237: часть служебных адресов из неё убрана):
- все отвечают без ошибок;
- у каждой ровно один канонический адрес и один главный заголовок;
- повторяющихся заголовков ноль, на старом сайте было 57;
- все страницы доступны не глубже трёх кликов от главной;
- сервер отвечает за 0,5–0,9 секунды.
После запуска я прогнала новый сайт по тем же проверкам, что делала для старого в августе – тем же способом и на тех же страницах, чтобы сравнение было честным.
| Что мерили | Август, старый сайт | Октябрь, новый сайт |
|---|---|---|
| Вес главной страницы | 17,4 МБ | 3,9 МБ |
| Вес карточки товара | 21,0 МБ | 0,72 МБ |
| Ответ сервера | до 7 секунд в выбросах | 0,5–0,9 секунды, ровно |
| Повторяющиеся заголовки страниц | 57 | 0 |
| Повторяющиеся описания | 58 | 1 |
| Канонический адрес | не было ни на одной | на всех 237 |
| Заголовок первого уровня | на главной отсутствовал | ровно один на каждой |
| Разметка товара для выдачи | отсутствовала | товар, цена, наличие, крошки |
| Резервная копия базы в открытом доступе | 689 МБ, скачивалась без пароля | закрыта |
Технический аудит после переезда
Что в итоге получил бизнес
Если сложить всё вместе, с чем компания осталась после переезда:
- каталог, собранный по плану: один товар – один адрес, разделы по типам продукции и по направлениям применения;
- страницы под разный спрос: 61 подборка отвечает на запросы, по которым раньше сайт не находили;
- сайт, который одинаково работает на телефоне и на компьютере, с заявкой из любой точки;
- управление контентом без разработчика: товары, акции, статьи и контакты правятся в админке;
- сохранённые адреса: 584 старых ведут постоянным перенаправлением на соответствующие новые страницы, потерянных нет;
- основа для продвижения: метаданные, разметка товаров, фид для Маркета и аналитика настроены до запуска, а не после.
Если коротко: компания получила не новый дизайн поверх старой системы, а заново спроектированный каталог на актуальной платформе – со старыми адресами, подготовленной структурой для поиска и возможностью развивать сайт дальше без очередной полной переделки.
Кому подойдёт то же решение
Производителю или оптовику с каталогом, который живёт на устаревшем сайте от прежних подрядчиков и боится его трогать, потому что сайт приносит заявки.
Признаки, что ситуация ваша: лицензия платформы не продлевалась год и больше, поиск по сайту не работает или ищет мимо, в Вебмастере висят десятки страниц с одинаковыми заголовками, а подрядчика, который всё это делал, уже не найти.
Если узнали свой сайт, напишите мне.
Частые вопросы
Можно ли переделать сайт, не останавливая работу компании?
Да, и это обычный порядок. Переделка идёт на отдельной копии, рабочий сайт не трогается до дня переезда: он продолжает принимать заявки и заказы. В день запуска домен переключается на новый сайт одним действием, а старый сайт и его база сохраняются целиком, чтобы откат занимал минуты.
Что будет с позициями в поиске после переезда на новую структуру?
Грамотный переезд сильно снижает риск потерять поисковую видимость, но гарантировать неизменность позиций нельзя. Для этого каждый старый адрес должен вести постоянным перенаправлением на соответствующую новую страницу, а карта переходов проверяется до запуска, а не после. В этом проекте 584 адреса, расхождений ноль. Фактическую динамику позиций смотрю после того, как поисковики переобойдут сайт, это две-четыре недели.
Сколько занимает такая работа?
Этот проект занял пять недель, с 20 августа по 29 сентября 2026 года: новый дизайн и шаблон, новая структура каталога, переезд на обновлённую платформу и запуск. Срок зависит от размера каталога и от того, в каком состоянии достался старый сайт.
Что делать, если лицензия платформы давно не продлевалась?
Продлевать и обновляться. Сайт без обновлений полтора года и дольше – это открытые уязвимости, а ещё он может не запуститься на современной версии базы данных. В этом проекте пришлось вместе с хостингом переносить аккаунт на сервер посвежее: старая версия базы не давала запустить обновлённую платформу.
Материалы по теме
Что почитать дальше по этой теме
