Каталог без цен и кнопок — покупатель уходит звонить другому складу

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

Новый сайт — и ни одной потерянной страницы в поиске

Все 170 страниц, которые находит поиск, открываются на новом сайте по прежним адресам — с теми же заголовками и описаниями. Ещё 234 старых адреса переадресуются на нужные разделы одним переходом.

Каталог переехал целиком: 151 товар с фото в 15 разделах. Клиент теперь сам добавляет товары и правит тексты страниц в админке. На главной стало меньше лишнего кода: скриптов — 12 КБ вместо 368 КБ.

Что к этому привело? Мы убрали три проблемы старого сайта.

1. Первый экран не говорил, что здесь продают. Теперь в заголовке — товары и город, рядом — адрес склада, часы работы и две кнопки: «Смотреть каталог» и «Получить прайс».
2. Каталог был витриной без следующего шага. Теперь на каждой плитке и в карточке товара есть «Узнать цену», а форма заявки открывается поверх страницы и сама подставляет товар.
3. Сайт держался на движке 2017 года. WordPress 4.7 и PHP 5.6 давно не получают обновлений безопасности. Новый сайт — на актуальных WordPress и WooCommerce.

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

Наш клиент — АгроХозСнаб, оптово-розничный склад агроматериалов в Ростове-на-Дону: тепличная плёнка, укрывной материал, сетки, капельный полив, кассеты для рассады, тенты и бассейны, отправка по всей России. Сайт работал с 2017 года на WordPress 4.7 и с тех пор почти не менялся.

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

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

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

Сразу под первым экраном на главной теперь каталог: 15 направлений с фото, поиск и «Узнать цену» на каждой плитке.

В разделах появился заголовок с городом и кнопка «Узнать цены», в карточке товара — цена по запросу, самовывоз со склада и отправка транспортными компаниями.

Ниже на главной — факты о поставщике, блок для четырёх групп покупателей и форма прайс-листа с полем «Кто вы»: менеджер сразу видит, кто пишет — фермер, оптовик или дачник.

Каталог, который клиент ведёт сам

Раньше любое изменение на сайте требовало разработчика. Теперь:

• Товары добавляются и правятся в WooCommerce: фото, описание, цена, если клиент решит её показать.
• Страницы правятся блоками: текст и фото меняются прямо на странице, вёрстка не ломается.
• Заявки собираются в журнал: видно, с какой страницы и формы пришла каждая и куда ушла — на почту или в Telegram. Журнал выгружается в Excel.

Почему позиции не упадут

До редизайна сайт находили по названию компании и примерно по двадцати товарным запросам в топ-100 Яндекса. Чтобы не потерять это при переезде:

• Сняли «слепок» старого сайта до первой правки: 258 адресов, заголовки, описания и объём текста каждой страницы. Новая версия сверялась с ним автоматически после каждого изменения — 170 из 170 страниц совпадают.
• Адреса не меняли, даже старые адреса товаров с датой 2017 года. Отличия — только сознательные улучшения: заголовок H1 с городом на главной, в каталоге и в 14 разделах, описание для страницы, где его не было.
• 234 переадресации: старые рубрики, архивы и короткие ссылки ведут на подходящий раздел одним переходом.
• Фото товаров остались по старым адресам — поиск по картинкам и ссылки с других сайтов не пропадут.
• Сайт собран на закрытой копии, а переключение пройдёт за один раз. Перед этим сняли позиции по 72 запросам — после запуска будем сравнивать с ними каждую неделю.

Сайт должен продавать, а не саботировать.