Веб-аналитика - для чего она нужна и как ее делать?

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

Что такое веб-аналитика?
Веб-аналитика - процесс сбора, измерения и анализа различной информации и данных с веб-сайтов. Цель такой работы - получить максимально полное представление о том, в каком состоянии находятся определенные аспекты веб-сайта. Таким образом, бизнес-цели (например, увеличение продаж в магазине) могут быть достигнуты более эффективно.

Для чего конкретно используется веб-аналитика?

Каждый сайт - это огромная экосистема. Он состоит из множества слоев. Все они должны работать в тесном взаимодействии, вместе предоставляя пользователям то, что они ожидают от данного сайта.

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

Что же делать, если интернет-магазин визуально красив, но совершенно не оптимизирован для SEO?

С другой стороны, что хорошего в большом количестве просмотров для владельца сайта, занимающего высокие позиции в результатах Google, если UX его сайта настолько низок, что пользователи быстро покидают его?

Как видите, необходим правильный баланс.

Каждый владелец сайта должен хотя бы немного знать о потоке трафика на своем сайте:

• проводят ли пользователи много времени на сайте
• с какого места (подстраницы) они чаще всего покидают сайт
• сколько подстраниц они просматривают в среднем
• которые являются наиболее популярными
• охотно ли пользователи нажимают на кнопку
• правильно ли оптимизирован сайт для SEO

И так далее, и так далее.

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

Анализ сайта - что стоит проверить и с помощью каких инструментов?

1. Состояние структурированных данных

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

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

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

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

2. Кликабельность элементов и прокручиваемость вложенных страниц

Анализ сайта часто проводится с помощью очень популярного инструмента под названием Hotjar.

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

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

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

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

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

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

3. Статус кода CSS

Служба W3C CSS Validation Service позволит вам проверить, считает ли валидатор ваш CSS-код правильным.

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

Поэтому все предупреждения должны анализироваться индивидуально. Большинство из них, вероятно, будут на 100% правильными, но может случиться так, что на некоторые из них лучше закрыть глаза.

4. Состояние HTML-кода

Анализ веб-страниц может также включать проверку состояния HTML-кода с точки зрения семантики, т.е. его корректности.

Жирный шрифт, начатый, но не закрытый, абзац, обернутый вокруг заголовка, изображение без атрибута ALT - помимо прочего, на такие ошибки вам укажет Служба проверки разметки W3C.

Вышеупомянутый валидатор работает только для одного, заданного адреса подстраницы. Если вы хотите проверить, например, несколько сотен подстраниц, вам пригодится Bulk W3C Validator. Массовая проверка URL также доступна в контексте ранее упомянутого CSS - Bulk W3C CSS Validator.

5. Мета-теги

Метатеги содержат основные данные о каждой веб-странице.

Они включают, например, заголовок и описание страницы. Их можно увидеть в результатах поиска Google, то есть в так называемых SERPs.

Если у вас сайт на базе CMS WordPress, то метатеги (и сотни других вещей) вы будете устанавливать, например, с помощью плагина Rank Math.

Важное замечание - поисковая система Google не всегда соблюдает ваши рекомендации. Иногда он представляет метатеги по-своему, думая, что просто "знает лучше".

Как составить список всех основных метатегов и проверить, соответствуют ли они рекомендациям (например, с точки зрения оптимальной длины)?

Инструмент под названием Screaming Frog позволит вам это сделать.

6. Состояние изображения

Screaming Frog также создаст для вас сводку всех изображений, которые есть на вашем сайте.

Имя файла и, что еще более важно, значение атрибута ALT - это информация, которую вы просто обязаны знать о каждом изображении.

Они должны быть максимально оптимизированы, и вы можете узнать об этом больше в нашем тексте о SEO-оптимизации изображений.

7. Посещаемость сайта

Вы оцените уровень посещаемости вашего сайта с помощью Google Analytics. Анализ сайта не может обойтись без изучения этой очень популярной услуги.

Помните, что Google Analytics предоставляет не только основные данные в виде количества посещений сайта пользователями в определенный день. Он также предоставляет гораздо больше информации.

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

Google Analytics кажется довольно простым для многих новичков, но поверьте мне - вы можете "погрузиться" в него на много-много часов.

8. Подстраниц, включенных в индекс Google

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

Речь идет, например, о записи "Hello world!", которая является одной из стандартных подстраниц WordPress, которую - сами не зная почему - многие пользователи не удаляют.

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

Приведенная выше инструкция, набранная непосредственно в поисковой строке, покажет вам, какие подстраницы находятся в индексе Google.

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

9. Скорость страницы

Анализ веб-сайтов не обходится без обращения к Google PageSpeed Insights и GTmetrix, которые являются, пожалуй, двумя самыми популярными инструментами, анализирующими скорость загрузки веб-сайтов.

Однако стоит отметить, что GTmetrix является гораздо более точным сервисом. С его помощью вы узнаете больше информации и под гораздо более выгодным углом зрения.

В случае с PageSpeed Insights "фильтр", который мы должны иметь в голове, чтобы оценить, действительно ли полезен тот или иной совет инструмента, должен быть гораздо более чувствительным.

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

Действительно ли веб-аналитика так важна?

Во что бы то ни стало.

Анализ сайта - это процесс, который может - в зависимости от масштаба - занять как один день, так и несколько солидных месяцев. Ба, он также может длиться постоянно, поскольку определенные аспекты веб-сайтов следует периодически проверять и следить за ними как можно дольше.

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

В любом случае, проанализируйте свой сайт. Знайте, что происходит под его "капотом".