Создание интернет-магазина с учетом SEO

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

Рис. 1. Структура и приоритет контента отличаются для каждого типа устройства

Управление индексацией. Не забываем корректно настроить Robots.txt — отдавать поисковому роботу все, что ему полагается видеть, закрывать все остальное. К закрытию рекомендуются страницы личного кабинета, регистрации, авторизации, оформления заказа, корзины, с результатами поиска по товарам, по тегам, с результатами сравнения, фильтров (за исключением «умных фильтров», но об этом чуть позже) и т.п.

Также помним о создании файла Sitemap.xml, чтобы робот быстро и безошибочно обошел все множество страниц.

Далее, настраиваем сервер на выдачу корректных кодов HTTP-статусов, в частности 404 и 200ОК, а также настраиваем заголовок Last-Modified.

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

Выполнение данных рекомендаций будет способствовать правильной индексации страниц интернет-магазина.

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

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

А еще не забываем о зеркалах с www и без, динамических страницах с идентификаторами сессий и прочих страшных вещах.

Позаботиться о предотвращении появления дублей можно заранее:

• Во-первых, важно следить за правильностью настройки сервера. Оттуда идут многие проблемы с формированием URL и полными дублями (последний пример с расширениями и идентификаторами). Также нужно следить за работой CMS — как она формирует заголовки страниц и дескрипшн. При необходимости корректировать их вручную, делая уникальными для каждой страницы.
• Во-вторых, прописать определенные правила в файле .htaccess (подробности тут). Они позволят склеивать зеркала, а также полные дубли страниц с помощью 301 редиректа.
• В-третьих, при неизбежности появление неполных дублей, допустим, страниц пагинации, стоит указать каноническую — ту, что отдадите роботу (подробнее с методом ознакомьтесь в этой статье). С помощью атрибута rel="canonical" можно задать также карточку товара, которая должна участвовать в поисковом ранжировании. Подойдет в том случае, когда один товар существует на сайте в нескольких вариациях.
• В-четвертых, можно запретить дубли к индексации директивами в Robots.txt. О синтаксисе запрета можно найти информацию в справке Яндекса.

Все это важно делать заранее, пока сайт еще не познакомился с поисковым роботом.

Исключение пустых страниц. Типичная ситуация, когда на старте работы магазина ряд страниц не заполнен контентом. Они запланированы под определенные группы товаров, которых в данный момент нет в наличии. Не рекомендуется выкатывать сайт в таком состоянии — это негативно скажется на оценке контента поисковыми машинами. Лучше закрыть пустые страницы до востребования.

Оптимизация картинок. Используемые графические файлы также следует подготовить для правильной индексации. В последующем картинки могут высоко ранжироваться в вертикальном поиске (поиске по картинкам) и приводить заинтересованных покупателей в магазин.

Оптимизация картинок подразумевает работу в двух направлениях: подготовку самих файлов и правильное размещение их в коде сайта. Создайте качественные уникальные фотографии товаров с нескольких ракурсов (форматы PNG или JPEG). Назовите каждый кадр в соответствии с названием товара и присвойте ему номер. Например, «Пылесос Karcher RC-4000» и фото для него karcher-rc-4000_1.jpeg, karcher-rc-4000_2.jpeg и так далее. В HTML-коде пропишите атрибут alt и заголовок изображения title. Как это сделать, мы показали с примерами в нашем блоге.

Семантическая разметка карточек товаров. Рекомендуется внедрить на товарных страницах микроразметку Schema.org. Это позволит получить привлекательный сниппет в выдаче Яндекса и Google — в нем отобразится информация о товаре и цене. Инструкции по реализации разметки можно найти здесь.

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

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

Рис. 2. Примерная схема структуры интернет-магазина

Каталог разветвляется на категории, подкатегории, которые содержат множество карточек товаров. Для удобства поиска категории и подкатегории снабжены инструментами фильтров, сортировки. Основное меню структурируется сервисными разделами «О компании», «Доставка», «Оплата», «Новости», «Статьи», «Личный кабинет» и так далее.

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

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

Главная страница. С главной страницы нужно предусмотреть возможность перехода на все информационные разделы, функциональные страницы (корзина) и категории каталога.

Рис. 3. Доступ с главной страницы ко всем ключевым разделам

Рекомендации по структуре главной страницы:

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

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

Рис. 4. Пример оптимальной структуры корзины

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

Страницы категорий и подкатегорий. Требования к URL — статические. Функционально данные страницы требуют возможности создавать уровни вложенности. Предусмотреть место для заголовка H1, а также вводного текста (до и/или после листинга товаров).

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

Рис. 5. Пример пагинации на странице категории

Карточка товара. Стандартные требования — статический URL, возможность задавать заголовок H1 и описание на странице. В карточке товара необходимо учесть все требования юзабилити к данному типу страниц (кнопка CTA, цена, наличие, информация о доставке, селект, и др.). Рекомендуется внедрить систему тегов и линковать карточку товара со страницей списка товаров, объединенных данным условием. Например, тег «еврокнижка» будет вести на листинг всех диванов данного типа в ассортименте магазина.

Рис. 6. Пример тегирования в карточке товара

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

В действительности фильтры можно настроить так, чтобы URL принял вид ЧПУ и оставался статичным и релевантным поисковым запросам. Это так называемые «умные фильтры» (название введено компанией 1С-Битрикс), которые позволяют получить огромное число посадочных страниц под невероятно широкое ядро. Только подумайте, сколько параметров можно учесть для каждого товара и комбинировать их разными способами. Каждая такая страница фильтров — отличный способ привлекать трафик по целевым СЧ-запросам из поиска. Пример реализации можно посмотреть на этом сайте.

Рис. 7. Пример реализации ЧПУ при выставлении фильтров

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

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

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

Продающие виджеты. Наконец, не стоит забывать о возможности сбора email-адресов посетителей и раздачи персональных триггеров для мотивации к покупке. Для решения этой задачи реализованы интегрируемые кастомизируемые решения в виде умных pop-up окон. Например, сервис GetSale, возможности которого уже опробовали многие пользователи SeoPult. Установить код, настроить сценарий поведения и протестировать виджеты можно уже на финальной стадии готовности интернет-магазина.

Рис. 8. Пример продающего виджета, настроенного по сценарию