SEO-подход к разработке интернет-магазина: рекомендации по созданию сайта, готовому к продвижению
Узнайте, как максимально подготовить интернет-магазин к успешным продажам!
Такой формат сайта, как интернет-магазин, является одним из самых популярных и противоречивых одновременно. Противоречивость состоит в том, что в процессе его создания необходимо учесть множество нюансов для достижения поставленных целей, которые, в большинстве своем, у всех совпадают: обеспечение высокой посещаемости ресурса, рост позиций в поисковой системе и, соответственно, продаж.
Как показывает практика, результат создания интернет-магазина часто не радует своего владельца: уровень посетителей стремится к нулю, а о ТОПе не приходится даже и мечтать. Рецепт «приготовления» сайта, который хорошо продает, только один: SEO-подход и учет всех требований поисковой системы еще на этапе проектирования структуры ресурса.
Данная статья представляет собой план действий, который позволит вам максимально подготовить интернет-магазин к успешным продажам.
Осторожно, после внедрения этих рекомендаций к вам в интернет-магазин может прийти слишком много клиентов. Обеспечьте достойный товарный запас заранее!
Часть 1. Семантическое проектирование
Мало кто знает, но первое, с чего необходимо начинать работу над интернет-магазином – разработка структуры на основе семантического ядра. Да-да, словосочетание «семантическое ядро» встретится Вам еще не один раз, поскольку именно оно является основополагающим фактором успеха Вашего ресурса.
Что понимается под семантическим проектированием? Семантическое проектирование сайта – построение структуры будущего интернет-магазина на основе спроса пользователей сети Интернет. Почему это важно? Дело в том, что вебмастера часто забывают золотое правило обеспечения высоких продаж сайта: каждая страница должна иметь практическую ценность для потребителя не с точки зрения Вашего видения, а с точки зрения имеющегося спроса. Каждая страница должна удовлетворять конкретную потребность пользователя сети, и эти потребности Вам необходимо выяснить с самого начала.
Мы обещали Вам план действий, так уж и быть :)
Есть огромное количество инструментов для сбора семантического ядра как бесплатных, так и платных. Честно говоря, бесплатные сервисы не дают комплексной картины о спросе и, в большинстве своем, предлагают ограниченную информацию, из которой «каши не сваришь». Предлагаем Вам воспользоваться старым излюбленным способом: комплекс Три Я. Это комплекс трех инструментов поисковой системы Яндекс, доступный каждому:
- Яндекс.Вордстат https://wordstat.yandex.ru/;
- блок «Похожие запросы»;
- поисковые подсказки.
Первое, что Вы должны сделать: сформировать первичный перечень фраз, которые определяют специфику Вашей сферы деятельности. Предположим, Вы занимаетесь продажей детской одежды. Выделяете товарные группы, которые планируете продавать, например:
- детское платье;
- детская футболка.
Обратите внимание, что необходимо учесть все возможные словоформы. Исходя из наших трех групп, это могут быть следующие варианты:
- платья для девочек;
- платья для детей;
- платья для малышей;
- платье малышковое;
- платье для ребенка;
- футболка для девочки;
- футболка для детей;
- футболка для мальчика;
- футболка для малышей;
- футболка малышковая;
- футболка для ребенка.
Поочередно вбиваем каждую фразу в Яндекс.Вордстат и смотрим, содержится ли что-то интересное в правой колонке сервиса. Именно правая колонка демонстрирует, что еще искали пользователя в сети, вбивая какой-либо из вышеназванных запросов. Очень помогает расширить видение ситуации.
После того, как вы подобрали все возможные варианты названий товарных групп, начинаем непосредственно сбор семантического ядра. Снова вбиваем каждую полученную фразу в Яндекс.Вордстат и собираем все поисковые запросы из левой колонки в единую таблицу.
Советуем: Расширение для браузеров Google Chrome, Яндекс.Браузер и Opera Yandex Wordstat Assistant позволит вам заметно облегчить сбор ядра.
Параллельно внимательно просмотрите, какие поисковые фразы содержатся в блоке «Похожие запросы» и поисковые подсказки. Блок похожие запросы находится в нижней части экрана поисковой выдачи:
А поисковые подсказки вы можете найти, вбив фразу в поисковую строку и посмотрев, какие варианты предлагает система:
Вся полученная информация будет основой для дальнейшего семантического проектирования.
Полученную семантику необходимо тщательно и грамотно отсортировать и сгруппировать. Посмотреть, что интересует пользователя. Говоря о нашем примере, это возраст девочки, особенности использования платья, также это могут быть те или иные ткани, цвета, длина рукава, орнамент.
Все, что вы обнаружите в процессе сортировки семантики должно лечь в основу создания интернет-магазина. Реализовать подобные страницы можно различными способами, как вариант – с помощью страниц-фильтров. После того, как по всем товарным группам информация собрана, отсортирована и сгруппирована, можете смело разрабатывать структуру сайта, которая будет выглядеть следующим образом:
Данная структура сайта будет разработана исключительно с учетом спроса, не будет никаких лишних и не представляющих ценности страниц. Будет только то, что нужно и важно пользователю, то, что пользователь ищет и, соответственно, покупает.
Главное – не забывайте прописывать на данных страницах мета-теги, заголовки, тексты и атрибуты картинок под семантическое ядро, иначе все вышесказанное не будет иметь никакого смысла. Действительно, как поисковая система поймет, что та или иная страница отвечает запросам пользователя? Напоминаем 6 элементов, которые обязательно нужно заполнять на странице для ее успешного продвижения:
а) Мета-тег <Title> (максимальное воздействие).
б) Мета-тег <Description> (среднее воздействие).
в) Мета-тег <Keywords> (крайне небольшое воздействие, почти не учитывается).
г) Тег <h1> (сильное воздействие) + теги <h2>, <h3>.
д) Текст на странице (количество символов, плотность ключевых фраз и т.д.) (сильное воздействие).
е) Атрибуты -alt, -title у изображений (небольшое воздействие).
Не забываем включать в данные элементы коммерческие слова-маркеры (+город/регион при необходимости).
Коммерческие слова-маркеры – те слова, которые определяют возможность совершения транзакции: купить; недорого; на заказ; заказать; цены; доставка и т.д.
Важно: в начале работы многие страницы не заполнены контентом по тем или иным причинам. Возможно, они запланированы под определенные товарные группы, но в данный момент эти товары не в наличии. Не рекомендуется открывать сайт в таком состоянии. Поисковые системы не любят пустые страницы и мгновенно удаляют их из своей базы как некачественные.
Часть 2. Технические особенности
Зло дублирования
Итак, когда структура составлена, а вебмастера приступили к ее внедрению, самое время проработать техническую составляющую интернет-магазина, которая может оказать влияние на дальнейшее продвижение.
Самое страшное для интернет-магазина после неоптимизированных страниц – дубли. Именно это явление медленно убивает ресурс, если вовремя не предпринять меры.
Предлагаю начать с описания того, чем опасны дубли страниц.
1) Индексация сайта заметно ухудшается.
2) Релевантная страницы в поисковой выдаче изменяется на некорректную.
3) Потеря внешнего ссылочного веса.
Довольно сложно заранее предугадать источник дублирования страниц сайта. Обычно специалисты узнают об этом, посетив сервис Яндекс.Вебмастер и обратившись к разделу «Исключенные страницы». Дубли страниц могут возникнуть по разным, не зависящим от вас причинам, например, из-за особенностей готового решения (шаблона сайта), но есть все же то, что можно предотвратить. Часто дублирование происходит из-за наличия на сайте фильтрованных страниц и страниц-сортировки. Что с этим делать?
Закрываем все страницы с параметром в файле robots.txt под директивой Disallow, и позволяем поисковому боту индексировать продвигаемые нами страницы фильтров и сортировки, размещая их под директивой Allow. Как это сделать, можно посмотреть в руководстве Яндекс по созданию файла Robots.txt.
Особое внимание следует уделить дублированию контента, когда одна и та же страница доступна по адресу с www и без, с index.php и без, с index.html и без. Важно настраивать 301-редирект с таких страниц на основную версию сайта, иначе существует риск того, что в индексе поисковой системы окажется нежелательная версия.
Итак, ниже приведем комплекс действий, который позволит минимизировать риски дублирования контента:
1) Необходимо следить за работой CMS, поскольку, в большинстве своем, она формирует заголовки страниц и описания однотипно (не уникально). Важно уникализировать хотя бы Title и Description для каждой страницы.
2) Для борьбы с дублями формата «www, index.php, index.html» следует прописать в файле .htaccess 301-редирект.
3) Решить проблему со страницами фильтров, поиска, пагинации и сортировки можно с помощью атрибута rel=«canonical», прописав его на всех повторяющихся страницах и указав в качестве канонической основную страницу.
4) Не забываем про robots.txt, о котором уже было сказано выше.
Адаптивная версия сайта
Целью адаптивного дизайна является универсальность отображения содержимого веб-сайта для различных устройств. Для того чтобы ресурс удобно просматривался на экранах устройств различного формата благодаря технологии адаптивного дизайна больше не нужно создавать отдельные версии сайта.
Если у Яндекса пока что нет инструментов для оценки адаптивности интернет-магазина, то Google уделяет этому гораздо большее внимание. Но стоит отметить, что Яндекс также реагирует на отсутствие адаптивности (только косвенно) – через анализ поведенческих факторов. Не так давно Google заявил, что сайты с адаптивным дизайном имеют существенное преимущество в мобильной версии поисковой выдачи. Существует огромное количество инструментов, которые позволяют проверить сайт на наличие адаптивной верстки. Вы можете сделать это, например, здесь: https://search.google.com/test/mobile-friendly.
Микроразметка
Если мы говорим об интернет-магазине, ключевое значение здесь имеет следующая информация:
- товар;
- цена;
- доставка.
Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска. Перед раскрытием вопроса уточним, что такое «сниппет». Сниппет – это блок с информацией, который содержит краткое описание страницы сайта, находящейся в ТОПе поисковой системы.
Посмотрим, как выглядит сниппет без семантической разметки:
И с семантической разметкой:
Информация о том, как внедрить подобное отображение информации о товаре, содержится в руководстве Яндекс по адресу: https://yandex.ru/support/webmaster/schema-org/.
На наш взгляд, гораздо более интересен следующий формат сниппета:
Такой вывод информации представляет собой внедренный блок «Товары и цены» с помощью инструмента Яндекс.Вебмастер. Принцип работы с инструментом крайне прост: для того чтобы добавить в описания страниц стоимость товара и условия доставки, необходимо подготовить данные о предлагаемых товарах в специальном формате YML, заполнить форму и указать адрес YML-файла непосредственно в панели Яндекс.Вебмастера. Там же вам предложат небольшую анкету, в которую вы должны внести информацию о своем юридическом лице. Пару-тройку отклонений заявки и готово :)
Оптимизация фильтрованных страниц
Фильтрованные страницы являются особенными с точки зрения продвижения. Их особенность состоит в том, что их URL может пребывать в двух состояниях. Нет, не в жидком и газообразном :) А в динамическом и статическом. В первом случае, адрес фильтрованной страницы представляет собой хаотичный набор параметров. Во втором – ЧПУ (человекопонятный URL). Бытует мнение, что продвигать можно только статические страницы. На самом деле, уже давно можно продвигать и динамические страницы с помощью специальных модулей (надстроек). Для каждой CMS существуют свои версии таких модулей, поэтому приводить в пример конкретные не имеет смысла. Именно такие модули позволяют управлять мета-тегами, заголовками и текстами фильтрованных страниц. Ну не чудо ли?
404-ошибка
Казалось бы, 404-ошибка, ну и что? Прежде чем описать коварство данной ошибки, рассмотрим причины, из-за которых такая ошибка может появиться:
- изменение адреса страницы;
- ошибка при написании URL;
- удаление страницы.
Теперь о коварстве. Многие ошибаются, полностью доверяя сообщению на странице сайта о том, что такой страницы не существует. Но этого бывает недостаточно, такая страница может отдавать код ответа сервера – 200 ОК и данная страница будет индексироваться. Вам необходимо на 100% убедиться, какой именно ответ отдает сервер при запросе неверного адреса страниц.:
Большинство специалистов используют страницу с 404-ошибкой с выгодой для себя. Как минимум, такая страница должна содержать ссылку на главную. В идеале – это замечательный коммуникационный канал с посетителем вашего сайта. Разместите на таких страницах юмористическую картинку со смешным текстом. :
Вкупе с возможность вернуться на главную страницу это даст замечательный результат: улучшение поведенческих факторов и снижение величины отказов.
Скорость загрузки
В 2010 году Google совершил маленькую революцию в поисковых алгоритмах, объявив, что теперь скорость веб-сайта будет оказывать влияние на распределение результатов поиска. Иными словами, скорость – фактор ранжирования. Скорость загрузки страниц должна составлять не более 3 секунд. Вебмастерами используется сервис проверки скорость загрузки:
https://pagespeed.web.dev/
Проверьте свой ресурс. Помните: для ПК нужно получать 85 из 100 баллов.
Доменное имя
Не менее коварная вещь, чем 404-ошибка. Не стоит выкупать старые домены, без 100% уверенности, что у домена в прошлом не было проблем и санкций со стороны поисковых систем. Если санкций было достаточное количество, то уже никакие действия по продвижению не помогут. Поисковые системы вне зависимости от качества сайта, будут крайне плохо относиться к данному доменному имени.
Протокол https и переезд на новый домен
Все бы ничего, если бы не так давно Google не заявил, что отдает предпочтение в ранжировании сайтам с https. Для интернет-магазина это приобретает особую важность. Протокол https нужно делать только для сайтов с большим количеством авторизаций или платёжных транзакций. Если сайт не содержит никакой авторизации и на сайте не происходит платёжные транзакции, то на https переходить не нужно. Поскольку интернет-магазин – сайт с большим количеством транзакций, переход на защищенный протокол необходим.
Если осознание необходимости защищенного соединения пришло к вам с опозданием, не расстраивайтесь: вас ждет увлекательное приключение в мир переезда сайта.
Это довольно нервная процедура, которую надо неустанно контролировать, иначе вы получите нежелательный результат. Ниже мы приведем правильную последовательность действий при переезде сайта:
- В robots.txt для обоих сайтов (и старого, и нового) прописать Host с адресом нового сайта.
- Добавить новый сайт в Яндекс.Вебмастер, подтвердить права.
- Добавить новый сайт в Гугл Вебмастер, подтвердить права.
- В настройках «Индексирование» Яндекс.Вебмастера для старого сайта выбрать «Переезд сайта». Указать новый адрес. Ждать склейки. Когда Яндекс склеит домены, в Вебмастере они будут высвечиваться как бы в одной строчке.
- В настройках Гугл Вебмастера для старого сайта выбрать «Изменение адреса». Указать новый адрес и также ждать склейки.
Долго ждать.
И только после склейки можно ставить 301-редиректы. По возможности надо сделать редирект для каждой страницы старого сайта на соответствующую страницу нового сайта.
Динамическая подгрузка контента
Подгружать тексты и картинки на лету кажется хорошим решением — ускоряется загрузка первой части страницы, снижается нагрузка на хостинг и клиентское устройство. С точки зрения SEO это катастрофа: поисковый робот просто не видит такой динамический контент и ваш сайт не индексируется по нужному запросу. Лучше вообще не делать динамического контента, а решать задачу как-то иначе. Если вам остро необходима динамика, делаются статические HTML-слепки.
Теперь для того, чтобы указать поисковому боту на то, что AJAX-страница имеет статический «html-слепок», достаточно добавить в URL восклицательный знак http://www.example.com/#!stranica – модифицированный формат «ссылки» на AJAX-страницу.
Единственным условием является то, что «html-слепок» страницы должен быть доступен для поискового бота по URL-адресу, где #!, заменен на ?_escaped_fragment_=. В таком случае как только робот встретит в URL-адресе #!, он запросит у сервера «html-слепок» страницы, который сможет проиндексировать. В то же время пользователю будет показана AJAX-страница.
Чтобы сообщить роботу о HTML-версии главной страницы, в код страницы следует включить мета-тег <meta name="fragment" content="!">.
Этот мета-тег можно использовать на любой AJAX-странице. Например, если страница доступна по адресу www.example.com/blog и содержит мета-тег <meta name="fragment" content="!">, то робот проиндексирует HTML-версию страницы по адресу www.example.com/blog?_escaped_fragment_= .
В HTML-версии документа мета-тег размещать не следует: в этом случае страница не будет проиндексирована.
Куда утекает вес?
Если на вашем сайте по каким-то причинам присутствует большое количество ссылок на другие ресурсы, советуем закрывать их атрибутом nofollow. Значение nofollow запрещает поисковой системе переходить по ссылкам на данной странице или по конкретной ссылке. Данный атрибут используется:
- чтобы запретить передачу веса по ссылке на сайт с плохой репутацией у поисковиков;
- для уменьшения общего количества исходящих ссылок со страницы;
- когда нежелательно передавать вес на внешние сайты;
- чтобы закрыть ссылки в комментариях, когда это не нужно.
На этом все! Надеемся, что наш рецепт «приготовления» сайта, который хорошо продает, поможет вам полюбить кухню SEO и использовать ее для достижения успеха вашей онлайн-площадки. Успехов!
Ждем Ваши вопросы на seo@34web.ru.
- Комментарии