Рентгеновский аудит сайта — просвети себя

Допустим, вы заказали у агентства SEO-аудит, и в отчете говорится, что для успешного продвижения необходимо изменить структуру сайта и расположение блоков на страницах для лучшего ранжирования. А потом вы заказали юзабилити-аудит, уже у другого агентства, и в новом отчете сказано, что для удобства пользователей вам следует перестроить страницы по-другому и сделать все кнопки красными. Теперь вы стоите перед сложным выбором: угодить пользователям или поисковым роботам? И пока вы стоите, конкуренты будут двигаться вперед.

Веб-аналитики (например, мы) скажут, что вам нужен комплексный аудит и комплексное решение выявленных проблем. По сути, SEO, юзабилити и техническая сборка сайта — это взаимосвязанные понятия, так как при качественно проработанных показателях юзабилити, хорошо работает SEO, но часть юзабилити-анализа — это исправление технических недочетов, например, верстки. В свою очередь, валидная верстка — показатель качества сайта для SEO. Не запутались? Тогда перейдем к самому главному — сводному чек-листу, по которому вы сможете провести или оценить полезность аудита сайта, будь он визиткой или корпоративным порталом.

Для оптимизатора:
Хорошая перелинковка, правильные хлебные крошки, отсутствие дублей страниц и разделов.

Для UX-специалиста:
Пользователь понимает, в каком разделе или подразделе находится, концентрируется на содержании сайта, а не поиске нужной информации. Главный источник вдохновения для этого пункта — Вебвизор, который покажет, на каком этапе пользователь сходит с конверсионного пути, что ищет и что не может найти.

Для веб-мастера:
Логичная структура помогает в грамотной сборке сайта и формировании иерархии внутри материалов и каталогов.

Для оптимизатора:
Повторим азбучную истину: уникальные тайтлы и метатэги, наличие html-заголовков и подзаголовков с ключами — важнейшие инструменты внутренней оптимизации страниц.

Для UX-специалиста:
Управление вниманием и поведением пользователей, акцентирование важных блоков, и подведение к совершению конверсионного действия. Помните, что универсальных решений, вроде крупных фото и зеленых кнопок, здесь не существует — построить вашу эффективную страницу поможет аналитика и тестирование. P. S. И не забудьте про фавикон.

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

Для оптимизатора:
Поисковой робот тоже ждет и нервничает, если ваш сайт загружается слишком долго. А расшатанные нервы робота — шаткая позиция в выдаче.

Для UX-специалиста:
Пользователи за настольными компьютерами, может быть, и подождут, переключившись на другие вкладки или почту, а вот люди со смартфонами или низкоскоростным интернетом (да, он еще много где остался) ждать не будут и уйдут к конкурентам.

Для веб-мастера:
Инструменты Google PageSpeed не только анализируют скорость загрузки, но и дают ценные советы по ускорению сайта. Главное, относитесь к ним без фанатизма: например, разработчик знает лучше системы, в каком порядке грузить скрипты.

Для оптимизатора:
Чем выше конверсия, тем лучше поведенческие факторы с точки зрения робота: люди кликают, переходят, совершают конверсии.

Для UX-специалиста:
Удобный конверсионный путь — это не только большая иконка корзины. Для создания конверсионного пути прорабатываем портреты целевой аудитории и тестируем на типичных образах. Для поиска проблемных мест возвращаемся к источнику вдохновения № 1 — Вебвизору. Например, сократив количество полей для заполнения с 15 до 5 или отменив обязательность регистрации, вы значительно поможете покупателям дойти до фактической покупки.

Для веб-мастера:
Корректность обработки данных из форм, защищенность персональных данных.

Для оптимизатора:
Вместо 404-ой ошибки не должно быть редиректа на другие страницы. Наличие отдельной 404 важно для SEO.

Для UX-специалиста:
Страница доходчиво и с юмором объяснит пользователю, что произошло, удержит на сайте, покажет поиск и наиболее важные ссылки.

Для веб-мастера:
Опять-таки, никаких редиректов.

Для оптимизатора:
Google выше ранжирует сайты с адаптивным дизайном.

Для UX-специалиста:
Тысячи их. Кнопки размером с палец, скрытие второстепенных слайдеров и информации, увеличенный размер шрифта — лишь немногие из сотни особенностей мобильной адаптации, за которые пользователи скажут вам спасибо.

Для веб-мастера:
Мобильная версия должна быть сурово оптимизирована для очень быстрой загрузки.

Для оптимизатора:
Из URL робот также считывает и анализирует информацию.

Юзабилити бонусы:
URL в идеале должны отражать путь пользователя и место просматриваемой страницы в структуре сайта — «легко понять, невозможно заблудиться».

Для оптимизатора:
Уже скоро при помощи микроразметки может будет работать с персонализированной выдачей. Кроме того, на сниппеты чаще кликают, а значит, у таких сайтов выше поведенческий фактор. Отдельный язык микроразметки OpenGraph управляет отображением страниц сайта при цитировании на Фейсбуке.

Для веб-мастера:
Языков микроразметки несколько (мы рекомендуем Schema.org), как и самих описательных тэгов. Их количество постоянно растет, поэтому необходимо тщательно выбирать их для описания своего контента.

Для оптимизатора:
Привязка к картам тех поисковых систем, в которых вы продвигаетесь. Микроразметка для вывода контактной информации в сниппетах. Если у вас есть телефон 8 800, сделайте на нем акцент: есть исследования, которые показывают, что интернет-магазины с 8 800 ранжируются лучше.

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

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

Для UX-специалиста:
Изучение прохождения конверсионных путей для юзабилити.

Для веб-мастера:
Посмотрите, как организованы сложные блоки или анимация: это может дать идеи для оптимизации проблемных мест на своем сайте.

Сам по себе комплексный аудит бесполезен — это всего лишь план действий. Чтобы достигнуть верхних строчек в выдаче, привести на сайт заинтересованных посетителей и превратить их в постоянных клиентов, нужно как минимум откатать всю обязательную программу, расписанную выше. Схалтурить не получится: все второстепенные пункты мы уже исключили, остались только важные. Например, нельзя подкорректировать формы ввода данных и оставить создание ЧПУ «на потом», потому что они влияют на трафик, который пойдет в эти формы. Если вы хотите, чтобы система работала, не вынимайте из нее даже мелкие винтики.

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

1. Xenu's Link Sleuth и Screaming Frog (требуют инсталляции)
2. СайтРепорт (онлайн-сервис).
   

Юзабилити аудит
4-страничный чек-лист по оценке юзабилити, готовый к печати в формате А4 и с окошками для расстановки галочек — от навигации до форм ввода данных.

SEO-аудит
Комбинированный чек-лист по SEO, который поможет и при аудите, и при выполнении работ по внутренней оптимизации. В списке учтены также некоторые аспекты технической оптимизации.