Внутренняя оптимизация интернет-магазина

• Настройка фильтров, пагинации, сортировки каталога
• Формирование URL интернет-магазина
• Оптимизация URL страниц каталога
• Оптимизация страниц сортировки
• Оптимизация страниц фильтров интернет-магазина
• Оптимизация страниц пагинации
• Причины закрытия генерируемых страниц от индексации
• Настройка Robots.txt




• Проверка адаптивности мобильной вёрстки




• Проверяем XML-карту сайта




• Настройка 404 страницы

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

Настройка фильтров, пагинации, сортировки каталога

Формирование URL интернет-магазина

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

Общие требования для URL-адресов сайта:

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

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

Оптимизация URL страниц каталога

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

А) Древовидный пример формирования URL.

Удобен для отслеживания эффективности страниц в аналитике, структурно понятен.

Б) Параллельный пример формирования URL адресов.

Его преимущество в коротких, приятных для пользователя визуально URL.

Оптимизация страниц сортировки

При реализации сортировки товара, например, по цене, популярности, рейтингу, в URL добавляются статические приставки «хвосты»:

?sort=ceny
?sort=popularity

Задача перед запуском сайта – проследить за тем, чтобы такие GET-параметры были закрыты от сканирования в служебном файле robots.txt. Также убедитесь в том, что каноникал такой страницы указывает на основную начальную страницу каталога: например, на https://site.com/category?sort=ceny должен быть <link rel="canonical" href="https://site.com/category" />.

Оптимизация страниц фильтров интернет-магазина

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

Основные типы фильтров работают двумя способами:

1. Фильтрация с помощью Ajax.

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

2. Фильтрация GET-методом.

При таком типе фильтрации используется динамический адрес – для каждой страницы с выборкой товаров создаётся новый URL. Сортировка происходит с применением GET-параметров. Их присутствие легко определить по знаку вопроса в сгенерированном URL.

На этом типе фильтров остановимся подробнее. Основная задача, чтобы фильтр работал на благо оптимизации, для этого важно разобрать следующие моменты:

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

А) Сперва важно определить, какие страницы оставляем для индексации поисковиками.

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

Для начала определим обозначения, которые используем ниже:

• Фильтр – это, собственно, название фильтра, например: страна производитель, бренд размер, цвет.
• Значение фильтра – это значение в конкретно выбранном фильтре, например, американские обои.

Рассмотрим схему фильтров, открытых для индексации.

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

Схема 1. Один уровень доступности
(1-й фильтр – 1 значение)
Оставляем открытыми для индексации все фильтры с одним выбранным значением.
Если представить визуально, это будет выглядеть так:
Обои для стен – Бельгийские
В таком случае от индексации закрываем любые другие комбинации двух и более значений в одном фильтре.

Схема 2. Два уровня доступности
(1-й фильтр – 1 значение) + (2-й фильтр – 1 значение)
В этом случае для индексации, кроме предыдущего варианта, также открываем комбинации двух фильтров.
Визуально это будет так:
Обои для стен – Бельгийские + Бумажные
Любые другие комбинации трёх и более значений или двух и более фильтров мы закрываем от индексации.

Схема 3. Три уровня +
Данную схему применяют очень редко в больших товарных каталогах. В таком случае открывают к индексу 3-4 вариации фильтра с комбинациями значений.
(1-й фильтр – 2-3 значения) + (2-й фильтр – 1-3 значения) + (3-й фильтр – 1-3 значения)
Визуально представить можно так:
Обои для стен – Бельгийские и Американские + Бумажные и Виниловые

Каким же способом должны быть закрыты от индексации ненужные фильтры:

• Автоматическая установка тега на все страницы, которые соответствуют определённым условиям и не должны быть проиндексированы.
• Автоматическая установка тега https://site.com/url с указанием ссылки раздела, в котором работает фильтрация на все страницы, которые соответствуют определённым условиям и не должны быть проиндексированы.

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

Б) Требования к URL.

Как должны выглядеть URL-адреса фильтров и их комбинации.

Рассмотрим стандартные варианты:

• Объединение.

Отображение URL: /filter1-filter2
Пример URL: https//site.com/catalog/belgyiskie_oboi-bumajnie

• Последовательный вывод.

Отображение URL: /filter/filter2
Пример URL: https//site.com/catalog/belgyiskie-oboi/bumajnie-oboi

Оптимизация страниц пагинации

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

Пример формирования URL для пагинации:

• site.com/category/
• site.com/category/page-2/
• site.com/category/page-3/

При этом обратите внимание на следующий момент: со страниц site.com/category/page-2/, site.com/category/page-3/ и других при возвращении на первую ссылка может вести на site.com/category/page-1/ вместо site.com/category/. Страница site.com/category/page-1/ в таком случае будет дублем site.com/category/.
Необходимо убрать из ссылок на основную страницу элемент page-1, а также настроить 301 редирект со страниц с таким параметром на первую страницу категории.

Проверяем canonical страниц пагинации: поисковые системы рекомендуют настраивать каноничность на первую-основную страницу раздела. Например, на https://site.com/category/page-2/ должен быть <link rel="canonical" href="https://site.com/category/" />.

Генерируем уникальные метатеги (Title, Description, Keywords) для страниц пагинации на основе шаблона.
Например:
Title страниц пагинации: [Title основной страницы пагинации] – страница [N], где N – номер страницы пагинации.
Если на ваших категориях присутствуют тексты, надо удостовериться, что они есть только на первой (основной) странице.

Причины закрытия генерируемых страниц от индексации

Мы определили, какие страницы стоит оставлять открытыми к индексации для поисковых систем, так зачем же закрывать остальные? Такие страницы могут содержать либо очень мало товаров, либо дублировать товарное наполнение основных категорий. Их называют страницами низкого качества или попросту «мусорными». Попадая в индекс в большом количестве, мусорные страницы будут влиять на ранжирование всего сайта.

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

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

Настройка Robots.txt

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

• Файл должен быть доступен по адресу http://site.com/robots.txt.
• В robots.txt НЕ должны быть закрыты от индексации JS и CSS-файлы.

Обязательны к закрытию в файле robots.txt:

• страницы действий (добавление в корзину, сравнение товаров, перенос в список «Избранное»);
• служебные страницы и директории CMS-системы (/wp-admin, /bitrix, /login, /admin);
• версии страниц для печати;
• корзины с товарами;
• встроенный поиск на сайте;
• динамические страницы фильтра.

Часто при формировании файла допускаются следующие ошибки:

• Указывать значение User-Agent, будь то конкретный поисковый бот или все из них.
• Неверно указана директория Disallow.
• Закрываются от сканирования полезные для пользователя страницы.
• При существовании тестового домена разработчики забывают закрывать тестовую версию от индексации. Либо, наоборот, имея закрытый тестовый домен, программисты переносят его на живую версию вместе с файлом robots.txt, в котором указана директива о запрете сканирования сайта.

Рекомендации по оформлению файла robots.txt от Google и Яндекса.
Подробный гайд по настройкам директив robots.txt с примерами у нас в статье: https://siteclinic.ru/blog/technical-aspects/manual-po-nastroyke-robots-txt/.

Файл robots.txt можно проверить на валидность в инструментах веб-мастера любой из поисковых систем.

Для Яндекса: Панель для веб-мастеров – Инструменты – Анализ robots.txt.

Для Google: с помощью инструмента проверки файла robots.txt.

Проверка адаптивности мобильной вёрстки

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

1. Адаптивная вёрстка помогает без разработки отдельной мобильной версии выводить контент под параметры устройства посетителя:
   • Не нужна самостоятельная структура страниц для отображения на мобильных устройствах. Будет достаточно доработать десктопную версию сайта, используя CSS.
   • Для мобильной и ПК-версий используется одинаковый URL. Нет проблем с дублированием контента, страницы не конкурируют между собой. Проводимые работы влияют сразу на все адаптивные версии сайта.
2. Мобильная версия – более затратное решение, однако даёт некоторую независимость. Можно проводить отдельно работы и эксперименты с одной версией сайта, при этом не влияя на другую. Благодаря этому можно отметить такие преимущества:
   • Можно по максимуму ускорить загрузку мобильной версии сайта, просто убрав лишнюю функциональность на уровне кода.
   • Есть возможность работать отдельно с интерфейсом мобильной версии, добавляя фишки, которые будут полезны только пользователям смартфонов.
   • Свободное переключение между мобильной и десктопной версией по желанию пользователя.

Обратите внимание, что в любом случае контент, выдаваемый на ПК, должен соответствовать мобильной версии.

Проверяем XML-карту сайта

Sitemap обязательны для интернет-магазинов, они помогут новому сайту скорее попасть в индекс. Рекомендуется настроить автообновляемую карту, куда будут записываться все новодобавленные URL.

Требования к XML-карте сайта:

• Содержит адреса по актуальному протоколу (http и https).
• Содержит страницы, отвечающие только 200 ОК.
• Не содержит неканонические страницы.
• Не содержит страниц, которые владелец сайта закрыл от индексации (тегами noindex, метатегами noindex,заголовком http-ответа).

Убедитесь, что карты проходят валидацию и добавлены в инструменты GSC и Яндекс.Вебмастер. Подробное руководство по XML-карте сайта в нашей статье: https://siteclinic.ru/blog/technical-aspects/rukovodstvo-po-karte-saita-sitemap/.

Настройка 404 страницы

Если наполнение страницы ошибки 404 не продумано, вы можете терять пользователей. Ведь когда сервер на запрос пользователя выдаёт ответ «404 Not Found», и на экране не появляется ничего, кроме этой надписи, у посетителя может сложиться впечатление, что нужной информации на сайте нет или он вообще не работает.

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

Распространённая ошибка – доступность несуществующих страниц. Проверьте, есть ли у вас на сайте страница 404 ошибки. Пользователь никогда не должен попадать на страницу без информации. Адреса всех разделов должны работать корректно, а несуществующие – отдавать 404 ответ или перенаправлять на актуальный раздел.

Настройте правильную страницу 404 ошибки в магазине. Сделайте её информативной: поставьте ссылку на главную, предложите пользователю воспользоваться поиском по сайту. Рассказали, как правильно сформировать 404 страницу, в статье: https://siteclinic.ru/blog/technical-aspects/404-not-found-error/#h5.

Еще по теме:

• Как повысить CTR сайта в Google
Чем ближе к ТОПу, тем лучше CTR Работаем с Title и Description Используем призывы к действию Специальные предложения Используем эмодзи Используем микроразметку для сайта Хлебные...
• Как поступать со страницами сайта, которые быстро теряют свою актуальность?
Есть сайт с прогнозами погоды, и под каждую неделю у нас отдельная страница. Но, как только неделя меняется, информация перестает быть актуальной, соответственно, и трафик...
• Плохой и хороший ссылочный профиль. Изучаем фильтры Google за платные ссылки
12 февраля на конференции AllintopConf 2014 мы выступили с докладом о ссылочных санкциях Google. Рассказали о промежуточных результатах нашего исследования, посвященного этой теме, и поделились...
• Как правильно для SEO создавать страницы сайта, если услуги компании предоставляются в разных городах?
Я продаю услуги ремонта холодильников техники в Городе А и Городе В. Как правильно с точки зрения SEO создавать страницы под каждый город отдельно или...
• Как объединить семантику для одного товара с несколькими значениями ключевых слов на главной посадочной странице?
Планирую создать промосайт/интернет-магазин одного товара — около 10 страниц: главная посадочная и разделы — фото, видео, доставка, отзывы, гарантия, вопросы и т.д. Товар — яркий...