Зміст
Заказать ЮЗАБИЛИТИ АУДИТ САЙТА
- Головна сторінка
- підвал
- Шапка сайту
- Оформлення навігації зліва
- Центральна частина сторінки
- Каталог товарів
- Категорія
- Показ категорії плиткою
- Показ категорії списком
- сторінка Товару
- Доставка і оплата
- Акції - Накопичувальна знижка
- Подарунки
- Контакти
- Про компанію
- оптовикам
- Відгуки
- Кошик
- Оформлення заказу
- Адаптивний дизайн сайту
- Планшети
- Мобільні телефони
приклад короткого комплексного аудиту. У прикладі витяги з аудиту для сайту з продажу посуду. юзабіліті аудит і SEO аудит разом дають кращий результат підвищення доходів інтернет магазину.
Головна сторінка
підвал
- Стилістика провідних сайтів - це підвал темного кольору.
- Фон підвалу міняємо на кольори логотипу #162457
- Колір посилань в підвалі робимо білим #FFFFFF
- Заголовки кольором #ffbcde
- Номери телефонів та текст білим #FFFFFF
- Так буде виглядати підвал після зміни кольорів.
- Дрібна помилка, назва починається з маленької літери.
Видаляємо кнопку піднятися наверх з усіх сторінок сайту. Цією кнопкою рідко користуються, але вона на себе забирає багато уваги.
Видаляємо посилання на Бітрікс в правому нижньому кутку. Це посилання може зацікавити потенційних покупців і повністю відвести від покупки.
Шапка сайту
- Змінюємо кольори навігації: Про Компанію, Подарунки, Відгуки кнопки робимо кольором #ff0381
- Кнопки Каталог, Доставка і оплата робимо кольором #162457
- Прибираємо форматування шрифту італік з кнопок.
Так буде виглядати навігація
4. Виправити текст поруч з фотографією дівчини. Замінити "Онлайн консультант" на "Замовити зворотний дзвінок". Напис зробити посиланням для виклику форми замовлення. Так це буде виглядати:
5. Вхід / Реєстрація - видалити. Можна на цьому місці написати слово "Кошик" і зробити обов'язково посиланням на кошик.
Оформлення навігації зліва
- Видаляємо рисочки між заголовками.
- Текст посилань робимо #005a8c
- Посилання підкреслюємо.
- При наведенні залишаємо рожевий колір #ff0381 і прибираємо підкреслення.
Так буде виглядати меню
Центральна частина сторінки
- Видаляємо слайдер під шапкою.
2. Додаємо блок навігації по центру який дублює ліву навігацію. Це посилання без іконок в алфавітному порядку.
2.1.Текст посилань робимо #162457
2.2. Посилання підкреслюємо.
2.3. При наведенні робимо рожевий колір #ff0381 і прибираємо підкреслення.
3. Рекламні блоки ставимо над і під центральною навігацією. Дивіться на зображенні. Це не дизайн сайту, а розташування блоків на зображенні для ясності що робити.
4. SEO текст залишається без змін.
5. Внизу над SEO текстом виводимо товари у вигляді списку.
5.1. Виводяться всі товари що є на сайті, а зверху свіжі надходження. Для оптимізації продажів в самий верх можна підставляти самі купуються товари, але не акції.
5.2. Кількість товарів не більше 10 і не менше 5 на головній.
5.3. На внутрішніх сторінках загального каталогу по 20 товарів якщо показується список товарів, а не плитка.
6. Цей блок виводимо над футером і під SEO текстом.
Каталог товарів
- У такому вигляді каталог цілком гідно виглядає.
- Каталог можна повністю оптимізувати, що вплине в першу чергу на SEO.
2.1. Категорії мають підкатегорії. Вивести посилання на них.
2.2. Є фільтри в категоріях. Вивести посилання і на них.
2.3. Є колекції. Вивести посилання і на них.
Ця сторінка могла б стати картою сайту зі зручною навігацією для користувачів.
Це треба окремо сідати і витратити тиждень щоб створити структуру каталогу. Я дав ключові напрямки що можна зробити.
Ось картинка щоб ви розуміли що за підкатегорії в каталог товарів можна винести вже зараз.
Категорія
- За замовчуванням поставити показ товару списком, а не плиткою як зараз. Дуже важливо!
- Найважливіша частина категорії це фільтр який зараз має тільки одну корисну функцію це показ товару плиткою або списком. Видалити фільтр залишивши тільки дві кнопки показ товару плиткою або списком до повної заміни на новий варіант описаний нижче.
- При наведенні на фільтр показуються посилання. Потрібно замість пунктів вибору прописати статичні посилання. Колекції не прописувати.
приклад сторінки
Перетворений фільтр буде мати вигляд статичних посилань з заголовками замість фільтра
- Повзунок на ціні видалити і залишити тільки поля для введення вартості.
- Зробити вибірку в якому порядку показувати товар. Від дорогих до дешевих, від дешевих до дорогих і останні надходження за замовчуванням, але потрібна кнопка щоб повернутися.
Показ категорії плиткою
- При наведенні на товар видалити функцію збільшення товару. Тільки рамка навколо товару показує що ви навели на товар.
- Тема товару синього кольору #005a8c і підкреслений. При наведенні колір стає #ff0381 і забирається підкреслення. Розмір шрифту 18px.
- Кнопку купити залишити як є. При наведенні на кнопку Купити робити її темно-зеленого кольору #008000
Показ категорії списком
- Змінити місце розташування вартості і кнопки купити в картці товару. Має виглядати як на картинці. Вартість і кнопка під текстом зліва.
2. 100% Гарантія Якості значок варто поставити на фотографіях в нижньому лівому кутку і видалити з правої колонки. Текст не робити на всю ширину, а праворуч залишити порожнє місце.
Реалізація що показана досить складна. Це питання до того хто буде робити як правильно реалізувати щоб красиво виглядала гарантія якості в нижньому правому куті картинки.
Вона повинна бути в рамці товару або заходити як на прикладі?
Вона повинна бути в кутку картинки.
3. Кнопки "В закладки / відкласти" і Порівняти поставити під назвою товару. Значки зробити рожевого кольору #ff0381
- При наведенні на кнопку купити зробити її темно-зеленого кольору #008000
5. Кнопка купити не повинна додавати товар в корзину зі списку. Ця кнопка повинна вести на товар.
6. Додати посилання "Додати в кошик" під кнопкою купити. Кнопка працює як раніше кнопка купити.
7. Тема товару синього кольору #005a8c і підкреслений. При наведенні колір стає #162457 і забирається підкреслення. Розмір шрифту 18px.
.8 Розмір шрифту в описі товару в списку 14px, а line-height 16px.
9. Видалити з опису інформацію: Артикул, Колекція, Колір.
сторінка Товару
- Видалити рекламний блок під ціною товару.
2. Текст Картки товару зробити шрифтом 16px
- Виправити помилку коли товари які дивилися показуються стовпчиком, а не один поруч з іншим. В хромі ця помилка то з'являється то її немає.
- Видалити "Інші товари з колекції". Можна залишити тільки текстові посилання під написом "Інші товари" для SEO. Для продажу це заважає.
5. Не працює розмітка schema коректно. Чи не показується фотографія, якщо людина хоче поділитися товаром в facebook.
6. "Описи товару", "Можна використовувати" і "Відгуки" повинен бути шрифт 16px
7. Через специфіку товару, що кожен раз переходити в кошик незручно. Треба додати посилання "Додати в кошик". Натискання на неї не перекидає в кошик, а працює як раніше працювала кнопка купити. На малюнку варіант реалізації.
Доставка і оплата
- Виправити текст на сторінці. Дивіться на зображенні.
- У заголовку сторінки повинні бути написано Доставка по Росії і по Україні. Замість слова Доставка.
Акції - Накопичувальна знижка
- З двох сторінок:
Зробити одну сторінку з назвою накопичувальний бонус або бонусна система.
- Розмір шрифту на сторінці 16px, колір чорний.
Подарунки
Добре оформлена сторінка. Можна зробити красивіше збільшивши важливі заголовки до шрифту в 20px і помістити пропозиції в рамки. (На доходи не вплине)
Тільки текст трохи злетів, що треба підправити.
Контакти
- Зайвий текст на сторінці контактів.
- У вас вказано час роботи в шапці. Виправте щось одне.
- Чи не працює карта.
Напевно повинна завантажуватися карта))
Про компанію
- Виправити розмір шрифту з 15px на 16px.
- Помилка верстки над заголовком.
оптовикам
- Зробити шрифт тексту на сторінці 16px.
- Посилання для оптовиків повинна знаходиться в футере. Можна видалити стовпчик особистий кабінет і туди її в футер і додати.
Відгуки
- На сторінках товарів розмір шрифту збільшити до 16px.
- На сторінці "Відгуки" розмір шрифту збільшити до 16px.
Кошик
- Відправляти користувача відразу ж в кошик після натискання кнопки купити. Він сам прийме рішення продовжувати покупки або оформити замовлення в кошику.
- Додати напис в кошику рожевим кольором #ff0381. * Мінімальна сума замовлення 1000 рублів
- При наведенні на кнопку Оформити замовлення робити кнопку темно-зеленим кольором #008000
Оформлення заказу
- Продублювати кнопку Оформити замовлення і зробити рамку темніше в коментарях
- На сторінці після підтвердження замовлення зробити шрифт тексту 16px.
2.1. Так само і внизу сторінки збільшити шрифт до 16px
Адаптивний дизайн сайту
Один і той же людина повинна вносити правки в цей дизайн і зробити адаптивний дизайн. Нижче рекомендації. В адаптивному дизайні близько 30% зростання конверсії.
Планшети
- Дизайн повинен стискатися до дозволу 768px
- У дизайні з плиткою забирається третя колонка товарів праворуч.
- У дизайні зі списком товарів я прибрав вартість справа і повинно вистачати місця.
Мобільні телефони
- Дизайн повинен стискатися до дозволу 320px
- Список товарів показується як одна колонка в дизайні плиткою. Ви дві колонки не помістіть в екран 320 щоб там хоч щось було видно.
✔️ Що включає в себе комплексний аудит?
Аналіз Юзабіліті і SEO сайту і створення технічного завдання на його основі.
✔️ Як проводитися аналіз сайту?
Аналіз сайту проводитися по чек листу з понад 1000 пунктів.
✔️ Коли слід проводити комплексний аудит?
Зазвичай його слід проводити раз на півроку.
✔️ Яких результатів по оптимізації варто очікувати від аудиту?
Аудит дає вирішення проблеми. Після впровадження всіх рекомендацій варто очікувати підвищення конверсії і трафіку.
✔️ Що таке SEO-аудит сайту?
SEO-аудит - це процес аналізу того, наскільки ваша присутність в Інтернеті співвідноситься з кращими практиками.
✔️ Як мені провести локальний SEO-аудит?
Перевірте доступність назви вашої компанії та доступність NAP (ім'я, адреса і номер телефону).
Вивчіть місто і географічне положення вашого бізнесу.
Детально вивчіть дані про свою компанію, веб-сайт або блог.
Отримуйте корисні дані за допомогою аналізу конкурентів.
✔️ Скільки коштує SEO-аудит?
Аудити веб-сайтів налаштовуються для окремих підприємств, тому ціни варіюються, але типовий діапазон становить 2500-3500 доларів (аудит для більших «корпоративних» веб-сайтів може бути значно більше).