«Урал Сталь М» работает в Магнитогорске с 2000 года: делает сетку рабицу, проволоку и строительные гвозди. Сайт компании uralstalm.ru — каталог на одной длинной странице, в подвале до сих пор стоит наша подпись «Разработка сайта». Мы посмотрели на сайт глазами закупщика — снабженца, прораба, оптовика. Закупщик ищет позицию по диаметру или ГОСТу, собирает список, просит цену и едет на склад. Это наше предложение: как мы переделали бы сайт, чтобы закупщику было проще.
Было
Что уже работает: сразу понятно, чем занимается компания, у сетки рабицы указаны цены, у проволоки — диапазоны диаметров и ГОСТы.
Вот чего не хватает закупщику. Мы замерили сайт 15 октября 2026 года в мобильной версии, на экране 390 × 844:
- Лента вместо каталога. 32 карточки — сетка, проволока и гвозди — идут одна за другой, каждая на всю ширину экрана. Страница длиной 20,5 экрана, а до проволоки нужно листать 13,3 экрана.
- Цен на проволоку и гвозди нет. У всех восьми видов проволоки и у четырёх строк с гвоздями написано «Цена по запросу». Чтобы узнать цену, надо звонить.
- Заявку отправить нечем. Есть звонок и форма обратного звонка. Список позиций приходится диктовать.
- Адрес, график и телефоны спрятаны. В мобильной версии они пропадают из шапки и остаются только в подвале, в конце страницы.
- Мелкие кнопки. Меню и звонок — две круглые кнопки в углу, они закрывают заголовки. Всего 24 кнопки и ссылки меньше 44 пикселей — в них трудно попасть пальцем.
- Тяжёлая страница. Она весит 1,28 МБ и делает 25 запросов. Фотографии товаров шириной 360 пикселей на современных экранах выглядят мутными.
Стало: приложение для закупщика
Мы собрали каталог как приложение. Оно работает в мобильной версии, на планшете и на компьютере; на компьютере заявка всегда видна справа.
Что в нём есть:
- Подбор проволоки по диаметру. Двигаете ползунок или выбираете готовый размер — по диапазонам из каталога компании сразу видно, какие из восьми видов подходят.
- 17 карточек вместо 32. У сетки рабицы вместо 20 карточек стало 8: диаметр и высоту рулона выбирают внутри карточки, а не ищут по ленте. Цены по высоте рулона видны сразу.
- Заявка списком. Позиции с диаметрами и количеством собираются в один список. Его можно отправить на почту, переслать или скопировать, а если закрыть страницу — список сохранится.
- Поиск. Находит «ТНС», «СВ08Г2С», «1,6» и «50×50». По числу «1,6» найдётся и проволока, у которой этот диаметр входит в диапазон.
- Маршрут и часы работы. Маршрут до склада на ул. Заводской, 2/2 строится в Яндекс Картах и Гугл Картах, адрес открывается в 2ГИС. Статус «Открыто до 18:00» или «Закрыто» считается по магнитогорскому времени.
Замеры
Обе страницы мы измерили одним способом, в настоящем браузере, на экране 390 × 844, 15 октября 2026 года.
- Длина страницы: 20,5 → 10,2 экрана. В режиме «Список» — 7,1.
- До проволоки: 13,3 → 2,8 экрана. Кнопка «Подбор проволоки» — на первом экране.
- Вес и запросы: 1,28 МБ и 25 запросов → 0,31 МБ и один запрос: шрифты не скачиваются, всё остальное лежит в одном файле.
- Мелкие кнопки: 24 → 0.
Ничего не потеряли: цены, диаметры, высоты, ГОСТы и цвета ПВХ перенесены с сайта без изменений. Мы сверили автоматически: все 85 ценовых ячеек сетки на месте (39 с ценой, 46 «по запросу»), 8 видов проволоки и 4 строки гвоздей тоже.
Почему решили так
Закупщик не читает сайт, а решает задачи. Найти позицию по диаметру, узнать цену, отправить список, доехать до склада, понять, открыто ли сейчас. Для каждой из этих задач мы сделали по одному действию: подбор по диаметру, «Запросить цену» одним нажатием, заявка списком, кнопка маршрута, статус «открыто» на виду. Там, где цены на сайте нет, позиция одним нажатием попадает в заявку — цену и срок компания называет в ответе.
Ничего не придумывали. На сайте не сказано, за что указана цена на сетку — за рулон или за квадратный метр — и какой длины рулон. Мы не стали выбирать за компанию: в приложении цена подписана «по прайсу», а единицу мы сверим с компанией. Рейтингов компании в 2ГИС и Яндекс Картах мы в открытом поиске не нашли (15 октября 2026 года), поэтому в макеты их не ставили. Формулировки, у которых на сайте нет подтверждения — «Гарантируем самую низкую цену в области» и «86% клиентов обращаются к нам снова», — не перенесли: вместо первой написали «цена производителя».
Проволока идёт первой. Подбор проволоки мы сделали первой плиткой: проволоку закупщик ищет по диаметру, а на нынешнем сайте первой идёт сетка и до проволоки листать 13,3 экрана. В каком порядке показывать разделы, решит компания.
Поисковая оптимизация: чтобы сайт появлялся в поиске
Удобное приложение само в поиске не появится. Вот что мы нашли в исходном коде сайта на 15 октября 2026 года:
- всё на одной странице: один заголовок и одно описание сразу на сетку, проволоку и гвозди;
- в карте сайта для поисковиков две страницы, последнее обновление — январь 2022 года;
- у 28 картинок подпись «Сетка рабица», в том числе у проволоки; для картинки в соцсетях стоит текст-заглушка;
- нет разметки, по которой поиск понимает адрес, часы работы, телефон и цены;
- счётчика Метрики в коде нет, поэтому сколько людей приходит и откуда, не видно.
Что мы предлагаем: структуру из 16 страниц вместо двух — главная, раздел «Проволока» и семь страниц по видам (проволока ТНС и ТОЧ в ПВХ-покрытии — на одной), раздел «Сетка рабица» с тремя типами, гвозди, «Как доехать и контакты», политика конфиденциальности. Виды и ГОСТы взяты из каталога компании, точный список уточним по статистике запросов. Плюс технические правки, карточки на картах и счётчик Метрики с целями «звонок», «заявка», «маршрут». Мест в выдаче мы не обещаем: они зависят от конкурентов и самих поисковиков. Обещаем другое — страницы будут готовы и отправлены на индексацию, а результат будет виден в цифрах Вебмастера и Метрики.
Посмотреть вживую
Приложение и витрина «было и стало» работают как настоящие страницы: их можно листать, нажимать кнопки, переключаться между сайтом сейчас и новой версией. Обе версии собраны на отдельной странице с описаниями и ответами на частые вопросы.
Что из этого уйдёт в работу, решает компания. Если хотите так же разобрать свой каталог, вот что мы делаем по сайтам, а написать нам можно здесь.