Как провести аудит сайта

Что входит в аудит сайта

Привет! Этот небольшой чек-лист для аудита сайта поможет вам перейти сразу к делу. Зачем нужен аудит сайта? Вообще, для проверки его работоспособности не нужны обоснования. Не стоит заблуждаться: аудит сайта — это не только про поисковую оптимизацию. Это про дизайн и UX, лидогенерацию, простоту администрирования сайта и его наполнение.

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

Расслабьтесь — мы проделали за вас половину работы!

Небольшой совет перед началом работы

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

Аудит дизайна и UX

Дизайн вашего сайта — первое, что видят пользователи. Оценивая его, они решают покинуть сайт или остаться и сделать то, ради чего они пришли. Несколько лет назад (вряд ли за это время человеческая психология изменилась) в Google провели исследование, которое показало, что пользователю хватает меньше секунды, чтобы оценить привлекательность вебсайта. Кроме того, участники исследования отметили более сложные сайты как менее привлекательные. Как это все связано с правильным функционированием?

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

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

Используйте этот чек-лист, чтобы создать собственный шаблон для аудита дизайна.

1. Дизайн должен быть гибким и адаптированным под мобильные устройства. Проверьте, чтобы сайт правильно отображался на всех устройствах: пользователи должны легко сделать то, за чем пришли, на настольном компьютере, мобильных устройствах, планшетах и т.д.
2. Дизайн сайта отвечает требованиям к доступности — правилам веб-дизайна, которые позволяют людям с ограниченными возможностями свободно пользоваться вашим сайтом.
3. Веб-дизайн соответствует фирменному стилю компании.
4. Отдайте предпочтение минималистичному дизайну. Уже много лет в дизайне работает девиз «чем меньше, тем лучше», и так будет и дальше.
5. Разместите наиболее часто используемые элементы там, где пользователь ожидает их увидеть, например, логотип — в верхнем левом углу, а иконку корзины для покупок — в верхнем правом углу. Этот принцип веб-дизайна называется cognitive fluency.
6. С визуальной точки зрения страницы и отдельные блоки выполнены в едином стиле и пропорциональны относительно друг друга.
7. Элементы сайта однородны, то есть одинаковые элементы, например логотип, поле поиска, подвал и т.д. одинаковы на всех страницах, на которых они присутствуют.

Аудит UX сайта

1. Проверьте, что при переходе на главную страницу пользователь сразу видит доходчивое описание услуг или продукции вашей компании.
2. Структура страниц должна легко просматриваться: название, заголовки, подвал и разбивка контента помогают пользователю перемещаться по странице.
3. В навигационном меню не должно быть больше семи или восьми ссылок. Самые важные разделы должны размещаться в начале, так как пользователи хорошо запоминают первый и последний пункты.
4. Настройте навигацию. Пользователь должен иметь возможность попасть на самые востребованные страницы из любой точки сайта.
5. При необходимости используйте хлебные крошки и продублируйте разделы главного меню в виде ссылок в подвале.
6. Дизайн подводит посетителя к ссылкам и кнопкам с CTA (призыву к действию). Эти элементы должны визуально отличаться от прочих.
7. Призыв к действию располагается в первой трети пользовательского экрана. Призывы к действию не должны располагаться скученно на странице.
8. Проверьте плотность контента — она не должна отпугивать посетителя: текст должен разделяться заголовками, изображениями, которые помогают понять контент, и свободными участками. Длинный текст должен быть разбит на абзацы, при этом расстояние между абзацами должно быть больше, чем промежутки между строками.
9. Путь пользователя должен быть гибким: пользователь должен иметь возможность пропустить шаг, вернуться на любой этап, отменить действие, исправить ошибки и т.д. Не заставляйте своих пользователей проходить процесс заново, если они сделали опечатку — такой подход не назовешь ориентированным на пользователя.
10. На сайте должна немедленно проводиться проверка достоверности данных, которыми пользователь заполнил поля.
11. Отмена действий должна быть простой и обязательно требовать подтверждения (например, перед тем, как пользователь решит очистить корзину).
12. После размещения заказа пользователь не должен оставаться в неведении. Покажите ему следующий шаг и способ отслеживания заказа.
13. Уделите внимание странице ошибки 404. На этой странице должны находиться ссылки на основные разделы сайта и(или) поле поиска.
14. Не должно быть тупиковых страниц. На каждой странице должны быть расположены ссылки на другие страницы, пусть даже в виде быстрых ссылок или раздела с рекомендуемыми продуктами.

Если вы выполните вышеуказанные инструкции, то увидите, как меняются эти параметры:

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

Аудит лидогенерации

Процесс лидогенерации тесно связан с темой дизайна и UX. Как мы упоминали в чек-листе выше, дизайн должен помогать превращать посетителей в потенциальных заказчиков.

Как настроить лидогенерацию

1. На странице должен располагаться ясный призыв к действию (CTA): кнопка, ссылка или форма — в зависимости от типа посадочной страницы.
2. На странице не должно быть больше трех призывов к действию.
   Не заставляйте пользователей искать CTA. Пользователи должны легко найти и четко увидеть действие, которое вы от них ждете.
3. На каждой странице должен присутствовать привлекательный заголовок, цепляющий пользователя, создающий ощущение предвкушения или обещающий нечто желанное.
4. Предоставьте аргументы, подтверждающие преимущества вашего предложения. Изложите их простым языком.
5. Соберите и добавьте рекомендации и другие социальные подтверждения ценности вашего бренда или продукта. Сталкиваясь с неполной информацией, мы стремимся делать такой же выбор, что и люди, которых мы считаем похожими на нас. Подробнее о способах оптимизации коэффициента конверсии.
6. Ваш сайт должен содержать лид-магниты — цифровой бонус или контент, который пользователи получают бесплатно в обмен на контактную информацию. В качестве лид-магнита могут выступать электронные книги, списки, промокоды, пробные версии, полезные статьи в формате PDF и т.п.
7. Сведите к минимуму препятствия для пользователей, запрашивая только существенную информацию и сократив количество необходимых полей и нажатий на ссылки.
8. Если посетители сайта передумают и оставят определенный призыв к действию незавершенным (например, наполовину заполненную контактную форму), необходимо дать им еще одну возможность связаться с вами.
9. Покажите им всплывающее окно с предложением бесплатной консультации или статьи из блога.

Как и в предыдущем разделе, если вы выполните вышеуказанные инструкции, пользователи выполнят основные призывы к действию. Если что-то помешает им, необходимо иметь инструмент, который помогает пользователям завершить действие. Конверсия будет расти, а если этого не произошло, вернитесь в раздел, посвященный аудиту веб-дизайна и UX, и проверьте, в чём ошибка.

Аудит контента сайта

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

Чек-лист для аудита контента

1. Google до сих пор считает качество контента основным фактором поисковой оптимизации. Создание качественного контента требует временных и денежных затрат, однако это основа эффективной поисковой оптимизации и роста аудитории сайта, которая впоследствии превращается потенциальных заказчиков.
2. Контент соответствует намерениям пользователя и прочему контенту на сайте. Это очевидная, но часто совершаемая ошибка. Наполняя страницу контентом, помните о её цели.
3. Контент логично структурирован и не сбивает пользователя с толку. Используйте «перевернутую пирамиду» Якоба Нильсена: излагайте самое важное в начале, затем переходите к обоснованиям и только потом добавляйте сопутствующую информацию.
4. Размер статьи должен составлять как минимум 1500–2000 слов. Более длинные материалы ценятся поисковыми системами за полноту данных. На такие статьи чаще ссылаются другие авторы, потому что они выглядят авторитетнее.
5. Текст должен быть снабжен заголовками, блоками, абзацами, изображениями, графиками, подзаголовками, списками, пунктами маркированного списка и другими элементами, задающими его визуальную структуру.
6. Добавьте информацию об авторе. Сведения об авторе, его квалификации и даже о выполненных работах позволяют обеспечить прозрачность и авторитетность. Это особенно важно для компаний из медицинской или финансовой отрасли (YMYL).
7. Орфографических и грамматических ошибок быть не должно.
8. Отсекайте лишний контент. Оставляйте только то, что приводит пользователя к CTA.
9. Проанализируйте наиболее часто посещаемые страницы и страницы с наилучшей конверсией и своевременно обновляйте контент на них.
10. Читайте комментарии и отвечайте как на отрицательные, так и положительные отзывы. С их помощью вы можете понять, как пользователи воспринимают ваш контент и вовлечь их в обсуждение (и снизить показатель отказов).
11. Используйте тепловые карты, чтобы проверить, как пользователи взаимодействуют с контентом, и загляните Google Analytics и Яндекс.Вебмастер, чтобы узнать среднее количество страниц, посещаемых за один сеанс.

Еще один дополнительный совет. SEO-консультант Алейда Солис разработала систему повторного использования контента, которая позволяет писателям и маркетологам переориентировать свои тексты под другие форматы. Необязательно всё время писать новые тексты, чтобы наполнять контентом блог и социальные сети.

Совершенствование контента также облегчает достижение основной цели: выполнение пользователем CTA (перехода по ссылке, заполнения формы и т.д.).

Аудит SEO-продвижения сайта

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

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

1. Настройте инструменты отслеживания, например Ahrefs или Semrush, чтобы следить за происходящим на сайте: рейтингом ключевых слов, страницами входа, страницами выхода и т.д.
2. Добавьте микроразметку. Семантическая микроразметка — это специальный код, который вы добавляете на свой сайт, чтобы помочь поисковой системе лучше считывать ваш контент. Это один из видов микроданных, на его основе поисковые системы формируют расширенный сниппет для своей выдачи. Проверьте структурированные данные своих страниц.
3. Пользователь должен попадать с главной страницы на другие важные страницы не больше, чем за 3 или 4 щелчка мышкой. Эти страницы должны легко находиться благодаря грамотно расположенным описательным внутренним ссылкам. Это необходимо для правильного распределения ссылочного веса и удобства навигации по сайту.

SEO-оптимизация страницы сайта

1. Используйте ключевые слова в заголовках и самом тексте. Ключевые слова — это слова и фразы, которые пользователи вводят в строку поиска, чтобы выполнить поиск. То, как вы описываете свой продукт, предлагаете свою услугу или формулируете статью, должно совпадать с тем, как пользователи ищут эту информацию в интернете.

   Чтобы проверить, какими именно они формулируют свой запрос, используйте сервисы типа Ahrefs или Semrush. К сожалению, бесплатных сервисов подобного не существует, однако если вы серьезно подходите к SEO, придется потратиться. Кроме того, их обучающие курсы бесплатные и простые для понимания.

2. Напишите привлекательный мета-заголовок для каждой страницы. Это не то же самое, что H1 страницы. Мета-заголовок отражается в поисковой выдаче, заголовке вкладки, закладках юзера и т.д. Посетитель решает, переходить ли на ваш сайт из поисковой системе глядя на этот заголовок. Вставьте в него ключевые слова, но сохранив читаемость. Рекомендуемая длина составляет 55–65 символов с пробелами.
3. Ваши мета-описания должны быть убедительными. Это описание контента страницы появляется под заголовком в выдаче поисковой системы. Вставьте в него ключевые слова, но сохранив читаемость. Рекомендуемая длина составляет 160 символов с пробелами. Метатеги обязательно нужно использовать для каждой страницы, которую вы хотите использовать для продвижения.
4. Используйте описательные URL-адреса. Они должны легко читаться как людьми, так и роботами. Не забудьте включить в адрес ключевое слово.
5. Страницы вашего сайта должны быть связаны между собой ссылками. На сайте должно быть множество внутренних ссылок, ведущих на самые важные страницы сайта. Не пренебрегайте разделом с похожими статьями в нижней части страницы и т.д.
6. Обратные ссылки (бэклинки) важны, но приобрести их естественным путем сложно, пока вы не наберете вес в интернете. Однако ссылки на другие подходящие надёжные источники тоже полезны. Поместите как минимум одну внешнюю ссылку в каждую статью.
7. Все изображения должны иметь описательные названия самого файла и замещающий текст (альт-текст). Да, Google их читает. В качестве разделителя в названиях файлов всегда используйте символ «-». Никогда не используйте символ «_».
8. Используйте правильный якорный текст. Якорный текст — это текстовая ссылка, связывающий одну веб-страницу с другой. Он должен содержать ключевые слова, относящиеся к тому, что вы описываете. Не используйте фразы типа «Нажмите здесь» или «ссылка». Якорные тексты внутренних ссылок можно проверить с помощью сервиса типа Screaming Frog.

Что дает поисковая оптимизация?

• Во-первых, вы понимаете, что увеличивает трафик и каковы источники трафика. Так вы можете повлиять на них.
• Вы понимаете, как пользователи находят контент, схожий с вашим. Органический трафик растёт, так как вы грамотно используете мета-тэги и ключевые слова.
• После поисковой оптимизации рейтинг вашего сайта должен повыситься, и вы будете занимать более высокие позиции в выдаче.
• Показатель отказов снижается.
• Благодаря внутренним ссылкам посетитель проводит на вашем сайте больше времени, чем раньше.

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

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

Чек-лист технического аудита сайта

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

1. Google должен проиндексировать все страницы на сайте, чтобы пользователь потом мог найти их с помощью поиска. Информацию о количестве проиндексированных страниц и страниц с ошибками можно найти в отчете Pages инструмента Google Search Console. Чтобы проверить наличие нарушений, перейдите в отчеты Security Issues и Manual Actions.
2. Убедитесь в том, что вы используете протокол HTTPS. Для поисковых систем адреса https://www.sample.ru, http://www.sample.ru и https://sample.ru — это три разных ресурса. Первый вариант следует выбирать в качестве канонического доменного имени. Для других вариантов следует настроить 301 редирект.
3. Добавьте файл robots.txt. Он содержит перечень страниц, которые вы ходите сделать невидимыми для роботов поисковых систем, например панель администратора, корзину, страницу благодарностей, результаты внутреннего поиска и прочие технические файлы.
4. Добавьте файл sitemap.xml. Карта сайта в формате XML помогает поисковому роботу найти все страницы, которые необходимо проиндексировать. В файл sitemap.xml не следует включать страницы, индексацию которых вы запретили в файле robots.txt.
5. Проверьте наличие или подключите кэширование данных. В Drupal возможность кэширования страниц предусмотрена в самом ядре.
6. Нерабочие ссылки, приводящие к страницам с ответом 404, отрицательно влияют на поведенческие факторы. Наличие таких ссылок можно проверить с помощью онлайн-анализаторов. Например, с помощью инструмента Brokenlinkcheck можно бесплатно проверить до 3000 веб-страниц.
7. Из пяти показателей Core Web Vitals, которые были проанализированы во время лабораторных и полевых исследований, только три коррелируют с повышением рейтинга — Первая задержка ввода (First Input Delay, FID), Общее время блокировки (Total Blocking Time, TBT) и Время достижения интерактивности (Time to Interactive). Более подробно о показателях Core Web Vitals.
8. Google не использует скорость загрузки страницы в качестве фактора ранжирования, однако применяет сигналы пользовательского взаимодействия со страницей (частично сгруппированные в виде показателей Core Web Vitals) для оценки качества UX сайта и полезности его контента. Как говорит SEO-специалист Мальте Ландвер: «Не существует таких понятий, как скорость страницы или время загрузки. Сегодня веб-сайты работают в значительной степени асинхронно».
9. Чтобы Google и люди легко перемещались по вашему сайту, его архитектура должна быть логичной. Пользователям легче найти желаемое, если ваш сайт представлен в виде организованной иерархической структуры с правильно размеченными частями.
10. Оптимизируйте изображения. Сжимайте изображения с помощью оптимизаторов, таких как Compressor.io или Kraken.

Сделали всё по списку, но заметных изменений нет? Крайние меры включают рефакторинг фронтенда, проверку средствами Google Analytics и аудит UX. Во избежание дальнейших проволочек поручите эту задачу опытным фронтенд-разработчикам.

Небольшой совет напоследок

Простота администрирования и редактирования вебсайта

После того, как вы сделаете всё для пользователя, попробуйте проверить, насколько просто управлять сайтом изнутри и выполнять повседневные задачи. Для этой цели не существует специального перечня вопросов, поскольку он зависит в основном от CMS-системы, которую вы используете.

Главное, чтобы администраторы вашего сайта могли создавать страницы с контентом без помощи программиста. Также убедитесь в том, что админы имеют возможность оформлять контент в нужном виде: например, в Drupal они могут сами загружать изображения, добавлять видео и выравнивать текст.

Заключение

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

Конечно, мы также предлагаем услуги по аудиту сайтов, поэтому смело обращайтесь к нам за бесплатной консультацией. Удачи с аудитом!