Задача
Добрый день, уважаемые жюри!
Заказчик просил создать сайт для продажи подносов и крышек без каких-либо корзин, которые бывают в интернет-магазинах. Нужна была разработка SEO-сайта. Также была просьба, чтобы товары не имели переходов на карточки товаров. Разработка на WordPress с панелью управления и возможностью полностью редактировать информацию на сайте самостоятельно клиентом без правки кода.
Решение
Был произведен аудит сайтов конкурентов. Лучшим вариантом оказалось удобство и скорость нахождения информации на сайте, что поможет клиенту быстро найти то, что ему нужно, без лишнего. Лишнее на сайте с большим объемом информации и блоков привел бы клиента в какую-то степень отчаяния, и потребовалось бы время, чтобы разобраться в сайте для заказа товара.
Важным моментом стало:
• Скорость загрузки при заходе клиента на сайт, чтобы не отпугивать долгим ожиданием прогрузки страницы сайта.
• При отправлении ссылки клиентом кому-либо в какие-либо соцсети или мессенджеры, чтобы ссылка была красиво сформирована с картинкой и заголовком, …
• Быстрый прирост для органической выдачи в поиске поисковых запросов.
• Минимализм и удобство без потери важной информации для будущего клиента.
• Страница Продукции, которая будет в себе иметь многофункциональные категории.
Структура и дизайн сайта прорабатывались лично мной — всё было в моей голове.
Технические основные моменты:
• Никакие плагины от WordPress не использовались, только ACF + repeater.
• Тема создавалась с нуля, чтобы минимизировать или вовсе не встречаться с лишним мусором в коде.
• Код написан по стандартам WordPress.
• Внедрена разметка Open Graph в код для всех страниц сайта с возможностью добавления информации об ней в админке.
• Внедрена микроразметка schema.org для поисковых роботов и отображения на поиске объявлений в код без использования JSON-LD по всему сайту.
• JS и jQuery код, который не имеет никакой смысловой нагрузки для страниц, не применялся. Файлы скриптов подключаются к страницам там, где есть им применение.
• Лента новостей и отзывов на мобильных устройствах сделана слайдером на главной странице. Был использован популярный swiper.js, в котором код отлично оптимизирован и функционален.
• Ссылки на страницах сами на себя не ведут, что хорошо для отдачи в поисковой выдаче. При переходе на одну из страниц сайта все ссылки по данной странице становятся неактивными (перехода нет).
• Валидация сайта.
СТРАНИЦА ПРОДУКЦИИ:
Сформировалась задача сделать универсальную страницу продукции, которая будет иметь в себе категории с возможностью выбора в админ-панели различного функционала, а именно:
• ФУНКЦИОНАЛ 1.
Товары списком, которые подтягиваются для категории. В панели управления в карточке товара выбирается категория.
• ФУНКЦИОНАЛ 2.
Подкатегории товаров: https://new-box.net/production/lotki-pod-zapajku/
• ФУНКЦИОНАЛ 3.
Страница с полным описанием одного из видов товара. На сайте это, пример: https://new-box.net/production/menazhnicza-s-kryshkoj/
• ФУНКЦИОНАЛ 4.
Удобный фильтр для быстрой фильтрации товаров, которая работает по AJAX.
В каждой категории предусмотрено включение чертежей. Кнопка отображается слева при заходе клиентом на страницу, что поможет клиенту на 100% не потеряться и быстро найти чертежи для ознакомления: https://new-box.net/production/podnosy-plattery-dlya-kejteringa/.
• ФУНКЦИОНАЛ 5.
Категория оборудований с переходами на само оборудование: http://podnosi.web-developer36.ru/production/obroudovaniya-dlya-zapajki-lotkov/
Категория оборудований имеет переходы на страницы, а у остальных категорий нету переходов на страницы их вовсе на фронте сайта не существует, клиент который зайдёт на сайт их не найдет, всё на уровне категорий и подкатегорий.
Результат
Разработка превзошла все ожидания.
Удобство в использовании админ-панели стало ключом для заказчика, потому что он быстро разобрался без каких-либо затруднений и специальных знаний. Теперь, редактируя сайт, он думает, что он программист. 😉
Конечно же, клиент доволен сайтом. Сайт привлекает своей легкой доступностью нахождения информации, товаров. Были выполнены все поставленные задачи для дальнейшего развития бизнеса.