Веб-аналітика – для чого вона потрібна і як її робити?

Якщо ця тема вам абсолютно незнайома, будь ласка, прочитайте наступний текст, який ми присвячуємо насамперед новачкам.

Що таке веб-аналітика?
Веб-аналітика - процес збору, вимірювання та аналізу різної інформації та даних з веб-сайтів. Мета такої роботи – отримати максимально повне уявлення про те, в якому стані знаходяться певні аспекти веб-сайту. Таким чином, бізнес-мети (наприклад, збільшення продажів у магазині) можуть бути досягнуті більш ефективно.

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

Кожен сайт – це величезна екосистема. Він складається з безлічі верств. Всі вони повинні працювати в тісній взаємодії, разом надаючи користувачам те, що вони очікують від цього сайту.

Важливо, щоб кожен із вищезгаданих шарів грав свою роль якнайкраще.

Що ж робити, якщо інтернет-магазин візуально гарний, але зовсім не оптимізований для 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.Тим не менш, не варто сліпо виконувати всі його рекомендації, оскільки багато з них - незважаючи на правильність - не завжди вірні.

Чи дійсно веб-аналітика така важлива?

Будь-що.

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

Як я вже згадував на початку статті, кожен сайт – це свого роду екосистема. Він складається з безлічі верств. Тому на нього можна дивитися з різних боків. Це як із автомобілем – хтось аналізує роботу двигуна, хтось коментує дизайн, а хтось дивиться на рівень шуму чи вихлопних газів.

У будь-якому випадку проаналізуйте свій сайт. Знайте, що відбувається під його капотом.