Пошук
Close this search box.
Пошук
Close this search box.

Приклад SEO / UX аудиту сайту.

аудит Сайту

Поділитися в соціальних мережах

Зміст

Заказать ЮЗАБИЛИТИ АУДИТ САЙТА

приклад короткого комплексного аудиту. У прикладі витяги з аудиту для сайту з продажу посуду. юзабіліті аудит і SEO аудит разом дають кращий результат підвищення доходів інтернет магазину.






Головна сторінка

підвал

  • Стилістика провідних сайтів - це підвал темного кольору. 
  • Фон підвалу міняємо на кольори логотипу #162457
  • Колір посилань в підвалі робимо білим #FFFFFF
  • Заголовки кольором #ffbcde
  • Номери телефонів та текст білим #FFFFFF
  • Так буде виглядати підвал після зміни кольорів. 
  • Дрібна помилка, назва починається з маленької літери.
UX помилки підвалу

Видаляємо кнопку піднятися наверх з усіх сторінок сайту. Цією кнопкою рідко користуються, але вона на себе забирає багато уваги.

Видалення кнопки вгору

Видаляємо посилання на Бітрікс в правому нижньому кутку. Це посилання може зацікавити потенційних покупців і повністю відвести від покупки.

SEO Аудит. Видалити посилання на Бітрікс

Шапка сайту

  1. Змінюємо кольори навігації: Про Компанію, Подарунки, Відгуки кнопки робимо кольором #ff0381
  2. Кнопки Каталог, Доставка і оплата робимо кольором #162457
  3. Прибираємо форматування шрифту італік з кнопок.

Так буде виглядати навігація 

UX навігація

4. Виправити текст поруч з фотографією дівчини. Замінити "Онлайн консультант" на "Замовити зворотний дзвінок". Напис зробити посиланням для виклику форми замовлення. Так це буде виглядати:

Аудит UX. виправлення тексту

5. Вхід / Реєстрація - видалити. Можна на цьому місці написати слово "Кошик" і зробити обов'язково посиланням на кошик.

Видалення входу і реєстрації

Оформлення навігації зліва

  1. Видаляємо рисочки між заголовками.
  2. Текст посилань робимо #005a8c
  3. Посилання підкреслюємо.
  4. При наведенні залишаємо рожевий колір #ff0381 і прибираємо підкреслення.

Так буде виглядати меню

Каталог товарів. UX

Центральна частина сторінки

  1. Видаляємо слайдер під шапкою. 
UX аудит. Видаляємо слайдер під шапкою

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 текстом.  

Каталог товарів

  1. У такому вигляді каталог цілком гідно виглядає.
  2. Каталог можна повністю оптимізувати, що вплине в першу чергу на SEO. 

    2.1. Категорії мають підкатегорії. Вивести посилання на них.

    2.2. Є фільтри в категоріях. Вивести посилання і на них.

    2.3. Є колекції. Вивести посилання і на них. 

Ця сторінка могла б стати картою сайту зі зручною навігацією для користувачів.

Це треба окремо сідати і витратити тиждень щоб створити структуру каталогу. Я дав ключові напрямки що можна зробити.

Ось картинка щоб ви розуміли що за підкатегорії в каталог товарів можна винести вже зараз.

Які підкатегорії можна винести в каталог. UX аудит

Категорія

  1. За замовчуванням поставити показ товару списком, а не плиткою як зараз. Дуже важливо! 
  2. Найважливіша частина категорії це фільтр який зараз має тільки одну корисну функцію це показ товару плиткою або списком. Видалити фільтр залишивши тільки дві кнопки показ товару плиткою або списком до повної заміни на новий варіант описаний нижче.
UX видалення фільтрів
  1. При наведенні на фільтр показуються посилання. Потрібно замість пунктів вибору прописати статичні посилання. Колекції не прописувати.

приклад сторінки

Перетворений фільтр буде мати вигляд статичних посилань з заголовками замість фільтра

вид фільтра
  1. Повзунок на ціні видалити і залишити тільки поля для введення вартості.
  2. Зробити вибірку в якому порядку показувати товар. Від дорогих до дешевих, від дешевих до дорогих і останні надходження за замовчуванням, але потрібна кнопка щоб повернутися.

Показ категорії плиткою

  1. При наведенні на товар видалити функцію збільшення товару. Тільки рамка навколо товару показує що ви навели на товар.
  2. Тема товару синього кольору #005a8c і підкреслений. При наведенні колір стає #ff0381 і забирається підкреслення. Розмір шрифту 18px.
  3. Кнопку купити залишити як є. При наведенні на кнопку Купити робити її темно-зеленого кольору #008000

Показ категорії списком

  1. Змінити місце розташування вартості і кнопки купити в картці товару. Має виглядати як на картинці. Вартість і кнопка під текстом зліва.
Вартість і кнопка під текстом зліва

2. 100% Гарантія Якості значок варто поставити на фотографіях в нижньому лівому кутку і видалити з правої колонки. Текст не робити на всю ширину, а праворуч залишити порожнє місце.

Реалізація що показана досить складна. Це питання до того хто буде робити як правильно реалізувати щоб красиво виглядала гарантія якості в нижньому правому куті картинки.

Вона повинна бути в рамці товару або заходити як на прикладі?

Вона повинна бути в кутку картинки. 

Перемістити значок знак якості

3. Кнопки "В закладки / відкласти" і Порівняти поставити під назвою товару. Значки зробити рожевого кольору #ff0381

Кнопки поставити під назвою товару
  1. При наведенні на кнопку купити зробити її темно-зеленого кольору #008000

5. Кнопка купити не повинна додавати товар в корзину зі списку. Ця кнопка повинна вести на товар. 

6. Додати посилання "Додати в кошик" під кнопкою купити. Кнопка працює як раніше кнопка купити.

Зробити значок рожевого кольору

7. Тема товару синього кольору #005a8c і підкреслений. При наведенні колір стає #162457 і забирається підкреслення. Розмір шрифту 18px.

UX помилки на сторінці товару

.8 Розмір шрифту в описі товару в списку 14px, а line-height 16px.
9. Видалити з опису інформацію: Артикул, Колекція, Колір. 

сторінка Товару

  1. Видалити рекламний блок під ціною товару.
UX помилка під ціною товару

2. Текст Картки товару зробити шрифтом 16px

Зміни тексту картки товару
  1. Виправити помилку коли товари які дивилися показуються стовпчиком, а не один поруч з іншим. В хромі ця помилка то з'являється то її немає.
Виправлення положення товарів

  1. Видалити "Інші товари з колекції". Можна залишити тільки текстові посилання під написом "Інші товари" для SEO. Для продажу це заважає. 
Видалення інших товарів з колекції

5. Не працює розмітка schema коректно. Чи не показується фотографія, якщо людина хоче поділитися товаром в facebook.

6. "Описи товару", "Можна використовувати" і "Відгуки" повинен бути шрифт 16px 

7. Через специфіку товару, що кожен раз переходити в кошик незручно. Треба додати посилання "Додати в кошик". Натискання на неї не перекидає в кошик, а працює як раніше працювала кнопка купити. На малюнку варіант реалізації. 

Додавання посилання додати в кошик

Доставка і оплата

  1. Виправити текст на сторінці. Дивіться на зображенні.
  2. У заголовку сторінки повинні бути написано Доставка по Росії і по Україні. Замість слова Доставка.
Виправлення сторінки доставка і оплата

Акції - Накопичувальна знижка

  1. З двох сторінок: 

Зробити одну сторінку з назвою накопичувальний бонус або бонусна система.

  1. Розмір шрифту на сторінці 16px, колір чорний.

Подарунки

Добре оформлена сторінка. Можна зробити красивіше збільшивши важливі заголовки до шрифту в 20px і помістити пропозиції в рамки. (На доходи не вплине)

Тільки текст трохи злетів, що треба підправити.

підправити текст

Контакти

  1. Зайвий текст на сторінці контактів.
  2. У вас вказано час роботи в шапці. Виправте щось одне.
  3. Чи не працює карта.

Напевно повинна завантажуватися карта))  

Помилки в Контактах

Про компанію

  1. Виправити розмір шрифту з 15px на 16px. 
  2. Помилка верстки над заголовком.
Аудит. Помилка верстки

оптовикам

  1. Зробити шрифт тексту на сторінці 16px.
  2. Посилання для оптовиків повинна знаходиться в футере. Можна видалити стовпчик особистий кабінет і туди її в футер і додати. 

Відгуки

  1. На сторінках товарів розмір шрифту збільшити до 16px.
UX помилки шрифту у відгуках
  1. На сторінці "Відгуки" розмір шрифту збільшити до 16px.

Кошик

  1. Відправляти користувача відразу ж в кошик після натискання кнопки купити. Він сам прийме рішення продовжувати покупки або оформити замовлення в кошику.
  2. Додати напис в кошику рожевим кольором #ff0381. * Мінімальна сума замовлення 1000 рублів
  3. При наведенні на кнопку Оформити замовлення робити кнопку темно-зеленим кольором #008000

Оформлення заказу

  1. Продублювати кнопку Оформити замовлення і зробити рамку темніше в коментарях
Дублювання кнопки оформлення замовлення
  1. На сторінці після підтвердження замовлення зробити шрифт тексту 16px.
Помилка в SEO після підтвердження замовлення

2.1. Так само і внизу сторінки збільшити шрифт до 16px

Збільшення розміру шрифту. UX

Адаптивний дизайн сайту

Один і той же людина повинна вносити правки в цей дизайн і зробити адаптивний дизайн. Нижче рекомендації. В адаптивному дизайні близько 30% зростання конверсії.

Планшети

  1. Дизайн повинен стискатися до дозволу 768px
  2. У дизайні з плиткою забирається третя колонка товарів праворуч.
  3. У дизайні зі списком товарів я прибрав вартість справа і повинно вистачати місця.

Мобільні телефони

  1. Дизайн повинен стискатися до дозволу 320px
  2. Список товарів показується як одна колонка в дизайні плиткою. Ви дві колонки не помістіть в екран 320 щоб там хоч щось було видно.

✔️ Що включає в себе комплексний аудит?

Аналіз Юзабіліті і SEO сайту і створення технічного завдання на його основі.

✔️ Як проводитися аналіз сайту?

Аналіз сайту проводитися по чек листу з понад 1000 пунктів.

✔️ Коли слід проводити комплексний аудит?

Зазвичай його слід проводити раз на півроку.

✔️ Яких результатів по оптимізації варто очікувати від аудиту?

Аудит дає вирішення проблеми. Після впровадження всіх рекомендацій варто очікувати підвищення конверсії і трафіку.

✔️ Що таке SEO-аудит сайту?

SEO-аудит - це процес аналізу того, наскільки ваша присутність в Інтернеті співвідноситься з кращими практиками.

✔️ Як мені провести локальний SEO-аудит?

Перевірте доступність назви вашої компанії та доступність NAP (ім'я, адреса і номер телефону).
Вивчіть місто і географічне положення вашого бізнесу.
Детально вивчіть дані про свою компанію, веб-сайт або блог.
Отримуйте корисні дані за допомогою аналізу конкурентів.

✔️ Скільки коштує SEO-аудит?

Аудити веб-сайтів налаштовуються для окремих підприємств, тому ціни варіюються, але типовий діапазон становить 2500-3500 доларів (аудит для більших «корпоративних» веб-сайтів може бути значно більше).

Поділитися в соціальних мережах

5/5

Залишити коментар

Підписатися Зараз

Ексклюзивні пропозиції і преміум кейси

як створити сайт ico listing
все Кейси

Як створити сайт ICO LISTING?

Блокчейн стає надзвичайно популярним. В першу чергу, завдяки криптовалюта. Але перш ніж криптовалюта вступить в гру, відбувається кілька речей. Один з них - ICO. Кількість ICO стрімко зростає, і, звичайно, лише деякі з них дійсно заслуговують на увагу. Ми збираємося вивчити такі питання:

як створити успішний сайт ICO
все Кейси

Як створити успішний сайт ICO?

Хоча вам слід найняти професіоналів, які допоможуть вам у створенні вашого сайту, ви все ж можете зробити підготуватися і багато запланувати. Це спростить процес проектування і заощадить гроші. Почніть з створення всього релевантного контенту, який знадобиться сайту.

Хочете підняти свій бізнес на новий рівень?

Пишіть нам зараз

зростання Переходи

Зворотний дзвінок

Напишіть нам