Какие SEO-инструменты и подходы помогают улучшить пользовательский опыт на сайте
SEO — это для роботов, а юзабилити — для людей. До сих пор есть такое (ошибочное) мнение. На самом деле, SEO и юзабилити, как Рик и Морти — сладкая парочка, которая всегда работает в команде. Они помогают сайту лучше конвертить, то есть превращают посетителей в лиды и деньги. Но только при условии, если этой парочке нужно помогать. Как это делать и какими инструментами, расскажем в статье.
Почему SEO заинтересовано в том, чтобы сайт был юзабельным
Представьте, вы зашли в магазин, где товары на полках разбросаны как попало, ценники не читаются, а консультанты в подсобке смотрят мемчики. Захочется ли вам там задержаться и что-то купить? Едва ли. То же самое и с сайтом.
Юзабилити — про то, чтобы людям на сайте было удобно и приятно, и они с удовольствием проводили на нем время, нажимали на кнопки «подписаться» и «купить».
Если сайт медленно загружается, меню запутаное, дизайн «вырви-глаз» и текст непонятный, то пользователь убежит, даже если сайт на первых строчках в поиске. Поисковая система видит действия пользователя, запоминает и делает вывод: сайт не помог, информация там не актуальная и не полезная. Это называется «поведенческими факторами».
Основные поведенческие факторы, которые зависят от качества сайта:
- CTR из поиска. Если сайт в выдаче привлекает больше кликов, значит, заголовок и описание релевантны запросу пользователя.
- Время на сайте. Показывает, как долго люди находятся на сайте.
- Показатель отказов. Считает процент пользователей, которые ушли с ресурса, не пробыв там и 15 секунд.
- Возвраты. Возвращаются ли люди на сайт? Если да, значит, сайт чем-то заинтересовал, был полезен для пользователей.
- Глубина просмотра. Хорошо, если люди просматривают не одну страницу, а несколько.
- Переходы по сайту. Ходят ли люди по сайту в поисках нужной информации, переходя между разными разделами и страницами?
Удобный сайт улучшает поведенческие факторы, а это нравится поисковикам → поисковики видят, что люди довольны, и поднимают сайт в выдаче.
За юзабилити, как правило, отвечают разработчики сайтов. Но мы рекомендуем не забывать о SEO-инструментах и приемах: они помогут проанализировать сайт на более глубоком уровне, сгенерировать идеи по улучшению пользовательского опыта, внедрить и отследить их эффективность.
В практике Ant-Team.ru SEO-продвижение сайта уже давно вышло за рамки работы с техническими ошибками, создания семантического ядра, подготовки сеошных текстов и так далее. Наша цель — развивать ресурс целиком, уделяя внимания как продвижению в поиске, так и работе с поведенческими факторами, то есть с юзабельностью ресурса. Напишите нам в телеграм, если вам интересно такое направление развития для своего сайта.
Разберемся, какие приемы и инструменты SEO помогают улучшить пользовательский опыт.
Как SEO помогает улучшить юзабилити
Аналитика аудитории
Чтобы улучшить сайт, нужно обязательно понимать, кто ваша аудитория. Здорово, если у вас есть отдел маркетинга, который расписал аватары клиентов, и при создании сайта разработчики на них ориентировались. Если нет, рекомендуем этим заняться.
Вам нужно создать портреты клиентов (персоны) — описать типичных пользователей сайта, их цели, проблемы («боли») и желания. Это нужно, чтобы адаптировать поисковые запросы, контент, дизайн, создать материалы и интерфейс, которые отражают интересы и решают задачи вашей целевой аудитории.
Если на сайте уже есть накопленная статистика, используйте инструменты аналитики, такие как Google Analytics и Яндекс Метрика, чтобы изучить пользователей и их поведение: социально-демографические признаки, как они находят сайт, какие страницы посещают, сколько времени там проводят, в какой момент покидают сайт, с каких устройств заходят.
Пол, возраст, гео
В Google Analytics вам понадобится Обзор атрибутов пользователей.
В Яндекс Метрике похожие инструменты можно найти в отчете Аудитория.
Откуда приходят пользователи
В Google Analytics в разделе Жизненный цикл ➡ Источники трафика видно, откуда приходят пользователи (поисковые системы, соцсети, прямые заходы и пр.).
В Яндекс Метрике используйте отчет Источники, сводка
Технологии и устройства
Google Analytics дает эту информацию в разделе Технологии → Обзор → Обзор технических данных. Там можно посмотреть информацию о типах устройств, браузерах, операционных системах.
Можно пойти глубже и изучить устройства пользователей.
В Яндекс Метрике в этом вам поможет отчет «Технологии».
Для чего нужны эти данные:
- Возраст, пол, интересы — помогут адаптировать контент под целевую аудиторию.
- Устройства и технологии — дадут возможность оптимизировать сайт под популярные устройства. Например, если большинство пользователей заходят с мобильных, важно улучшить мобильную версию сайта.
- География — позволит определить региональные приоритеты: для контента, SEO-продвижения или даже развития бизнеса.
Поведение
В Яндекс Метрике в разделе Поведение → Вебвизор доступна запись каждого захода пользователя на сайт. Вы можете изучить, куда кликают, как скроллят страницы и где останавливаются посетители ресурса.
К примеру, вы видите, что у вас много брошенных корзин: пользователь добавляет товары в корзину, начинает оформлять покупку, но не завершает ее. В Вебвизоре увидели, что сложности возникают на этапе заполнения данных: у вас целых 7 строк, а большинство пользователей «хватает» только на 3. Можно сделать вывод, что уменьшение количества полей упростит процесс и повысит процент конверсий в покупку.
Там же в Метрике в разделе Поведение → Карта кликов отображается, куда пользователи чаще всего кликают.
Например, на странице услуг медицинского центра или студии красоты пользователи почти не кликают на кнопку «Записаться сейчас». Часть из них переходят в Контакты и ищут там способ записи на прием, другие попросту уходят с сайта. Возможно, проблема в дизайне кнопки — он не привлекает внимание, и люди просто не видят кнопку с записью. Вывод: можно изменить цвет или форму кнопки, чтобы сделать ее более заметной, и после отследить результаты.
В Карте скроллинга можно увидеть, как далеко пользователи прокручивают страницу.
Например, изучив карту скроллинга, вы выяснили, что 70% пользователей не видят блок со специальным предложением, которое вы разместили внизу страницы. Вывод: нужно переместить этот блок выше, чтобы он был заметен без скролла.
Другой пример: анализ в Яндекс Метрике показал, что 55% посетителей покидают страницу товара, не совершив целевого действия. Изучили карты кликов и записи вебвизора и выявили проблему: пользователи часто кликали на изображения товаров, ожидая увеличения картинки, но функция отсутствует.
В результате внедрили изменения:
- Добавили функцию увеличения изображений при клике.
- Оптимизировали загрузку увеличенных изображений для быстрой работы.
- Добавили возможность просмотра нескольких ракурсов товара.
Таким образом улучшили поведенческие факторы: пользователи стали меньше уходить с сайта, время на странице выросло и стали продавать больше — возможность лучше рассмотреть товар повысила конверсию в покупку.
Как работать с полученными данными:
- Соберите данные по полу, возрасту, интересам, географии, изучите страницы входа и популярные страницы на сайте у разных групп ЦА.
- Проанализируйте поведение, определите паттерны поведения, интересы, цели.
- Создайте сегменты, объедините пользователей с похожими характеристиками.
- Для каждого сегмента создайте релевантный контент, дизайн, предложения.
- Составьте список сложностей в UX, которые вы обнаружили в ходе аналитики. Продумайте, как будете их решать.
- Обязательно отслеживайте результаты внедрений.
Улучшение навигации
Организованная и интуитивно понятная навигация важна для пользовательского опыта и роботов:
- Это основа хорошего пользовательского опыта, так как люди быстрее находят нужные товары или услуги.
- Это важно для поисковых систем, так как они лучше понимают структуру сайта.
Вот как SEO-инструменты помогут проработать и улучшить навигацию.
Работа с семантическим ядром сайта
Семантическое ядро помогает проработать меню, категории и подкатегории контента, создать удобные фильтры.
Для этого нужно провести кластеризацию запросов и определить ключевые темы и подтемы, которые затем вы будете использовать в меню, фильтрах, названиях страниц и так далее. Работа с кластерами из семантического ядра позволит вам понять, как на самом деле ищут и формулируют запросы пользователи, и реализовать эту логику на сайте, сделав его более удобным.
На примере ниже мы видим общую тему «Умные часы для мужчин» и темы, дополняющие основную: «Умные часы для мужчин до 1000», «Круглые умные часы для мужчин», «Умные часы для мужчин Fossil». Мы можем либо разделить одну большую страницу на топики, либо создать несколько страниц под каждый запрос, ориентируясь на то, что правильнее с точки зрения SEO и удобнее для пользователя.
Собрать семантическое ядро помогают:
- Яндекс Вордстат — бесплатный сервис от Яндекс, который показывает, сколько раз пользователи вводят конкретное слово или фразу в поиске.
- Keys.so (платный инструмент) — поможет собрать семантику с конкурентов по Яндекс и Гугл. Сервис анализирует сайты конкурентов и выделяет ключевые фразы, приводящие им трафик.
- Изучая тематику на сайтах конкурентов, вы можете собрать информацию по названию разделов, заголовки и т.д.
- Список можно дополнить поисковыми подсказками. Для этого существуют специальные сервисы (к примеру, Арсенкин). Но можно и просто воспользоваться поисковой строкой, начав вводить туда один из главных запросов.
Хлебные крошки
«Хлебные крошки» помогают поисковым роботам «понимать» структуру сайта, в результате страницы лучше индексируются. Для пользователей они тоже полезны: показывают путь пользователя по сайту и помогают вернуться к предыдущим разделам.
На нашем Youtube-канале есть видео, в котором мы рассказываем, зачем нужны хлебные крошки и как их корректно внедрить.
Внутренние ссылки
Ссылки на другие разделы и страницы сайта помогают пользователям быстрее и удобнее находить нужную информацию. Благодаря этому люди посещают больше страниц и проводят на сайте больше времени (глубина и время просмотра).
Поисковики любят внутреннюю перелинковку: это положительно влияет на поведенческие факторы. Кстати, внутренние ссылки передают ссылочный вес от более авторитетных страниц к менее популярным, помогая им лучше ранжироваться в поиске.
Однако на больших сайтах с тысячами страниц вручную контролировать внутренние ссылки невозможно. Для этого используются специальные SEO-инструменты, которые автоматизируют анализ и управление внутренней перелинковкой:
- К примеру, Screaming Frog SEO Spider сканирует сайт, показывает, сколько внутренних ссылок есть на каждой странице, куда они ведут, выявляет страницы без внутренних ссылок и «висячие» страницы, на которые никто не ссылается.
- Ahrefs позволяет строить карту внутренних ссылок, находить «битые» (неработающие) ссылки, анализировать структуру перелинковки и выявлять слабые места.
- Яндекс.Вебмастер и Google Search Console — показывают, как поисковые системы видят внутренние ссылки, и помогают отслеживать ошибки в структуре сайта.
Для размещения внутренних ссылок на сайте часто используют специальные блоки и фразы, которые помогают пользователям находить дополнительную полезную информацию. Например, это могут быть разделы «Похожие материалы» или «Вам может быть интересно» в статьях и блогах. В интернет-магазинах популярны блоки «С этим товаром покупают» или «Похожие товары». Такие элементы не только улучшают навигацию и увеличивают глубину просмотра, но и способствуют росту конверсии и улучшению поведенческих факторов.
Понятные урлы
Понятные URL дают пользователям информацию, что находится на странице, а поисковые системы учитывают ключевые слова в URL для определения релевантности страницы.
Плохой пример: пользователь и поисковая система не понимают, что за контент на странице.
Хороший пример: URL интуитивно понятен, содержит ключевые слова.
На больших сайтах вручную проверить все адреса невозможно. Для этого используются SEO-инструменты, которые автоматически сканируют сайт и находят все URL-адреса. Выявляют нечитабельные, слишком длинные или дублирующиеся.
К примеру, Screaming Frog SEO Spider позволяет выгрузить список всех URL сайта, отфильтровать их по длине, наличию параметров, кириллице и другим признакам. Ahrefs анализирует структуру сайта и указывает на проблемы с URL.
В большинстве современных CMS (WordPress, 1C-Битрикс и др.) есть настройка ЧПУ — адреса автоматически формируются из названия товара, статьи или категории.
Если сайт на самописной системе, обратитесь к разработчику, чтобы на сервере можно было настроить правила, которые будут преобразовывать параметры в чистые адреса.
Оптимизация скорости загрузки
Медленная загрузка сайта может раздражать пользователей и приводить к тому, что они будут покидать ваш сайт, не дождавшись его полной загрузки. Это негативно влияет на поведенческие факторы и SEO.
Проверить скорость загрузки можно с помощью сервиса https://pagespeed.web.dev/analysis/.
Как оптимизировать скорость загрузки:
- Используйте кэширование, оно позволяет сохранять копии статических элементов сайта на стороне пользователя или на сервере, что ускоряет загрузку при повторных посещениях.
- Сжимайте изображения, чтобы уменьшить размер файлов.
- Оптимизируйте код: минифицируйте JavaScript и CSS-файлы.
- Используйте CDN (Content Delivery Network), чтобы распределить контент сайта по серверам в разных регионах и ускорить загрузку.
- Выбирайте хороший и быстрый хостинг, от этого зависит стабильность и скорость работы сайта.
Отдельно про Core Web Vitals — набор метрик, которые Google использует для оценки производительности сайтов:
- LCP (Largest Contentful Paint). Скорость загрузки самого крупного элемента на странице (например, изображения или видео). Оптимальное значение 2.5 секунды.
- FID (First Input Delay). Время отклика страницы на первое взаимодействие пользователя (например, клик по ссылке). Оптимальное значение 100 миллисекунд.
- CLS (Cumulative Layout Shift). Оценка стабильности макета страницы (насколько сильно элементы смещаются при загрузке). Оптимальное значение 0.1.
В качестве резюме: тестируйте и анализируйте
Смотрите, что работает, а что нет, чтобы вносить корректировки, направленные на повышение конверсии.
Анализируйте трафик, поведенческие факторы, конверсии и другие важные метрики. Используйте A/B-тестирование: сравнивайте разные версии страницы (например, разные заголовки, цвета кнопок или CTA-тексты) и смотрите, какая из них работает лучше.
SEO-инструменты помогают проработать юзабилити сайта на более глубоком уровне и сгенерировать идеи для улучшений. Поэтому настоятельно рекомендуем не забывать о них и активно ими пользоваться. Чем комфортнее будет пользоваться вашим ресурсом, тем выше вероятность, что посетители станут клиентами, а поисковики позаботятся о том, чтобы сайт оказался в топе выдачи.
Автор: Елена Волкова, seo-специалист Ant-Team.ru.
Подписывайтесь на наш телеграм-канал, чтобы первыми узнавать о выходе новых материалов. И смотрите наши бесплатные обучающие видео на YouTube, VK и Rutube.