bg
14 февраля 2025

Аудит интернет-магазина: проверяем структуру, дизайн, SEO и технические показатели

Ольга Рогалева, маркетолог
Время чтения ~ 25 минут
Эта пошаговая инструкция поможет владельцам интернет-магазинов, маркетологам, контент-менеджерам и веб-мастерам сделать полноценный аудит своей площадки. С помощью него можно проверить работоспособность как своего, так и чужого ресурса.
Я постаралась включить в инструкцию только то, что администратор сайта может исправить своими силами без помощи разработчика. Вот здесь можно скачать список инструментов для аудита.

Мы в студии НАДО сейчас активно занимаемся проектами в сфере туризма и спорта, поэтому в качестве примера я выбрала магазин экипировки для активного отдыха ЭкипЛэнд.

1. Проверка интернет-магазина на технические ошибки

Первым делом проверяем сайт на технические недочёты с помощью одного из специальных SEO-инструментов: Topvisor, Screaming Frog, SiteAnalyzer и пр. Я использую SiteAnalyzer, потому что его бесплатной версией можно просканировать до тысячи страниц ресурса. Для более объёмных магазинов можно потратиться на платную версию за 3 000 рублей.

Вбиваем в поисковую строку адрес сайта и нажимаем Старт.
Заходим во вкладку Статистика SEO.
Что здесь можно проверить? Остановимся на самых важных параметрах и на том, как исправить обнаруженные недочёты.

Изображения

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

Самые частые причины: файл был перемещен или удалён, в его URL-адрес закралась ошибка, изображение хранится на стороннем сайте и было удалено в источнике.

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

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

Неудачный вариант альт-текста: термосумка ID4570098
Удачный вариант альт-текста: термосумка norfin vardo nfl с посудой

Поисковые роботы считывают и название самого файла картинки, который подгружается на сайт. В качестве разделителя в названиях файлов всегда используйте символ «-» (дефис) и не используйте символ «_» (нижнее подчёркивание). Поисковики не распознают нижние подчеркивания как пробелы, в результате чего слова слипаются.

Неудачный вариант названия файла: logo_print456.jpg
Удачный вариант названия файла: termosumka-norfin-vardo-black.jpg

Внутренние ссылки

Проблема: Битые ссылки.
Что значит: некоторые ссылки возвращают код ответа сервера 5xx или 4xx, то есть ведут на несуществующие страницы и файлы.

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

Такие ошибки нужно исправлять сразу.
Заодно проверяем, настроена ли страница 404 — с неё должно быть можно перейти на разделы сайта, либо на ней есть поле поиска. У ЭкипЛэнда есть.

Проблема: Страницы без входящих/исходящих ссылок.
Что значит: на некоторых страницах не настроена перелинковка.

Все страницы сайта должны содержать гиперссылки на другие страницы этого же ресурса (так называемая внутренняя перелинковка). Ссылки подчеркивают иерархию страниц и связывают близкие по смыслу.
На главные страницы и страницы с высокочастотными ключами должно вести больше всего ссылок. Большое количество ведущих на определённую страницу ссылок сигнализирует поисковым роботам о том, что на ней содержится критически важная информация. Между собой страницы одного уровня связываются ссылками в том случае, если они относятся к одному семантическому ядру.
Инструменты перелинковки:
  • текстовые ссылки;
  • залинкованные картинки;
  • блоки с рекомендуемыми, сопутствующими, недавно просмотренными товарами и подобные им;
  • меню, хлебные крошки и другие элементы навигации;
  • облако тегов.
Для объёмных сайтов применяются плагины для автоматической перелинковки.

И ещё: не используйте в качестве якорного текста фразы типа «Нажмите здесь» или «Подробнее». Поисковые роботы считывают и его, поэтому придумайте развёрнутое и релевантное теме описание. Кусок текста не должен терять смысла, если ссылка пропадёт.

Проблема: Nofollow/Dofollow ссылки.
Что значит: какие-то внутренние и внешние ссылки оформлены неправильно.

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

Атрибут rel="nofollow", который сопровождает ссылку в HTML-коде, сообщает поисковым системам, что по ней переходить не нужно, а dofollow — что нужно. Все ссылки по умолчанию имеют статус dofollow, так что его прописывать смысла нет.

Редиректы

У ЭкипЛэнда с редиректами все в порядке. Если в статистике вашего магазина всё не так гладко — не страшно, читайте дальше
Проблема: Редирект, заблокированный в robots.txt, Битый редирект, Бесконечный редирект, Редирект на внешний сайт.
Что значит: все ошибки указывают на то, что где-то в цепочке перенаправлений с одного URL на другой закралась ошибка.

Как должен работать редирект? Пользователь пытается перейти на страницу, которая удалена, не доступна или перенесена. Но вместо того чтобы попасть в тупик — на страницу 404, — сайт перенаправляет юзера на страницу, которую админ сайта назначил в качестве её замены.

Эта ошибка похожа на историю с битыми ссылками, и решение для неё такое же. Надо пройтись по всем результатам, найти неработающий URL и либо заменить его на рабочий, либо закрыть в robots.txt начальный URL редиректа, чтобы поисковый робот не заходил на него.

Проблема: Canonical, заблокированный в robots.txt.
Что значит: страница указывает в качестве своего первоисточника страницу, которая недоступна для индексации.

Сейчас все поясню. Каноническим называется URL страницы, которую поисковые системы считают главной среди её копий. Копиями считаются страницы с практически идентичным наполнением. В разрезе интернет-магазинов это могут быть страницы с результатами фильтрования или страницы одного и того же товара с одинаковым описанием, которые помещены в несколько категорий каталога. Например:

Нам нужно, чтобы товар присутствовал в каждой категории, но поисковые роботы неодобрительно смотрят на дубли страниц с одинаковым контентом. Что делать? Использовать атрибут rel="canonical".

Выбираем главную — каноническую — страницу, на которую роботы должны обратить своё внимание. Допустим, в нашем случае это страница 1). Теперь мы на оставшихся страницах указываем ссылку на оригинал. В тег <head> страниц-дубликатов нужно вставить тег <link> с атрибутом канонической ссылки. В нашем случае готовый код будет выглядеть вот так:
Последнее замечание: следите за тем, чтобы каноническая страница была всегда доступна. Но если основная ссылка всё же сломается, вы увидите эти страницы в разделе с этой ошибкой.

URL-адреса страниц и файлов

Важно! URL страницы после её публикации менять нельзя.

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

Если вам всё же нужно изменить URL, настройте редирект 301 между старым адресом и новым — никогда не знаешь, где на сайте осталась ссылка со старой версией URL.

Рекомендации ниже применяйте только к вновь созданным страницам:

  • как и в случае с анкорным текстом для ссылок, URL должен отражать тему страницы;
  • он должен быть понятен и человеку, и роботу, то есть состоять из набора английских слов, либо русских, но написанных латинскими буквами. Пример: example.com/teplovye-nasosy/nasosy-voda-vozdukh;
  • добавьте в адрес ключевое слово или слова;
  • в качестве разделителя всегда используйте символ «-» (дефис) и не используйте символ «_» (нижнее подчёркивание).

С чем понадобится помощь разработчика:

  • склейка доменов сайта и настройка 301 редиректа;
  • установка SSL сертификата безопасности;
  • настройка файла robots.txt;
  • настройка файла sitemap.xml;
  • валидация HTML и CSS-кода.

2. SEO-аудит интернет-магазина

С техническими вопросами разобрались. Перейдем к SEO-аудиту интернет-магазина. В него входит настройка всего того, с чем покупатель сталкивается ещё до загрузки первой страницы — на странице результатов поиска. Эти же данные очень нужны роботам, чтобы составить представление о наполнении страницы.

Главным понятием в этом разделе выступает микроразметка. Микроразметка — это не видимая пользователю разметка данных на странице, которая используется для того, чтобы поисковый бот лучше определял местоположение и назначение контента на сайте. Она универсальна, её понимают все поисковые системы.
Кроме того, данными из микроразметки заполняются простые и расширенные сниппеты, которые мы видим в выдаче поисковиков, и превью страницы при репосте в соцсетях.
Есть несколько типов микроразметки, но самая широко используемая — Schema.org.

Микроразметка Sсhema.org

В HTML-коде разметка Sсhema.org размещается между тегами <body> и </body> и выглядит как набор свойств.
Обычно их можно заполнить в CMS-редакторе конкретной страницы (при условии, что нужный тип разметки подключен на сайте). С помощью неё можно указать ботам на контактные данные организации, часы работы, отзывы о конкретном товаре, его характеристики, цену и многое другое, и тогда они смогут появиться в сниппете.
Самыми актуальными для интернет-магазина являются следующие типы разметки:

  • тип LocalBusiness и Organization — данные о конкретной точке и бизнесе в целом. Выбор типа зависит от сферы бизнеса;
  • тип Product — конкретный товар;
  • тип Offer — услуга. Тип AggregateOffer — для услуги без конкретной цены;
  • тип Review — отзыв;
  • тип AggregateRating — рейтинг.

Влиять на то, сформируется ли сниппет и какая информация в нём отразиться, нельзя. Но без микроразметки и настроенной навигации по сайту поисковикам неоткуда будет взять данные для него.

Проверить заполненную микроразметку можно с помощью валидатора Google, инструмента проверки расширенных сниппетов Google и валидатора Яндекс. Есть также помощник для заполнения структурированных данных.

Но где же те самые известные теги — Title, Description и Н1, — которые упоминаются в каждом чек-листе? А вот и они.

Метатеги

Метатег — конструкция в HTML-коде, заключённая между тегами <head> и </head>, которая используется для описания контента на странице в целом.

Помимо общеизвестных заголовка и описания, метатегами также даётся разрешение на индексирование страницы (Robots), описывается тип контента (Content-Type), создатель страницы (Author), владелец авторских прав (Copyright) и др. В отличие от микроразметки, метатеги влияют на ранжирование сайта.

Чтобы не просматривать теги каждой страницы вручную, вернёмся к проверке сайта через SiteAnalyzer. В нём нам понадобится раздел Онпейдж (то есть настройки отдельной страницы), но вообще в любом инструменте для аудита эти данные тоже собираются.
Метазаголовок
Проблема: Отсутствующий или пустой Title, Дубликаты Title, Длинный/Короткий Title.
Что значит: метазаголовок страницы неправильно сформулирован или отсутствует.

Meta Title — главная ссылка на сайт в SERP (странице с результатами поиска). Это то, что человек, листающий выдачу поисковой системы, видит в первую очередь. Обычное это единственный элемент, на который он гарантированно обратит внимание и по которому он примет решение, открывать ваш сайт или нет. Пустой тайтл — это худший вариант, но лекарство для всех вышеперечисленных бед одно.
Как написать Meta Title:
  • тайтл должен кратко, но ёмко сообщать о главном предложении страницы или её теме;
  • он должен быть по-хорошему кликбейтным, но при этом содержать ключ (желательно главный ключ страницы);
  • добавьте упоминание цены, года, города, скидки и т. д. (если применимо);
  • добавьте продающие фразы вроде «заказать», «стоимость», «расчёт» и т. п.;
  • длина тайтла — 50-60 знаков с пробелами, более длинный заголовок поисковик обрежет;
  • он не должен дословно совпадать с H1 этой страницы или тайтлом другой.

Неудачный вариант метазаголовка: Трехместные палатки
Удачный вариант метазаголовка: Трехместные палатки от российского производителя с гарантией до 5 лет
Хороший заголовок, не лучшее описание

Метаописание

Проблема: Отсутствующий или пустой Description, Дубликаты Description, Длинный/Короткий Description.
Что значит: метаописание страницы неправильно сформулировано или отсутствует.

Meta Description — краткое содержание страницы, которое поисковик размещает сразу под ссылкой на ресурс в выдаче.

Как написать Meta Description:

  • пропишите здесь основное преимущество вашего товара или причину, по которой ваша статья лучше ста других на эту тему — это будет доводом в пользу того, почему посетители должны кликнуть именно на ваш товар или статью;
  • в описании тоже должны быть использован ключи — людям нравится, когда формулировка в выдаче точно совпадает с тем, что они ищут;
  • длина дескрипшена — 110-160 знаков с пробелами;
  • описание уникально для каждой страницы.

Неудачный вариант метаописания: Мультиинструменты бывают разные, но принцип действия у всех агрегатов одинаков
Удачный вариант метаописания: Как выбрать мультитул для длительного похода? 9 советов от опытного альпиниста о том, на что обратить внимание при выборе
А вот тут описание отличное, но если зайти на страницу, окажется, что Meta Title полностью повторяется в H1

Заголовок Н1

Проблема: Отсутствующий или пустой H1, Дубликаты H1-H6, Несколько заголовков H1.

Заголовок уровня H1 — это не то же самое, что метатайтл. Технически он считается главным заголовком страницы, и его поисковые системы считывают как основную тему.

Как написать H1:

  • H1 обязательно должен быть, и заголовок такого уровня должен быть на странице один;
  • H1 уникален для каждой страницы;
  • не дублирует тайтл дословно;
  • самый высокочастотный ключ, который вы нашли по своей теме, идёт в Н1, ключи поменьше — в другие заголовки по старшинству;
  • длина тайтла — до 65 знаков.

Неудачный вариант H1: Палатки бывают разные: чёрные, белые, красные
Удачный вариант H1: Лучшие семейные палатки

Бэклинки

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

За долгую жизнь сайта какое-то количество бэклинков образуется естественным путём (например, кто-то оставил ссылку на вас в посте или статье, написал обзор на товар и т. д.). Но если вы не на уровне Avgust, DNS или Спортмастера в своей сфере, какое-то количество качественных ссылок надо будет купить.
Идеи для бэклинков можно подсмотреть у конкурентов. Вот, например, бэклинки сайта Splav.ru
Естественно наилучшим источником выступают тематические ресурсы, отраслевые и новостные порталы, блоги, форумы, которые читают живые люди. Такое размещение работает и на узнаваемость бренда, и на увеличение трафика, и на наращивание ссылочного профиля. Упоминание вас с dofollow-ссылкой можно получить, серьезно раскошелившись и купив у ресурса пакет услуг продвижения. Молодым компаниям такое обычно недоступно.

В таком случае обращаемся к биржам ссылок (например, Sape) и сеошникам-фрилансерам на Fiverr. Выбираем по стране продвижения, тематике вашего сайта и отзывам на исполнителя.

Правила покупки бэклинков:

  • покупайте ссылки небольшими партиями и с перерывами;
  • не покупайте совсем мусорные линки с сайтов с низким domain rating/domain authority, просто чтобы были. Это только навредит;
  • размещайте ссылки на сайтах из той же или смежных ниш;
  • если есть такая опция, вставляйте в анкорный текст релевантный для страницы-акцептора ключ. Но оставляйте некоторые ссылки без анкора для разнообразия профиля.

Проверить бэклинки сайта можно через Яндекс Вебмастер и Google Search Console, если у вас есть доступ к ним. В обоих сервисах ищем раздел «Ссылки» → «Внешние ссылки». Есть и бесплатные сторонние сервисы.

С чем понадобится помощь разработчика:

  • активировать на сайте микроразметку нужных типов;
  • дать доступ в админ-панель сайта, из которой можно заполнять теги страницы;
  • связать сайт с Яндекс Вебмастером и Google Search Console.

Вот теперь наш сайт готов к визиту поисковых ботов.

3. Проверка индексации интернет-магазина поисковыми системами

Как сайт вообще попадает в список результатов поисковиков? Поисковые боты Google, Яндекса и других систем сканируют все сайты, размещённые в сети, оценивают их и выбирают самые качественных по наполнению и подходящие под запросы пользователей. Самые лучшие вы видите на первой странице выдачи, когда спрашиваете что-то у Google или Яндекса, плохие – не видите вообще, потому что они лежат на последних страницах.

Но эти параметры будут не важны, если роботы не обнаружат ваш сайт в интернете. Для этого нам надо проверить работу файлов sitemap.xml и robots.txt. С этим помогут Яндекс Вебмастер и Google Search Console.

Проверка Robots.txt

Файл robots.txt — это список инструкций для поисковых роботов. Они говорят поисковым роботам, какие URL-адреса на вашем сайте им разрешено обрабатывать.

Оценить корректность заполнения файла robots поможет Яндекс Вебмастер. Во вкладке «Инструменты» → «Анализ robots.txt» можно увидеть, не содержит ли файл ошибки и какие строки в нём учитывает поисковый робот.

Проверка Sitemap.xml

Файл sitemap.xml называют картой сайта — она помогает поисковым роботам ориентироваться среди папок и документов вашего ресурса. Мы можем объяснить роботам порядок сканирования страниц и указать, что контент на странице обновился и её надо проиндексировать ещё раз, поменяв дату публикации.

Проверить сайтмэп на ошибки можно в разделе Вебмастера «Инструменты» → «Анализ файлов Sitemap». Откройте главную страницу вашего сайта, добавьте к нему в адресной строке /sitemap.xml и скопируйте адрес. Вставьте его в поле Яндекс Вебмастера и нажмите «Проверить».

Как проверить, все ли страницы сайта проиндексированы

В Яндекс Вебмастере заходим в раздел «Индексирование» — потом в «Статистику обхода».
Код, начинающийся с цифры 4, говорит о том, что робот не смог достучаться до страницы и с ней что-то не так, её нужно починить. Если страница работала (то есть имела статус 200 ОК), а потом перестала, вы увидите это в логе под графиком. Код, начинающийся с цифры 3 — это не страшно, он говорит о том, что на странице настроена переадресация.

В Google Search Console мы ищем вкладку «Индексирование». Здесь можно увидеть отчёт о проиндексированных страницах.
Не обязательно все страницы сайта должны попасть в поисковые системы. Редиректы, закрытые служебные страницы, странички, которые обнаружены роботами, но ещё не оценённые ими — все они попадут в категорию непроиндексированных. Гугл предоставляет список причин непокрытия страниц и перечень таких страниц, поэтому можно самостоятельно определить, должна ли эта страница вообще попасть в выдачу или она специально скрыта.

Зайдите также в отчёты «Проблемы безопасности» и «Меры, принятые вручную», чтобы проверить сайт на бан от Google.

Как указать роботам на новую страницу

Нельзя повлиять непосредственно на скорость анализа и сканирования сайта, но вы можете привлечь внимание поисковых систем к непроиндексированным страницам.

В Яндексе Вебмастере заходим в «Индексирование» → «Переобход страниц», вставляем URL нужных страниц и жмём «Отправить».
В Google Search Console кликаем на «Проверку URL», вставляем адрес и запрашиваем индексирование.
Проблема: Что делать, если страница все равно не индексируется или не попала в индекс?

Если страница всё еще не попадает в выдачи поисковиков, нам надо убедиться, что она соответствует некоторым правилам. Вот список причин, почему поисковые системы могут игнорировать ваш сайт:

  • прошло мало времени с момента создания страницы: поиск и индексация занимает у большинства поисковиков от четырёх дней до четырёх недель;
  • в настройках страницы стоит галочка рядом с тегом noindex. Тег noindex в HTML-коде — это сигнал для краулеров игнорировать страницу;
  • на странице не настроены метатеги и микроразметка;
  • на странице мало полезного контента — без этого поисковые системы не будут добавлять её в выдачи;
  • в вашем URL-адресе слишком много слэшей (косых чёрточек), что означает большую вложенность, то есть количество разных разделов и подразделов на сайте. Чем их больше, тем более глубоко находится новая страница, и роботы должны сделать несколько прыжков со страницы на страницу, чтобы до неё докопаться;
  • ваш сайт медленный или размещён на нестабильном сервере. В результате роботы поисковых систем просто не получат ответы на свои запросы и пропустят сайт.

4. Анализ структуры интернет-магазина

Главный структурный элемент любого интернет-магазина — каталог, поэтому остановим внимание именно на нём, а не на главной странице. Тут наша задача хорошо все продумать, реализовывать её будет в основном команда разработчиков.

Подготовка структуры каталога

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

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

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

Вложенность страниц

Общую структуру каталога мы уже обрисовывали в главе про внутреннюю перелинковку: каталог-категория-подкатегория-товар. Четыре клика до карточки — средний уровень вложенности для любого интернет-магазина. Чем глубже страница от главной, тем ниже её приоритет и тем реже она будет индексироваться.

Поиск по каталогу и фильтры

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

В составлении списка фильтров (фасетов) также помогут ключевые слова — запросы «палатка зимняя», «палатка для рыбалки», «палатка куб» уже говорят о том, какие критерии фильтрования важны покупателям.

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

❌Привожу антипример:
Если у вас средний или крупный интернет-магазин (как Экиплэнд), к устройству каталога добавляется дроп-даун меню с перечнем основных разделов.
Если интернет-магазин большой или у товаров много специфических параметров, меню умных фильтров (то есть подстраивающихся под каждый тип товара) оформляется в виде отдельной панели. Обычно панель располагают сбоку, но у ЭкипЛэнда фильтров не так много, и дизайнеры решили поместить её над полем с карточками.
Забегая вперед, отмечу, что в каталоге ЭкипЛэнда реализованы необходимые для комфортного использования фильтров функции:

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

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

SEO-фильтры

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

SEO-фильтры — модуль, позволяющий генерировать уникальные и понятные человеку URL-адреса, теги H1, Title и Description на основе фильтрации товаров внутри категорий по характеристикам и параметрам. Например, страница товара «Термосумка Norfin VARDO NFL с посудой на 4 персоны» в результате имеет метазаголовок «Термосумка Norfin с посудой — купить с доставкой | Ekipland.ru».

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

Навигация по сайту

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

Меню сайта обычно приклеивается к верхней части страницы при скролле. (Однако, с увеличением мобильного трафика многие стали отказываться от закрепленной шапки). Тот раздел, где юзер сейчас, выделяется. Пункты меню и иконки в верхней части названы привычно для пользователей (например, не Товары, а Каталог; не Покупки, а Корзина).
У ЭкипЛэнда: пункты меню названы понятно, но раздел, в котором пользователь находится, не выделен
Логотип в левом правом углу со ссылкой на главную страницу. На главной странице логотип некликабельный.

Поиск по сайту автоматически исправляет опечатки и предлагает варианты ещё до того, как пользователь нажал Enter.

Особенно умные поиски могут понимать транслитерацию, расшифровывать запрос, заданный с неправильной раскладкой, и даже считывать синонимы.
У ЭкипЛэнда: ошибку поиск не исправил, зато подсказки при вводе сопровождаются картинкой, что очень удобно
Хлебные крошки — навигационная цепочка из ссылок, которая отражает путь до текущей страницы. Название текущей страницы некликабельно.
Пагинация — нумерация страниц с товарами, которые составляют одну категорию или попали в результаты фильтрования.
Тег с атрибутом rel="canonical" со ссылкой на главную, первую страницу с результатами проставляются на все получившиеся страницы с товарами, кроме самой этой первой страницы.

Для Title, Description и H1 каждой нового страницы должны быть настроены SEO-фильтры, которые автоматически сформируют уникальные теги. Уникальности в данном случае можно добиться просто добавив номер страницы к тайтлу: «Купить палатку для зимней рыбалки с бесплатной доставкой по России — Страница 2».

Подвал дублирует ссылки на основные разделы каталога, содержит контактные данные и соцсети, а также служебную информацию о политике конфиденциальности и юридических подробностях. Здесь же пользователи ищут условия доставки и возврата товара.
У ЭкипЛэнда достаточный набор ссылок, правда, раздел Доставка и оплата аж два раза
Кнопка «Наверх». Beam me up, Scotty!

Другие необходимые страницы

Мы остановились на каталоге как на главном элементе сайта электронной коммерции. Какие еще элементы необходимы магазину? Вот перечень страниц, входящих в обязательный минимум:

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

5. Анализ дизайна и юзабилити интернет-магазина

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

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

5.1. Анализ поведенческих факторов

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

Общие требования:

  • пользователь сразу понимает, что интернет-магазин продает. Модный дизайн-концепт не должен становиться этому препятствием. ❌ Антипример:
Мы в студии сейчас проводим исследование магазинов туристических товаров, и в ходе него несколько респондентов назвало магазин Альпиндустрии неудобным по этому параметру
Оставляя в стороне эстетические предпочтения, могу сказать, что дизайн главной выполняет эту функцию
  • сайт адаптирован под все разрешения экранов, браузеры и типы устройств. У него есть проработанная мобильная версия;
Адаптированность магазина к мобильному устройству оставляет желать лучшего, но каталогом все же можно воспользоваться
  • дизайн сайта отвечает требованиям доступности — правилам веб-дизайна, которые позволяют людям с ограниченными возможностями свободно пользоваться вашим сайтом. Проверить контрастность элементов сайта можно с помощью WAVE и Color Contrast Analyzer;
  • по сайту можно перемещаться с помощью клавиатуры;
  • на каждой странице сайта есть CTA — призыв совершить целевое действие. Ключевые конверсионные элементы (кнопки, ссылки и формы) хорошо заметны и отличаются от других элементов дизайна. Если их на странице несколько, основное действие выделено особенно;
  • по тексту на кнопке понятно, что произойдет по нажатию. Рекомендуем использовать глагол, отвечающий на вопрос «что сделать?»;
  • местоположения пользователя определяется автоматически, но также есть возможность сменить его вручную (обычно в левом верхнем углу экрана);
  • перелинковка страниц и навигация между разделами сайта также являются важнейшими элементами, способствующими приятному опыту взаимодействия с сайтом магазина. Но про них мы уже рассказывали в предыдущих главах статьи;
  • если пользователь задавал на странице какие-то параметры (например, фильтр товаров), то все они восстанавливаются при возврате на предыдущую страницу, а не сбрасываются;
  • есть возможность отменить действие и вернуться к предыдущей странице на любом этапе;
  • самая важная информация размещена так, чтобы пользователю не пришлось её искать или запоминать. Например, информация о рассрочке и способах доставки дублируется на каждой странице товара.

Корзина:

  • пользователь может добавлять товары в корзину даже до регистрации или авторизации в магазине;
  • содержимое корзины сохраняется и после закрытия вкладки в браузере с помощью файлов cookie;
  • дополнительно: пользователь может поменять размер, цвет и другие характеристики товара прямо из корзины;
  • товар можно купить в один клик — сервис автоматически заполняет поля формы заказа той информацией, которую покупатель уже указал при регистрации. Есть соответствующая кнопка;
  • корзина и чекаут (процесс оформления и оплаты заказа) расположены на разных страницах, между этими частями сайта есть явный переход.

Оформление заказа (чекаут):

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

К примеру, на сайте онлайн-кинотеатра Иви индикатор заполнения формы регистрации в виде красной линии в верхней части экрана помогает оценить, сколько примерно шагов осталось;
  • данные, которые вводятся в определённом формате (например, email, даты, числа), проходят валидацию ещё до отправки формы. Если данные введены некорректно, сообщение под боксом указывает на ошибку;
  • все поля формы, которые могут быть заполнены автоматически, заполняются при открытии формы (например, телефон покупателя, если он уже указан в личном кабинете);
  • введённые данные сохраняются, даже если пользователь нажал «Назад» и потом вернулся на страницу;
  • действия пользователя или вносимые изменения подтверждаются с помощью модальных окошек. Они же сообщают, что произойдет после отправки формы;
  • есть личный кабинет, где пользователь может отследить статус готовности заказа, ещё раз проверить его содержание и посмотреть историю совершенных заказов.

5.2. Анализ коммерческих факторов

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

Карточка/страница товара:

  • классический вид: слева — фото и видео, справа — цена, выбор цвета, размера и т. д., информация о наличии товара и сроке доставки, кнопка «Купить», снизу — полный перечень характеристик, отзывы;
  • в карточках актуальные цены и есть информация о наличии единиц товара;
  • дополнительно: указание того, сколько нужно добрать до бесплатной доставки, сколько бонусных баллов юзер получит за покупку, сколько товар будет стоить с промокодом, сколько составит ежемесячный платеж, если взять товар в рассрочку, и т. п.;
  • карточки товаров приведены к единому виду, в них есть подробные описания, перечни характеристик, условия эксплуатации;
  • фотографии и видео товара качественные и реальные, есть изображения товара в среде применения или в использовании;
  • есть реальные социальные доказательства: отзывы, обзоры, рейтинг товара, видео от покупателей, рекомендация эксперта;
  • кнопка «Купить» отличается от других кнопок на странице;
  • предоставлена корректная информация о доставке и способах оплаты товара, её не нужно искать по сайту самостоятельно;
  • внизу страницы есть блок с рекомендациями, сопутствующими и просмотренными товарами. После завершения заказа пользователю также демонстрируются товары, похожие на то, что он уже приобрёл;
  • дополнительно: есть ссылки на статьи из блога магазина, где упоминается этот или похожие товары.

С чем понадобится помощь разработчика:

  • подключение Google Analytics, Яндекс Метрики и Яндекс Вебмастера для составления портрета ЦА, выявления основного источника трафика и самых популярных посадочных страниц;
  • подключение Яндекс Вебвизора, чтобы отслеживать пути пользователей по сайту и их поведение: какие товары и разделы они просматривают, на какие рекламные баннеры кликают, какие формы заполняют, а какие не видят;
  • скорость загрузки и быстродействие сайта — никто не готов ждать загрузки вечность.

6. Анализ текстов интернет-магазина

В отличие от сайта, к примеру, интернет-издания или новостной площадки, тексты — не центральный элемент онлайн-магазина. При заполнении его контентом надо следовать нескольким правилам. Некоторые из них общие для всех текстов, но есть такие, которые касаются страниц определенного типа. Их перечислим после общих.

Общие требования

Уникальность текстов

С крадеными или повторяющимися текстами продвижения не будет. Нет, точно не будет. Для каждой страницы как минимум требуется адаптировать текст под ключи, на которую она ориентируется. Как максимум — добавить в текст пользу для покупателя: правдиво и подробно рассказать ему о характеристиках товара, сравнить аналоги от разных брендов, предложить необычное применение и т. д. в зависимости от вашей сферы и типа страницы.
Результат проверки в сервисе Адвего. Его плюс в том, что можно указать адрес страницы, где лежит текст, и исключить его из проверки
Что делать со страницами товаров с одинаковым описанием, мы уже писали в разделе про редиректы.
Оптимизированность
Оптимизировать страницу по стандартам SEO значит включить в её тексты запросы пользователя, которые тот вводит в поисковик (мы их уже упоминали в разделе про структуру каталога).

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

Ключевые слова и словосочетания собираются SEO-специалистами с помощью Яндекс Вордстата. Это целая наука, мы не сможем быстро пробежаться по алгоритму, поэтому прикладываю хорошие гайды от коллег на эту тему: один, два и три.

Количество добавленных ключевиков зависит от того, кому адресован контент на странице: покупателю или поисковому роботу, который будет её сканировать. Например, тексты на главной странице магазина читают и тот, и другой. А вот страница про условия доставки не предназначена для топа выдачи, но крайне важно, чтобы человеку было понятно то, что она описывает. См. типы страниц ниже.
Читабельность
Даже оптимизированные по SEO тексты не должны выглядеть как набор ключевиков. Оформите их в приличные, читаемые пассажи, составленные по правилам русского языка. Используйте меньше канцелярита, шаблонных фраз и объёмных грамматических конструкций. Пишите просто.
Результат проверки в сервисе Главред. Рассказ о зимней рыбалке оказался хорошо написанным, но всегда есть что улучшить
Адекватный объём
Если на странице мало полезного по мнению поисковых роботов контента, они не будут заносить страницу в индекс и соответственно показывать её в выдаче. Примерный ориентир для информационного статьи по версии Yoast — 900 слов и более, для текста на коммерческой странице — 300 слов и более. Подробнее разберём типы текстов ниже.
В инструментах для аудита можно посмотреть, на каких страницах критически мало контента. У ЭкипЛэнда таких страниц нет
Оформление текста
Даже небольшой текст оформляем так, чтобы его содержание можно было легко просканировать беглым взглядом.
  • Заголовки и подзаголовки. Уровней заголовков может быть шесть: от H1 до H6. Важно помнить, что хэдинг, к примеру, третьего уровня не может идти сразу после хэдинга первого уровня, обязательно нужно поставить H2 между ними. Заголовки пишем с учётом ключей;
  • текст разделён на абзацы по 4–5 предложений максимум, каждый абзац содержит законченную идею;
  • отступы между абзацами и другими элементами текста. Со свободным пространством вокруг них текст воспринимать легче;
  • маркированные и нумерованные списки;
  • иллюстрации и инфографика. Используйте подписи, если изображения не просто декоративные, люди и роботы хорошо их читают.

Теперь пройдемся по типам страниц.

Тексты для главной страницы

Объём — от 300 слов. Кому адресован текст: и людям, и роботам.

Тут главная задача — не скатиться в банальности («надёжная команда профессионалов») и прямолинейные призывы купить именно у вас. Соберите все преимущества и отличительные характеристики магазина, но разверните их так, чтобы они отвечали на вопрос «какую выгоду это даст покупателю».

Например, так «У магазина есть своя курьерская служба» превращается в «Проверенный нами курьер привезет товар в указанное вами время». Проработайте так каждое преимущество.

В такие тексты трудно поместить ключевые слова. Более насыщенные ключами куски можно поместить ниже текстов, адресованных потенциальным покупателям.
Удачный пример того, как преимущества компании переформулированы в выгоду для клиента

Тексты для страницы категории каталога

Объём — 300 слов. Кому адресован текст: роботам.

ЦА текстов под списком товаров — роботы поисковых систем, и ничего тут не поделаешь. Обычно их сложно читать, чтобы человеческий глаз проскальзывал мимо.
Копирайтеры ЭкипЛэнда справились на отлично. Даже такой небольшой текст оформлен правильно
Это не значит, что нужно поместить сюда кашу из ключей — за такое алгоритмы научились банить сайты еще в 2015. Используем возможность для продвижения и одновременно ведём себя уважительно по отношению к посетителю: пишем небольшие незаспамленные тексты про особенности категории продукта, про то, как выбрать товар под разные запросы.

По пути можно сообщить о релевантных для категории преимуществах магазина, например, что в пункте выдачи товар можно примерить. Так они получатся и полезными для покупателя, и естественным путем будут включать длиннохвостые ключевые слова (помимо короткохвостых, которые намеренно вложите в них вы — не больше четырёх штук).

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

Тексты для страницы-карточки товара

Объём — 200 слов и меньше. Кому адресован текст: и людям, и роботам.

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

  • словами опишите характеристики, предоставленные производителем — люди плохо читают, дублирование информации не помешает;
  • укажите, для кого предназначен товар (возраст, пол, профессия и т. д.);
  • помимо перечисления плюсов, ответьте на потенциальные вопросы клиента, расскажите, с чем сочетается товар, как ухаживать за ним;
  • предлагайте неконвенциональные способы использования;
  • удержитесь от соблазна расширить текст за счёт словесного мусора и воды;
  • внедряйте ключи аккуратно, не более трёх на текст.

Характеристики (таблицу с весом, габаритами, составом, комплектацией и т. д.) не надо оптимизировать.

Тексты для информационной страницы

Рекомендованного объема нет. Кому адресован текст: людям.

Имеются в виду страницы «Условия оплаты и доставки», «Как сделать возврат», «Пункты выдачи», «Контакты и адреса» и т. п.

Чётко, просто и по делу описываем алгоритм оформления заказа, оплаты, выбора способа доставки и пункта выдачи. Примерный список вопросов, на которые надо ответить:

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

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

***


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