Технічна оптимізація сайту kproekt.com.ua

Резюме

Замовник: компанія «Комплекс Проект», фахівці на комплексному оснащенні підприємств громадського харчування кухонним, технологічним, тепловим та іншим професійним обладнанням.

Проблематика: клієнти звернулися до нас зі скаргами на повільне завантаження сайту, неробочий пошук, зайві елементи (блоки, фільтри, скрипти), криву верстку, відсутність мобільного меню та некоректне відображення деяких матеріалів/сторінок. Крім того, у багатьох сторінок та картинок були биті посилання, а меню та шапка сайту були організовані незручно.

Наше завдання: технічний аудит та оптимізація сайту, редизайн окремих елементів (шапка, підвал, каталог, мобільне меню, картка послуги)

Тривалість робіт: 3,5 тижні.

Етапи оптимізації

Після проведення ретельного технічного аудиту ми підготували для клієнта докладне ТЗ та рекомендації необхідних робіт, а після їх узгодження були виконані наступні завдання:

• Відновили версію Joomla;

• Видалили зайві (не використовувані) плагіни;
• Полагодили непрацюючі на сайті фільтри (за ціною, типом обладнання, виробником і т.д.);
• Налаштували коректні редиректи зі сторінок із 404 помилкою, видалили зайві;
• Допрацювали каталог товарів, що випадає (до нас пункти в каталозі виїжджали за задану область попапа, нашаровувалися один на одного);
• У мобільній версії в каталозі додали додаткові хрестики та змінили механізм розгортання (раніше не давало увійти до підкатегорії, одразу відкривало головну категорію);

• Повернули на сайт блог (раніше його перекривали інші пункти у шапці)
• Виправили верстку основних сторінок (відповідно до поточних макетів);
• Повернули сайту мобільне меню (до нас воно не відкривалося);
• Гугл карти замінили з варіанта через JS API на Iframe-варіант (додавши всі адреси);
• Відкоригували відображення посилань (для чого створили спец. приховане меню в адмінці);
• Почистили список обліків у базі;
• Відключили тег менеджер (для збільшення швидкості завантаження сайту), перепідключили рідними тегами Google Аналітику та ФБ Піксель;
• Налаштували приховування порожніх вкладок в описі товару/послуг (якщо інформація заповнена, вкладки відображаються);
• У картках товарів (у каталозі категорії) прибрали зайву інформацію, на мобільних зовсім прибрали коротку картку (інформація звідти перекривала сусідній товар, криво відображалася);
• Прибрали значки коллбека та оператора в картці товарів та загальному списку (у каталозі) т.к. вони гальмували систему і псували верстку – так товари з мобільного стали відображатися в 2 колонки замість 1 (зникли “дірки”);
• Полагодили механіку та верстку кошика (раніше замовлення не оформлювалося);
• Змінили повідомлення про оформлення замовлення – вирівняли верстку, прибрали непотрібну інформацію;
• На сторінці блогу вирівняли записи, відкрили випадково приховані категорії/записи;
• Виправили верстку сторінки окремої статті;
• Поправили згідно макету спливаючий кошик;
• Поправили виведення рекомендованих товарів та підрівняли ряди з товарами;
• Прибрали список виробників з кошика і пошук по них (раніше це був список, що йде в нескінченність);
• Перегрупували елементи у футері, прибрали звідти пошук (за бажанням клієнтів) і додали платіжні системи liqpay, visa, mastercard;
• Полагодили сортування товарів (за ціною, назвою тощо);Зробили окремі сторінки для доставки та партнерів;
• Поправили верстку та прибрали помилки зі сторінок вакансій та анкети;
• Прибрали зайве з каталогу товарів (послуги, які винесли до шапки окремим пунктом);
• Доопрацювали сторінку списку всіх виробників та сторінку записів конкретного виробника;
• Прибрали висновок “ХІТ продажів” т.к. за логікою він повністю повторював “ТОП продажів”.

Додаткові роботи

Крім технічної оптимізації, наша команда виконала наступні завдання замовників:

• Редизайн шапки сайту для десктопної та мобільної версій;
• Зробили скорочений (компактний) варіант лого для мобільних зі збереженням впізнаваності бренду;
• Переробили картку послуги (раніше для послуг та товарів були однакові картки);

• Додали закріплений банер із рекламою основної послуги над шапкою (на мобільному він клікабельний із посиланням на головну);
• Переробили каталог товарів у мобільній версії так, щоб у ньому було дві колонки товарів, замість однієї (як на сайтах агрегаторів типу Розетки);
• Зробили можливість додавати банер на початку сторінки кожної категорії товарів;
• Зробили можливість вручну додавати супутні/рекомендовані товари;
• Налаштували події в ГА (додали додаткову інформацію через звіти – хто заходив до кошика, хто звідки зробив замовлення);
• Додали до карток товарів ціни (там де вони були відсутні, наприклад у блоці рекомендованих товарів);
• Замінили фразу “Немає в наявності” на “На замовлення” у картці товарів (що коректніше відображається специфіку роботи клієнтів);
• У мобільній версії сайту додали закріплений номер телефону (кнопка швидкого зв’язку);
• Закруглили кнопки та інпути, прибрали тінь;
• Зробили попередній перегляд замовлення при наведенні миші на кошик.

Результати

Комп’ютерна версія ДО

Комп’ютерна версія ПІСЛЯ

Мобільна версія ДО

Мобільна версія ПІСЛЯ

Показники GTmetrix ДО

Показники GTmetrix ПІСЛЯ

Хочете так само?

Зв’язатися з нами можна за номером +38 048 737 44 49 поштою web@soft-pro.biz, або в месенджері – так, це та кнопка в нижньому правому кутку 🙂