Бесплатный аудит сайта

Аудит проводится по трем параметрам:

  • Юзабилити сайта
  • Технический аудит
  • СЕО-аудит

Юзабилити - это удобство его использования для посетителей. Видят ли они всю нужную информацию, свободно ли ориентируются на вашем сайте, всегда ли понятно, что им делать дальше после того, как они приняли какое-то решение.

Технический аудит выявляет ошибки, мешающие посетителям пользоваться ресурсом или поисковым роботам индексировать вебсайт.

СЕО-аудит - параметры, влияющие на продвижение.

Выполнить аудит сайта бесплатно можно двумя способами:

  • Заказать бесплатную проверку у нас в веб-студии. Для этого просто заполните форму ниже.
  • Использовать чек-лист по аудиту под формой отправки.

Отправить сайт на аудит

Юзабилити аудит сайта. Чек-лист

Содержание:

Основные моменты юзабилити сайта

1. В дизайне преобладают 3-4 цвета. Слишком яркие цвета и анимацию лучше не использовать.

2. Блоки не сливаются друг с другом, для них достаточно свободного пространства. Таким образом получается красивый и удобный для пользователя дизайн.

3. Все страницы сделаны в одном стиле. Шапка и подвал присутствуют на всех страницах, и они одинаковы. Исключение можно сделать для страницы 404, если для нее предусмотрен отдельный дизайн.

4. Адаптивная верстка. Дизайн должен хорошо смотреться на всех разрешениях экрана.
Проверить можно:
Браузер Blisk
Ресурс https://screenfly.org/

5. В мобильной версии дизайн может выглядеть по-другому, некоторые элементы скрыты, расположение блоков может меняться. Например, вместо телефонного номера на мобильных может быть только иконка телефонного номера, по нажатию на которую производится набор номера.

6. Кроссбраузерная верстка. Дизайн отлично выглядит во всех современных браузерах.

7. Пользователи привыкли, что контакты находятся справа в меню, логотип слева, поиск справа или посередине. Кнопка Заказать звонок тоже справа. Названия пунктов меню имеют заголовки - Главная, О компании, Каталог, Контакты. Не нужно изобретать велосипед. Все должно быть на привычных пользователю местах.

8. Также эта привычность наблюдается и в цветах и оформлении текста. Красный текст может восприниматься как текст с ошибкой. Не нужно подчеркивать фразу, если она не является ссылкой. Посетители будут думать, что это ссылка, и стараться нажать на нее. С другой стороны, ссылки в тексте лучше подчеркивать или выделять так, чтобы было понятно, что это именно ссылка.

9. При наведении на кнопку или другой кликабельный элемент курсор принимает вид указателя. Таким образом сразу понятно, что на этот элемент можно нажать. Сам элемент не должен быть мелким (но и неадекватно огромным). Однако шрифт ссылок в тексте остается такого же размера, как и остальной шрифт.

10. Бывает так, что верстальщик неправильно задает стиль ссылки, когда оформляет ее в виде кнопки. Нужно следить, чтобы такая кнопка была кликабельна целиком, а не только текст внутри нее.

11. Неактивные ссылки и кнопки меняют вид. Обычно становятся более бледными, шрифт также бледный. Так пользователи сразу понимают, что кнопка неактивна. Рядом с неактивным блоком всегда идет пояснение, почему он неактивен.

12. Если ссылка разворачивает скрытый контент, а не перенаправляет на другую страницу, лучше ее оформить в стиле, отличном от обычных ссылок. И вставить стрелочку, чтобы было понятно, что сейчас появится скрытый блок.

13. Логотип - ссылка, он ведет на главную страницу.

14. Телефон располагается в шапке, он должен выделяться и иметь код города. В мобильной версии он кликабелен.

15. На всех страницах присутствуют кнопки Call To Action - Заказать звонок, Заказать услугу, Купить товар. Эти кнопки выделяются ярким дизайном и размером.

16. Кнопки Call To Action расположены ненавязчиво, но при этом подталкивают пользователя нажать на них.

17. Никаких самостоятельно всплывающих окон! Любые попапы должны появляться только тогда, когда пользователь нажал на соответствующую кнопку, то есть, он специально вызвал это окно. То же самое касается и видео, и другой анимации. Видео проигрывается только при нажатии на кнопку "play".

18. Модальные окна должны легко закрываться. Обычно это происходит при нажатии на крестик в правом верхнем углу формы или на пространство вне модального окна.

19. Понятные иконки для телефона, адреса, емейла, мессенджеров, заказа звонка, стрелки и указатели. Также значки и иконки могут применяться в контенте - иконки преимуществ, услуг.

20. Кнопка "Наверх" должна присутствовать в десктопной версии, если страница длинная. В мобильной необязательно - там легко вверх скроллить.

21. Фавикон в стиле вашего логотипа, чтобы можно было быстро переключиться на вкладку с вашим сайтом среди других открытых вкладок.

22. Нет горизонтального скролла. Если вы это видите, у вас ошибка в дизайне.

23. На всех страницах, кроме главной, присутствуют хлебные крошки - навигационная цепочка от главной до текущей страницы. Все пункты навигации, кроме текущего, должны быть кликабельны.

24. Главное меню содержит основные корневые разделы вебсайта. Если меню многоуровневое, то не рекомендуется делать больше двух подуровней. Пункт меню с подуровнями должен это отображать. Обычно к нему добавляется стрелка вниз.

25. Текущий пункт меню должен быть выделен.

26. Главное меню дублируется в футере.

27. В футере часто располагаются ссылки на политику конфиденциальности, документы, карту сайта.

28. Для быстрого взаимодействия с посетителями лучше установить чат.

29. Если вы размещаете рекламу, делайте это ненавязчиво. Ну и самой рекламы не должно быть много.

Аудит юзабилити текстов на сайте

30. Тексты простые, понятные, без воды, без кучи вступлений и концовок. Только нужная информация.

31. Тексты должны быть уникальными кроме тех случаев, когда вы используете справочники или ссылаетесь на другие тексты.

32. Большие числа лучше разделять пробелами. "Мы заработали 1 500 000 рублей".

33. Все термины должны быть понятны вашей аудитории. Если у вас веб-студия, не стоит перегружать контент специфическими определениями, однако такие термины могут употребляться, если у вас блог о веб-разработке.

34. Текст должен хорошо восприниматься для чтения. Между абзацами нужно сделать отступ. Сами блоки текста разделять подзаголовками или инфографикой. Важные для читающего моменты выделяются жирным шрифтом.

35. Ключевые слова для СЕО выделять не надо! Поисковики давно уже умеют определять ключи без выделения.

36. Оптимальный шрифт - темный на светлом фоне.

37. Шрифт должен быть одним и тем же по всему вебсайту. Для некоторых элементов подключаются отдельные шрифты, если это задумано по дизайну.

38. Размер шрифта 12 - 16 пикселей. На смартфонах он меньше, но текст все равно должен быть читабельным.

39. Заголовки. Каждый подзаголовок имеет меньший размер шрифта, чем его родитель.

40. В заголовках не ставят точку в конце предложения.

41. Существуют так называемые "паттерны сканирования". Если им следовать, пользователь смотрит информацию на экране в виде буквы F. Начинает с левого угла и движется в правый. Самая важная информация всегда располагается слева в верхнем углу.

42. Если у вас лендинг, то каждый блок вытекает из предыдущего. Шаг за шагом посетитель все больше интересуется продуктом, и в конце у него возникает желание приобрести товар или услугу.

43. У всех страниц есть основной заголовок H1. Он всегда только один и раскрывает суть страницы или раздела.

44. Не должно быть картинок с текстом (исключения - графики, скриншоты или когда текст является частью картинки). То есть, написать текст, заскринить его и выложить как описание, например, товара - не пойдет.

45. Не нужно запрещать пользователям копировать текст - далеко не все его хотят своровать. Большинству все же нужно сохранить себе какую-то информацию.

46. Изображения качественные, уникальные.

47. Изображения в элементах одного вида должны иметь одинаковый размер. Пример: основное изображение статьи. Если мы переходим в статью, основная картинка всегда сжимается или растягивается на 50% от размера экрана, независимо от того, больше она этой ширины или меньше (меньше быть не должно, как вы уже поняли).

48. У видео присутствуют кнопки управления - воспроизведение, пауза, на весь экран и т.д.

49. У качественного контента присутствуют кнопки Поделиться в соцсетях.

50. В тексте нет ошибок, грамматических, орфографических, стилистических.

51. Файлы pdf открываются в новой вкладке.

Аудит разделов и элементов сайта

52. Раздел "О компании". Здесь находятся фотографии руководителей и других значимых для компании сотрудников, фото и видео рабочего процесса, история компании, обращение руководителя. Эта страница повышает доверие к организации.

53. Раздел "Контакты". Здесь все телефоны, мессенджеры, контактные лица. Здесь может находиться карта проезда или список филиалов. Реквизиты нужно обязательно добавить. Часто в этом разделе располагается форма обратной связи.

54. Раздел "FAQ". Собирает все самые распространенные вопросы клиентов.

55. Раздел "Акции" с интересными предложениями. Конечно, если они у вас есть.

56. Раздел "Портфолио", "Наши проекты". Заказчики часто интересуются этой информацией.

57. Записи блога имеют категории и теги. Список тегов и категорий доступен рядом со статьей.

58. Популярные статьи добавляются в блок "Популярное" и выводятся на сайте.

59. Также может быть блок "Похожие материалы".

60. Поиск обязательно должен быть, особенно на большом портале. Ищет по названиям и контенту. Для интернет-магазинов хорошо бы использовать "умный поиск", исправляющий ошибки клиента и предлагающий синонимы, и живой поиск, который сразу предлагает варианты в выпадающем окне.

61. Отзывы. Желательно иметь возможность добавить отзыв с помощью виджета соцсетей или просто без регистрации. Отзывы нужно модерировать, иначе вас завалят спамом.

62. Авторизация через соцсети при наличии регистрации.

63. Пользователь всегда знает, зачем он регистрируется и какую выгоду он от этого получит.

64. Для регистрации используется минимум полей. Часто это емейл, пароль и подтверждение пароля. То же самое касается и других форм. Например, для заказа звонка достаточно имени и телефона.

65. Поле ввода пароля имеет возможность просмотра пароля (практически во всех формах это поле защищено, и вы можете видеть только точки вместо букв).

66. Пользователь получает уведомление на емейл о подтверждении регистрации.

67. Обязательные поля формы отмечаются звездочками.

68. Поля умещаются в одну колонку. Вторую колонку часто игнорят.

69. Поля имеют подсказки.

70. Поля проверяются на валидность. Желательно делать это сразу же. Проверяется обязательность заполнения полей, правильность емейла. Телефон лучше не проверять, если только вы точно не уверены, что у вас будут пользователи с российскими номерами. Неправильные поля выделяются красным, и появляется текст ошибки.

71. Все формы защищены от спама. Можно с помощью невидимой ReCaptcha от Google.

72. Страница ошибки 404 всегда показывает пользователю, что он все еще на сайте. Можно предложить воспользоваться поиском или вернуться на главную страницу.

72. Если у вас реализована локализация (выбор языка), кнопка смены языка должна быть в шапке.

73. Там же находится и кнопка выбора города, если ваш бизнес имеет несколько филиалов в разных городах.

Аудит интернет-магазина

74. Наряду с обычным заказом через корзину должна быть кнопка "Заказ в 1 клик". При нажатии на эту кнопку предлагается оставить свой номер телефона для связи с менеджером.

75. Блок "Просмотренные товары" присутствует на страницах каталога.

76. Блок "С этим товаром покупают" и "Похожие товары". Товары в этом блоке не абы какие, а действительно соответствующие разделу.

77. В каталоге товары выводятся по 10-20 штук (в зависимости от дизайна). Всегда есть возможность изменить количество отображаемого товара.

78. Можно выбрать наиболее удобное представление продукции - список, плитка.

79. Сначала показываются популярные товары.

80. Товары можно отсортировать: по цене, по популярности, по алфавиту.

81. Товары (если их много) рассортированы по категориям. Список категорий доступен сбоку от основного каталога. Пустые категории не показываются.

82. Также существует фильтр по товарам. Покупатель выбирает нужные параметры. Выводится количество найденных позиций и копка "Показать". По нажатию на кнопку пользователь переходит в список отфильтрованных товаров. Мгновенную фильтрацию (это когда покупатель нажал на желтый цвет, а на странице ему сразу показываются товары желтого цвета, без перезагрузки страницы) лучше не делать по двум причинам:
- посетителю придется ждать, пока загрузятся товары, а это неудобно
- в этом случае не формируется специальная ссылка с отсортированными товарами. Ее можно скопировать и добавить себе в закладки
Пустых результатов в фильтре быть не должно. Например, бренд, у которого сейчас нет товаров, не показывается в фильтре.

83. В фильтре присутствуют:
- ценовой диапазон (от и до)
- характеристики товара (если их много, они группируются)
- бренды
- показать только в наличии

84. Результаты фильтра можно сбросить и вернуться в первоначальный каталог.

85. На странице товара представлены: наименование товара, описание, характеристики, цена, фото (несколько фото с различных ракурсов, фото можно увеличить, разглядеть мелкие детали), кнопка "В корзину".

86. Цена всегда выделяется, ее хорошо видно.

87. Всегда понятно, в какой валюте показывается цена товара. Если в магазине используется несколько валют, в шапке должна быть кнопка переключения валюты.

88. Если товар со скидкой, то показывается перечеркнутая предыдущая цена и новая. Также добавляется лейбл - скидка.

89. Если характеристик много, сначала указываются основные и наиболее важные. Всегда можно перейти к расширенному списку параметров.

90. Характеристики с непонятными терминами имеют подсказки.

91. Когда товар временно отсутствует, должно быть указано, что его нет в наличии.

92. Любое отсутствие цены или невозможность купить товар объясняется пользователю.

93. Информация о гарантии и возврате товара.

94. Вся информация о доставке товара. Доставка может рассчитываться автоматически при оформлении заказа.

95. В шапке всегда присутствует корзина.

96. Добавление в корзину. При нажатии на кнопку "В корзину" пользователю становится понятно, что товар в корзине. Всплывает окно "Товар добавлен", либо уменьшенная картинка товара движется по направлению к корзине. После чего в значке корзины меняется общее количество товара, либо общая сумма заказа. Все это происходит без перезагрузки страницы. Мы в 21 веке как-никак.

97. После добавления в корзину появляется ссылка на оформление заказа.

98. В корзине только товары, никаких дополнительных блоков типа сопутствующих товаров и т.д. бать не должно.

99. Обычно корзина состоит из следующих элементов:
- Небольшая картинка товара
- Наименование товара (и картинка, и название должны быть представлены в виде ссылки и вести на страницу товара)
- Цена за единицу
- Количество (можно увеличить и уменьшить без перезагрузки страницы)
- Стоимость: цена * количество
- Удаление позиции
- Под таблицей с товарами дополнительные услуги, если они есть
- Общая стоимость
- Кнопка "Оформить заказ"

100. Желательно, чтобы список товаров был виден на всех этапах оформления заказа.

101. Все дополнительные затраты - доставка, комиссия эквайринга, НДС - должны быть указаны заранее, до того, как пользователь перейдет к оплате. Все комиссии и налоги лучше сразу включать в стоимость товара.

102. Страница оплаты открывается в новом окне, чтобы пользователь мог всегда вернуться в магазин, если передумает платить сейчас.

103. После оформления заказа информация о купленных товарах приходит пользователю на емейл.

104. Авторизованные пользователи видят в личном кабинете историю заказов.

105. Все, что можно вычислить автоматически, делается автоматически. Например, определяется геолокация пользователя, после чего ему сразу предлагается перейти на сайт филиала в этом городе. Если пользователь зарегистрирован, в заказ подставляются его персональные данные - имя, емейл, телефон. После оплаты заказа покупателю предлагается сохранить его карту, чтобы в следующий раз проще было оформить заказ.

106. Некоторые CMS при оформлении заказа заставляют пользователя регистрироваться. Таким способом легко распугать всех клиентов. Если регистрация необходима, поможет фоновая регистрация. В этом случае пользователь просто заполняет данные для оформления заказа - имя, емейл, телефон, - а регистрация происходит автоматически.

Технический аудит сайта

107. На вебсайте нет внутренних ошибок и ошибок сервера.

108. Проверьте скорость загрузки с помощью инструмента PageSpeed Insights.
Доступен по ссылке:
https://developers.google.com/speed/pagespeed/insights/?hl=RU
Скорость для мобильных будет меньше, чем для десктопных версий, но все равно не должна опускаться ниже 70%.

109. Ресурс имеет безопасный https протокол. Без него ваш сайт будет плохо индексироваться поисковыми роботами.

110. Основной емейл для клиентов на корпоративном домене. Это повышает доверие пользователей.

111. Файл sitemap.xml
Список страниц для индексации и информации об их последнем обновлении.

112. Файл robots.txt
Файл с настройками для поисковых роботов: какие страницы сканировать, а какие закрыты.

113. Определите главное зеркало вебсайта.
gagara-web.ru и www.gagara-web.ru - это два разных домена. Выберите один основной, а второй должен выполнять редирект на основной адрес.

114. Проверьте, нет ли дублей главной страницы. Часто CMS их создают.
Пример:
https://gagara-web.ru/index.php
Все эти страницы должны быть перенаправлены на главную.

115. Настройка ЧПУ. Все url должны быть понятны пользователям. Никаких https://site.ru/cat?id=276
URL не должен быть длиннее 110 символов, в нем не должно быть букв в верхнем регистре.

116. Битых ссылок быть не должно. Найти их можно с помощью программы Xenu.

117. Ненужные редиректы. Бывает так, что пользователь переходит по ссылке site.com/sayty. Его сначала перенаправляет на страницу site.com/web, а затем оттуда уже работает редирект на site.com/websites. Можно сразу сделать редирект на site.com/websites
Увидеть это можно в списке редиректов.

118. Страницы отдают заголовки Last Modified и If-Modified-Since. Так поисковой робот узнает, были ли изменения на странице с тех пор, как он в последний раз посещал ее. Улучшает показатели в Google.

119. Смешанный контент. Появляется, когда на странице с безопасным протоколом https есть контент с протоколом http. Обычно это происходит, когда вставляют картинки (или другой контент), которые находятся на другом сайте. Рекомендуется их убрать либо перенести на свой сервер.

120. Нет ошибок верстки.
Проверить можно этими сервисами:
https://validator.w3.org
http://jigsaw.w3.org/css-validator

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

122. Изображения уменьшены до максимальной ширины, которая будет использоваться в дизайне. В блоках, где должно быть превью, выводится именно картинка-превью, а не полное изображение, уменьшенное с помощью стилей. Изображения нужно максимально сжать.
Инструмент:
https://www.iloveimg.com/compress-image
Изображения имеют понятные названия: cat.png, kotyonok.jpg

123. Все документы не превышают 10 Мб. Большие файлы плохо или совсем не индексируются.

124. Нет скрытого контента. Посетители не видят этот текст, а поисковые роботы видят. Раньше с помощью таких методов продвигали сайты, но сейчас поисковики плохо реагируют на подобные элементы, даже если они сделаны не с целью обмануть поисковик, а для красоты и удобства.

125. Зарегистрируйтесь в "Яндекс.Вебмастер" и Google Search Console, проверьте ошибки. Посмотрите, нет ли предупреждений и санкций.

126. Вирусы. О них вам сообщит хостинг либо, если у вас выделенный сервер, в поисковиках вы увидите предупреждение о том, что ссылка угрожает безопасности компьютера. Вирусов быть не должно. Это критическая ошибка.

СЕО аудит сайта

127. Полное семантическое ядро.
Подобраны различные варианты ключевых слов для вашего проекта с помощью Wordstat:
https://wordstat.yandex.ru
А также подсказок Яндекс и Google.

128. Структура разделов продумана в соответствии с семантическим ядром, запросы распределены по сайту.

129. Контент не переспамлен ключевыми словами, иначе на вебсайт может быть наложен фильтр.

130. Правильно составлены теги title, decription, keywords.
Тег Title. Содержит основное ключевое слово. Максимальная длина - 70 символов.
Тег Description. Содержит основное ключевое слово. Отличается от title. Максимальная длина - 160-200 символов.
Тег Keywords. Необязательный. Содержит список основных ключей для страницы. Не нужно делать его длинным.

131. Заголовок H1 всегда один на странице, не содержит стили, внутри него нет html-тегов. Содержит ключевое слово, отличается от title.

132. Заголовки H2-H4 имеют строгую иерархию, не содержат стили, внутри них нет html-тегов.

133. Заголовки H5, H6 нежелательно использовать.

134. У изображений присутствует тег alt, описывающий то, что нарисовано на картинке. Туда же можно поместить ключевую фразу.

135. Тексты должны быть полезны для читателей. Об этом уже было сказано выше, но повторюсь: контент - основа для продвижения.

136. В контенте используйте инфографику, все изображения должны быть уникальными, а не стыренными с других источников.

137. Перелинковка. В контенте встречаются ссылки, ведущие на другие страницы портала.

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

139. Укажите соцсети. но только в том случае, если вы действительно ведете их.

140. Внедрите разметку Open Graph для того, чтобы настроить изображение-превью, заголовок и описание сниппета страницы. Нужно когда вы, к примеру, хотите поделиться ссылкой Вконтакте, и вместо ссылки у вас отображается информация о вебсайте.

141. Добавьте вашу организацию в Google Мой Бизнес и Яндекс Справочник. Также отметьтесь в других справочниках вашего региона.

142. Используйте email-рассылку. Мотивируйте посетителей подписаться на нее.

143. Публикуйте контент минимум раз в неделю. Сайт постоянно должен обновляться.

144. Мотивируйте клиентов писать отзывы на всех популярных площадках с отзывами:
TripAdvisor
https://www.tripadvisor.ru
Irecommend.ru
https://irecommend.ru/
Отзовик
https://otzovik.com/

To Top