Поиск
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?

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

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

Пишите нам сейчас

Рост Конверсии

Обратный Звонок

Напишите нам