Создание интернет-магазина с учетом 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 и описание на странице. В карточке товара необходимо учесть все