Как создать интернет-магазин с нуля:SEOquick

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

Все верно.

Интернет-магазины — это сайты, которые представляют собой простой и понятный каталог товаров или услуг, где Вы можете сформировать свой запрос, добавив не одну, а несколько товаров и услуг в заявке.

Но есть всего одна ошибка, которую делают 60% интернет-магазинов в Рунете!

Откуда эта цифра?

Я сделал статистику по выборке всех клиентов за все время работы)

Именно она отделяет их от успешной попытки занять заветный ТОП по трафику и собирать клиентов по низкочастотным запросам.

И это сможет сделать Ваш программист, а не SEO-специалист.

А что именно? Об этом — в статье!

Популярны ли интернет-магазины?

Почему мы покупаем онлайн?

С каждым годом интернет-вовлеченное население растет: сегодня уже 74% населения используют интернет для совершения покупок.

При этом (по статистике в США) 81% ищут товары онлайн, 66% их покупают онлайн, а 26% скупают товары на онлайн-аукционах.

Поколение миллениалов совершают 67% покупок онлайн, и лишь 33% в обычных магазинах (да, пока еще пенсионеры не покупают товары онлайн массово — всего 28%).

Как итог — интернет-магазины становятся популярнее с каждым годом.

В США объемы розничной онлайн-торговли начали расти по линейной зависимости.

Ожидается увеличение оборота в 2020 году до 1,5-кратного прироста, по сравнению с 2018!

В Украине тенденция прослеживается та же:

Я работал ранее в трех интернет-магазинах: оптовом магазине по продаже химического сырья, интернет-магазине мобильных аксессуаров (правда, в отделе оффлайн-розницы) и, собственно, интернет-магазине Анатолия Улитовского (об этом Анатолий рассказывал в своей статье о заработке в интернете).

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

Заказчиков мы тогда находили на фрилансе: это были начинающие бизнесмены, которые сделали свои интернет-магазины на коленке или при помощи других фрилансеров.

На это было больно смотреть.

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

Посмотрите наше видео о том, как создать сайт с нуля.

Основные элементы Вашего сайта

В этой главе мы пройдемся по шапке сайта, подвалу, его структуре.

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

Все сайты интернет-магазинов имеют схожие элементы с другими сайтами — это шапка и подвал.

Эти элементы есть НА КАЖДОЙ странице, и информация, представленная там, должна помогать пользователю.

Шапка сайта

Шапка сайта — это верхняя повторяющаяся часть сайта на всех страницах, обычно содержащая логотип и контакты.

Например, шапка интернет-магазина Розетки:

Все замечали, что шапки и подвалы сайтов у интернет-магазинов в ТОП выдаче имеют одинаковые черты.

Некоторые элементы могут отличаться местоположением, но мы проанализировали сотни сайтов в ТОПе и пришли к определенным выводам.

Шапка сайта должна содержать следующие элементы:

Логотип сайта и его слоган

Должны быть кликабельны и вести на главную.

Размер логотипа не должен быть огромным.

Уделяйте внимание ALT тегу — это должно быть название компании.

Телефоны

Должны быть кликабельны (с мобильных устройств обязательно).

Рекомендуется оставлять не более 2-3 телефонов.

Вы можете сделать чередование номеров, в зависимости от сессии (для аналитики посещения по звонку — выводить данные ID звонка в колл-трекинге).

Список желаний

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

Список желаний (как правило):

• Хранит информацию об отмеченных товарах.
• Сама страница “Списка Желаний” скрыта от индексации.
• При попытке “сохранить товар” система может предлагать регистрацию.

Механизм простой: пользователь может нажать на “лайк” (обычно рисуют как сердечко) на любой товар — и он “сохранится” в специальном разделе “Списка Желаний”.

Список желаний может даже работать для незарегистрированного пользователя — по Cookie.

Но сейчас массово внедряется упрощенная регистрация. Об этом ниже.

Раздел регистрации / входа

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

Сейчас массово внедряются методы упрощенной регистрации:

• Регистрация через соцсети. Пользователь регистрируется, входя через Facebook или Google. На почту приходит письмо подтверждение и временный пароль. При попытке что-либо заказать, система лишь спросит у Вас адрес доставки и условие оплаты — остальные данные у него уже есть.
• Регистрация по телефону. Вы можете, оформляя заказ, дать клиенту лишь номер телефона, и если этот номер в базе новый, на него регистрируется новый аккаунт и присылается в SMS временный пароль. Все необходимые данные (адрес доставки, рекомендуемый способ оплаты) — присваиваются по истории первого заказа.

Зачем это нужно?

1. Регистрация по Email — длительная процедура, и часто потенциальные клиенты бросают ее на полпути.
2. Наличие большого количества форм отрицательно влияет на воронку успешно зарегистрированных пользователей. Чем меньше форм — тем лучше.
3. Вам, по факту, нужно знать Имя, Email и Телефон клиента, чтобы выяснить все остальные данные.
4. Клиенты раздражаются, если они вынуждены заполнять одни и те же данные повторно.

Кнопка “Корзины” в шапке

Куда без нее.

Кнопка корзины должна вести на страницу первого шага оформления заказа.

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

Поисковая строка

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

Условно говоря, по отношению к поиску выдвигаются такие требования:

• Поиск работает по всему сайту — ищет все страницы товаров, разделов категорий.
• Поиск может искать по внутренним кодам товаров. У каждого товара есть свой ID код — и ввод этого кода помогает перейти сразу на нужный товар.
• В поисковой выдаче могут выводиться в превью первые 3-4 результата поиска. Превью кликабельны и позволяют сразу перейти на нужный результат.
• Поиск поддерживает синонимы — чтобы ошибки ввода расценивались как правильный запрос. Для этого в админке реализуйте анализ поисковых запросов и сервис замены синонимов (чтобы вводы в стиле айфон, ifone, айфоне, iphon — расценивались как iPhone).
• URL результата поиска формируется из запроса (например, /search/?text=keyword1+keyword2)
• Страницы результатов поиска закрыты от индексации (тегом NOINDEX).

Другие модули — опциональны.

Модуль выбора города

Если у Вас в магазине наличие меняется в зависимости от города (или грузится вообще другая версия сайта) — мы рекомендуем установить этот модуль.

Модуль переключения языка

Если Вы работаете на мультиязычном рынке, модуль поможет быстро переключиться с языка на язык.

Учтите, что для разных языковых версий сайта нужно:

• Реализовать сайт в разных папках — разместить страницы в подпапки под каждый язык.
• Прописать теги HREFLANG и ALTERNATE.

Ссылка на адреса магазинов

Используется чисто для удобства.

Если у Вас огромное количество филиалов, сделайте ссылку на страницу представительств.

Сервис сравнения товаров

Это — лишь юзабилити.

Но очень помогает в диалоге с клиентом.

Страница сравнения закрывается от индексации.

Например, на скриншоте можно увидеть, как происходит сравнение товаров из одной категории:

Как это сделать?

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

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

Подвал сайта

Подвал сайта — это нижняя часть сайта (которая также повторяется на всех страницах) и содержит адреса, полезные ссылки и информацию о компании.

Например, подвал интернет-магазина “Двери Белоруссии”:

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

Блок подписки на соцсети и e-mail

Блок подписки позволяет собрать заинтересованную аудиторию в Ваш бизнес.

Вы сейчас скажете, мол, никто не подписывается на эти формы.

Так вот, я Вас удивлю.

Если у Вашего магазина есть постоянный трафик 200-300 посетителей в день, стабильно 1-2 человека подписывались или через e-mail, или через соцсети, с кнопок.

Как это сделать?

• Мотивируйте при помощи акций и розыгрышей. Проводите акции на сайте, а условия рассылайте через Email или в соцсетях. Об акциях и розыгрышах сообщайте в своих новостях в соцсетях и в ленте новостей сайта.
• Продумайте механику акций так, чтобы о ней могли узнать только подписчики (например, рассылка одноразовых промокодов).
• Сделайте форму подписки максимально простой.
• Используйте для подписки только те соцсети, которыми Вы активно занимаетесь.

Блок полезных ссылок

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

Так эти страницы точно не внедряют в каталог товаров.

Что это все же за блоки?

Как Вы видите на скриншоте, большая часть ссылок обведена в красный квадрат — эти ссылки на внутренние страницы ЗАКРЫТЫ от индексации (как и сами страницы).

В то же время раздел каталога (который содержит ВЧ группы верхнего уровня) — отмечен ОТКРЫТЫМИ ссылками.

В блоке Каталога не прописывайте всю иерархию.

Только пропишите разделы верхнего уровня — это необходимо для внутренней перелинковки: Ваша главная страница должна отдавать основные ссылки только на верхний уровень каталога сайта.

Гид покупателя

В блоке ГИД ПОКУПАТЕЛЯ используйте такие ссылки на страницы:

• Как купить — опишите “для чайников” механику добавления заказа в корзину, регистрации на сайте и способы осуществления заказа.
• Онлайн оплата — опишите, как Вы принимаете оплату онлайн (через карту, через форму покупки, прямым переводом на онлайн кошельки)
• Услуги по установке (замеру / монтажу) — пропишите детально оказываемые дополнительные услуги, которые происходят одновременно с покупкой товара или услуги.
• Доставка и оплата — выделите условия доставки и способов оплаты. Пропишите сервисы, которыми осуществляется доставка.
• Акции — эта страница может быть одна, так и содержать каталог акций. Акции должны иметь четко прописанную механику, срок действия и условия участия. Рекомендуем УТП акции изложить в начале документа, а детальные условия прописать в развернутом модуле или на отдельной страничке.
• Подарочные сертификаты — другой вариант страниц акций — где можно купить товар “Подарочный сертификат”. Внедряйте такой на сайтах, где часто люди могут покупать товар в подарок.
• Гарантия — опишите четко условия оказываемой гарантии на поставляемые товары и услуги. Пропишите механику взаимодействия по гарантийному обслуживанию.
• Сертификация производителей — если Вы продаете любую продукцию, создайте эту страницу с ссылками на документацию сертификации продаваемых товаров. Необходимые документы запросите у поставщиков и дилеров. А если производитель — вы, озаботьтесь о сертификации своей продукции.
• FAQ / Часто задаваемые вопросы / Гид покупателя — опишите механику выбора товара на Вашем сайте. Здесь может быть страница с ссылкой на обзоры в блоге с простой навигацией или с разворачивающимися ответами.
• Кредит / Рассрочка / Ипотека — пропишите условия кредитования в Вашем интернет-магазине (собственные, банков-партнеров или других финучреждений). Если у Вас нет кредита, так и опишите с рекомендацией, как получить кредит на покупку Ваших товаров.
• Сервисные центры — эта страничка должна быть связана с разделом гарантии по логике (и ссылками). Пропишите все адреса Ваших СЦ, телефоны поддержки. Можно реализовать через функционал выбора типа продукции и города и вывода результатов авторизованных сервис-центров по Вашей продукции.
• Возврат товара — обязательно пропишите механику возврата товара и получения средств. Написанный текст должен четко соответствовать действующему законодательству той страны, где Вы работаете.

Служебные страницы сайта

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

Многие страницы достаточно шаблонны и содержат одинаковый контент.

Используйте ссылки следующего назначения:

Условия использования сайта — то самое EULA (End User Licence Agreement) пропишите юридические моменты относительно авторства контента и возможности использования контента Вашего сайта в своих целях (и юридическую ответственность).

Это может касаться описаний товаров, фотографий товаров и авторства статей и видеообзоров.

Страница закрывается от индексации.

Политика конфиденциальности — обязательная страница для интернет-магазина.

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

Необходима для настроек Email-рассылок и включения сайты в трастовые каталоги.

Контент обычно закрывается от индексации.

О нас — страничка может быть разбита на несколько.

Говорит про компанию, о ее истории, составе, возможностях (филиалы, производственные мощности, команда).

Может быть также выделена страница Бренды, где каждому бренду выделена отдельная страница с его описанием и историей.

Контент не закрывается от индексации.

Контакты — обязательная страница, где присутствуют следующие элементы:

• Адреса и телефоны главного офиса.
• Адреса филиалов (если их много — можно сделать отдельной ссылкой).
• Форма обратной связи — позволяет отправить вопрос Администрации магазина. Есть возможность выбрать тематику сообщения.

Страничка не закрывается от индексации.

Сотрудничество — эта страничка может быть разбита на несколько:

• Рекламным агентствам — специальный раздел, куда рекламщики могут зайти и отправить свое коммерческое предложение на нужный адрес (не спамя на адреса продаж). Обычно реализуется простая форма обратной связи или почтовый адрес для таких рассылок.
• Дилерам — специальный раздел для оптовиков, которые предлагают свои прайсы. Там обычно находится почта и телефон менеджера по закупкам.
• Партнерам — если Вам наоборот нужно расширить свою сеть (франшизу) по большему количеству географических точек, пропишите условия сотрудничества и выгодность работать с Вам и на этой странице

Вакансии — с недавних пор, полезный раздел.

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

Прописывайте актуальные вакансии, условия труда и почему Ваша команда — самая лучшая.

Блок информации о компании в подвале содержит следующие данные:

• Дата появления бренда.
• Обязательное юридическое название компании и пометка, что является юридическим названием и что — торговая марка. Если у Вас бизнес ИП — здесь прописываете свой ИП. Торговую марку лучше зарегистрируйте сразу.
• График работы интернет магазина — пропишите время работы обработки заказов.
• Для удобства укажите работу филиала точки выдачи (если он у Вас один) или сделайте тут ссылку на График работы филиалов.

Интернет-магазины достаточно громоздки.

И на разных мобильных устройствах работать с ними весьма затруднительно, а на планшетах не всегда удобно.

Если мобильная версия слишком крупная, то десктопная слишком мелкая.

Для решения этой проблемы обычно делают следующее:

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

Если у Вас есть мобильные приложения и специальная мобильная версия — укажите ссылки на них.

Вы хотите получать бесплатный трафик?

Вас интересует продвижение своего сайта?

Заполните форму ниже и я лично свяжусь с Вами и мы обсудим план по раскрутке вашего бизнеса!

Каталог интернет-магазина

У интернет-магазина есть одна особенность: все его страницы являются страницами одного и того же типа — это страницы каталога.

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

Самое интересное — это именно каталог.

Его разработка сводится к проведению исследования в двух направлениях:

• Сбору семантического ядра для каталога.
• Изучению конкурентов.
• Структурированию с точки зрения юзабилити.

Каталог условно представлен в виде меню (1) и самой страницы каталога (2):

Меню каталога

По поводу меню каталога сколько интернет-магазинов — столько и мнений.

Некоторые интернет-магазины реализуют каталоги в виде разворачивающихся многоуровневых меню.

Выбор формата меню — задача дизайнера магазина и его руководителя: все упирается с одной стороны в Ваш ассортимент, с другой — в экономию места на странице.

Например, в этом меню каждый уровень выводит свои подуровни на большой рубрикатор.

Основная кнопка КАТАЛОГА товаров при этом занимает мало места.

Иногда магазины на главной странице закрепляют в развернутом виде каталог.

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

Третий вариант меню пригодится, если у Вас немного рубрик товаров: тогда материнские рубрики отображаются всегда, а при наведении — выводятся подрубрики.

Иногда сочетаются второй и третий варианты, когда материнские рубрики прописаны статично и являются “нарисованными кнопками”.

Но при этом существует и классический каталог, который есть на всех страницах:

Иногда меню может быть несколько.

Например, в этом магазине одежды есть меню классическое:

А также и меню по размерам:

Какие использовать меню?

Тут мы рекомендуем обратить внимание на несколько моментов:

• Конкуренты в Вашей отрасли. Обычно может оказаться, что в отрасли уже есть сильные конкуренты — тогда просто изучите их функционал и скопируйте его в лучших традициях. Помните, что построить магазин дорого, а создать его в интернете куда дешевле. Изучайте только тех, кто точно в ТОПе и отбирают Ваших клиентов.
• Конкуренты не в Вашем регионе. Может оказаться, что у Вас в регионе нет конкурентов, и Вы и так в ТОПе. Что же, я за Вас рад. Но есть конкуренты в более крупных городах и даже в других странах. Изучайте их опыт. Но помните: не все можно “красть” у “западных партнеров”. Иногда менталитет может сильно отличаться, и некоторые идеи нужно проверять на практике.

Страница каталога

Все знают, что удвоить трафик — гораздо дороже, чем удвоить конверсии.

Но многие задаются вопросом, как же собрать НЧ и СЧ трафик на интернет-магазин?

Начнем, в первую очередь, с самого важного (но не всегда очевидного) — со страницы каталога.

Эта страница — самая важная для SEO-продвижения Вашего магазина.

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

Никаких SEO-текстов

Забавно, но структурно все страницы каталога выглядят одинаково (для поисковика):

1. Меню фильтров остается статичным.
2. Блок с выдачей товаров постоянно меняется и в индексации не участвует.
3. Текстов под каждый фильтр внизу в интернет-магазинах никто не пишет.

Так, стоп. Тут Вы зададите вопрос.

Как же тогда поисковик определяет, какая страница соответствует какому запросу? Для этого же и делаю SEO-тексты?

Вы часто можете услышать от сеошников: “Нужно писать текст для каждого каталога”.

Это обман и бесполезная трата Ваших денег.

Ни один крупный магазин этого не делает.

А мелкие, если и делают, то исключительно веря в старые алгоритмы, которые уже давно не работают.

Если Вы проанализируете ТОПы в крупных городах, то наверняка обратите внимание на отсутствие бесполезных палитр текста, а иногда он просто скрыт.

Подробнее об алгоритмах SEO можете посмотреть наше видео.

Фильтры каталога

Реализуется огромное количество страниц, заточенных под НЧ и СЧ запросы в каталоге при помощи Фильтров.

Да, тех самых фильтров, которые отображаются обычно сбоку:

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

Вторая особенность каталога — это статичность ссылок фильтров.

Зачем это нужно?

Многие владельцы сайтов на это не обращают внимания, их ссылки в фильтрах выглядят так:

Что тут плохого?

А все просто:

1. Страницы фильтров формируются просто по запросу (оператор ? — означает GET Запрос — и ссылка, которая генерируется, по факту является поисковым оператором внутри сайта и может быть рандомным).
2. Заголовки и H1 таких страниц вообще не изменяются.
3. Поисковик не индексирует эти страницы.

Как итог — в поисковик не попадают страницы (например, по запросу Автомасла Mobil) и Вы не получите трафик по этому запросу.

Некоторые магазины воспринимают задачу чересчур буквально:

И делают многоуровневую иерархию каталога, согласно криво собранному семантическому ядру.

Просто собрать семантику — это одно (Анатолий Улитовский делал обзор о 9 способах сбора ключевых слов, Вы поймете, что это — самая простая задача).

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

Как же нужно реализовать фильтры?

Я составил пошаговое техническое задание для SEO-специалиста и программиста, как при помощи простых и понятных трюков создать огромное количество страниц, заточенных под низкочастотные запросы и получать трафик с органики абсолютно без усилий!

Для получения инструкции — отправьте заявку и я вышлю ее Вам по е-mail!

ПОЛУЧИТЬ ИНСТРУКЦИЮ

X

Укажите Ваш e-mail и мы вышлем Вам
Инструкцию как создать SEO фильтры для интернет-магазина:

Спасибо за Ваше сообщение. Проверьте Ваш Email.

 

Карточки товаров в каталоге

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

Это сходно с прогулкой по магазину.

И очень вероятно, что такая “витрина” Вас  заинтересует меньше.

А вот такая витрина — привлечет Ваше внимание.

Почему так?

Мы приходим в интернет-магазин за товарами.

В товарах нас часто интересует несколько составляющих:

1. Наличие. Наверное, даже чаще, чем обычно. Мы готовы купить здесь и сейчас чаще, чем в более дешевых магазинах, где товара нет. Поэтому товары в наличии должны занимать ТОП выдачи. Если товара на Вашем складе остается мало, можете реализовать метку “ТОВАР ЗАКАНЧИВАЕТСЯ” (для продуктов, которых осталось 1-2), чтобы подтолкнуть клиента к покупке.
2. Цена. Мы должны видеть цену. Это не значит, что дешевые товары должны выводиться первыми, нет. Но цена выводиться должна.
3. Акции и скидки. Если Ваша цена ниже рыночной по причине акций, это рекомендуется отобразить еще сразу на карточке.
4. Популярность. Здесь нужно отметить Топы Ваших продаж при помощи специальных маркеров. Старайтесь, чтобы в рубрике выводился только один ТОП продаж и на первом месте. Будьте объективны и используйте свою статистику (посещения и покупок) для выбора Вашего ТОПА для рубрики.
5. Добавление в корзину. Само собой. Кнопка КОРЗИНЫ должна предлагать купить товар сразу (если же он представлен в разных цветах, в простом диалоговом окне).
6. Репутация. Если у товара есть отзывы, укажите их количество и средний рейтинг товара. Функционал отзыва о товаре нужно реализовать на сайте.
7. Добавить товар к сравнению и в списки желаний. Если Вы реализовали функционал, добавьте эти кнопки на карточке товара в каталог.
8. Покупка в 1 клик. Простое диалоговое окно предложит ввести номер телефона и заказ автоматически оформится на одну выбранную позицию.
9. Кнопочка СЛЕДИТЬ ЗА ЦЕНОЙ. Стала популярна, если товары обычно дешевеют в Вашем бизнесе. Пользователь оставляет Email или телефон и указывает свою цену. Если она опустилась до нужного значения, пользователю приходит письмо-уведомление.
10. Кнопочка Уведомить о наличии. Если товара нет в наличии — по схожей системе пользователь оставляет свои данные. Мы рекомендуем всегда использовать это решение.

Рекомендуем для чтения:

1. Продвижение интернет-магазина: 7 методов раскрутки с нуля
2. Pinterest для интернет-магазина: привлечь клиентов за 5 шагов (полный гайд)

Страница товара и страница корзины

Перейдем к финальной части интернет-магазина.

Именно эти две страницы являются финальными для покупки — и к ним следует присмотреться наиболее внимательно — это корзина и страничка товара

Клиент совершает покупку обычно по следующей схеме:

1. Посетил страницу каталога.
2. Посетил страницу товара, или купил сразу со страницы корзины.
3. Закинул товар в корзину или купил сразу со страницы товара.

Страница товара

Страницы товаров — это наиболее частые страницы, которые изучают пользователи.

Клиенты могут попадать на страницы каталога, на главную, но решение о покупке они принимают уже на самой товарной странице чаще всего.

И основная товарная страница должна максимально соответствовать запросу пользователя.

Мы знаем, как НЕ ДОЛЖНЫ выглядеть страницы товаров, но мы не будем приводить их примеры.

В своем видео я рассказал, почему сайты обычно не продают.

А рассмотрим лучшие примеры и что входит в рецепт успешной страницы.

Первый экран товарной страницы

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

Именно тут он принимает решение, крутить ему колесо вниз или нет.

Расположение каждого модуля выверено обычно миллионами долларов на годы исследования поведения пользователя в интернет-магазине.

Вы же вправе скопировать чужую структуру с “небольшими” своими решениями или же проводить новаторские эксперименты за свой счет.

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

Первый же экран должен сообщать пользователю о важных данных:

• ПОЛНОЕ Название товара. Помните, что название товара должно четко отображать и его номенклатурную часть (если это необходимо для диверсификации и принятия решения клиентом). Если же номенклатурная часть клиенту не нужна, можно ее указать в характеристиках.
• Код товара. Упрощает работу в колл-центре, если Вы общаетесь голосом — название кода помогает понять, о каком товаре говорит клиент.
• Рейтинг товара с отзывами. Укажите его вначале — если товар популярен, его купят с большей вероятностью. Для удобства реализуйте микроразметку для отзывов.
• Быстрый выбор цвета (комплектации). При нажатии на простой чекбокс система быстро переводит клиента на другую версию этого товара.
• Цена (старая и новая). Если цена на товар изменилась, отразите это в дизайне
• Обязательные Кнопки Список желаний, купить в 1 клик, купить в кредит, КУПИТЬ (в корзину)
• Фотографии товара. Обязательно выводится простая галерея товара. Несколько фоток позволяет полистать и изучить предложение. По статистике, товары  с одной фотографией покупались в 10 раз меньше товаров с двумя фотографиями в нашем интернет-магазине.
• Блок с вкладками. О них ниже.

Например, на этой картинке отображен выбор цвета чекбоксом.

При нажатии на серые варианты цвета Вы попадаете УЖЕ на другую страницу товара.

Перейдем ко второму экрану главной страницы.

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

Больше никакого текста-воды тут нет.

Дальше обычно идет блок сопутствующих товаров.

Это могут быть аксессуары, дополнительные услуги, которые совместимы с данным товаром.

Связанность товаров следует прописывать в админке Вашего сайта.

Наличие этого блока помогает:

1. Увеличить среднюю корзину Вашего заказа на моменте его оформления.
2. Помочь консультанту подобрать дополнительные товары, исходя из выбранного товара клиентом.
3. Увеличивает доверие к авторитетному мнению Вашего сайта как консультанта.

Затем финальным блоком идет Описание, Характеристики и отзывы.

Описание рассказывает в 3-4 предложениях о товаре.

Обычно нерадивые SEO-специалисты просят клиента включить туда кучу ключевых слов и всех комбинаций слов + цена, +купить, +киев, +москва и прочую ерунду.

Это уже давно не работает, а такие описания не внушают доверия.

Как сделать описания для товара?

1. Не пишите суррогатные запросы с использованием ключевика.
2. Единственный ключевик — это название товара. Напишите его назначение и способы применения. Лаконично и просто укажите его УТП.
3. Расскажите в 2-3 словах о серии товара (например, если бы это был iPhone X, я бы рассказал что такое — серия телефонов iPhone).
4. Расскажите о компании производителе (если это необходимо. Например из предыдущего примера — тут будет компания Apple).
5. Расскажите, кто Вы для этого производителя — авторизованный дилер, работаете по франшизе или вообще сами сборщик продукции в регионе. Если просто перекупаете товар, тогда пропустите этот пункт.

Раздел Характеристик выводит простые характеристики товара (обычно немного больше, чем представлены на первом экране).

Функционал вкладок

Мы замечали, что его реализуют не все интернет магазины.

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

Не все клиенты их реализуют: например у этого магазина их две — обзор (главная) и отзывы.

А у этого — дополнительно 6 вкладок!

Какие же можно реализовать вкладки?

1. Главная (или Все о товаре — как в примере), открытая по умолчанию. Заточена под само название товара.
2. Характеристики (страница заточена под запрос НАЗВАНИЕ ТОВАРА + ХАРАКТЕРИСТИКИ)
3. Полный обзор, видеообзор (страница заточена под запрос НАЗВАНИЕ ТОВАРА + ОБЗОР)
4. Раздел с Фото (заточена станица под НАЗВАНИЕ ТОВАРА + “ФОТО”).
5. Раздел отзывов (заточена под запрос НАЗВАНИЕ ТОВАРА + “ОТЗЫВЫ”)

Как реализуется SEO-оптимизация таких страниц?

Очень просто — программно.

При помощи подстраниц.

Которые заточены под свою комбинацию запросов.

Например, страница ФОТО имеет в своей структуре:

• Подстраницу /photo/ .
• В Тайтле ключевое слово название товара + фото.
• При этом H1 не меняется. Добавляется лишь только H2 со словом ФОТОГРАФИИ.
• И страницы индексируются в карте сайта.

Корзина

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

Попасть в корзину обычно при помощи двух способов:

1. Нажав на иконку в шапке.
2. Нажав на иконку попапа, при добавлении товара в корзину.

Что такое корзина?

Корзина (интернет-магазина) — это страница, на которой пользователь подтверждает свой заказ, имея возможность внести правки в количество товаров и отдельные позиции, а также указывает данные по доставке и оплате (и даже может рассчитаться за него).

Обычно такие страницы закрыты от индексации.

Все успешные “корзины” представляют собой поэтапные страницы:

Шаг 1. Страница верификации заказа.

Здесь клиент может посмотреть список товаров, которые он выбрал, изменить количество или удалить их.

А также ввести промокод.

Для ленивых здесь располагают кнопку КУПИТЬ В 1 КЛИК, где при помощи упрощенной верификации (номера телефона) заказ закрывается, и уже его ведет колл-центр.

Как Вы видите, все просто.

Если пользователь пытается удалить товар из корзины, пусть система предложит ему сохранить товар в список желаний:

Но если человек нажимает КУПИТЬ, переходим к следующему этапу.

Шаг 2. Этап регистрации / входа

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

А если он впервые — жмет ОФОРМИТЬ ЗАКАЗ КАК НОВЫЙ.

К слову.

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

Шаг 3. Контактная информация

На этом шаге мы предлагаем пользователю предоставить основные данные, по которым мы можем с ним связаться.

Зачем это нужно?

Если вдруг пользователь “сорвется”, не до конца заполненные данные передаются в колл центр.

Просто реализуйте этот этап воронки с Вашим программистом.

Если пользователь зарегистрирован, этот этап пропускается.

А галочка “стать постоянным покупателем” предложит сразу дать свой Email и пароль.

Шаг 4. Этап оплаты

На этом этапе пользователь уже сообщает, как он будет платить.

Если у Вас есть варианты, дайте клиенту выбрать.

А если Вы принимаете электронные платежи, то просто прикрутите онлайн-кассу.

Шаг 5. Выбор доставки

На этом шаге предложите клиенту функционал, как происходит доставка.

Если у Вас есть самовывоз — пропишите условия, адреса филиалов и время работы.

Пусть это будет простой чекбокс с выбором вариантов и динамическим блоком показа информации.

Если же это — доставка, укажите сервис доставки, среднюю стоимость доставки (или если она включена бесплатно) и подкрутите базу отделений для удобства.

Если у Вас есть курьерская доставка в городах, интересующих клиента, укажите время работы и стоимость доставки.

Если она бесплатная, тоже укажите это.

Ну и, конечно, поздравьте Вашего клиента с успешным заказом при помощи красивой странички Thank You:

Обязательно сообщите на финальной страничке:

1. Номер заказа.
2. Вышлите копию заказа на почту или в SMS.
3. Дайте контактные данные.

Зачем все это нужно?

1. Упрощенные методы приема заказа (через заказ в 1 клик, через регистрацию) очень сильно сокращают конверсию
2. Минимальное количество полей для заполнения. Если Вы собираете кучу ненужных данных (почтовые индексы, адреса доставки) на момент первичной регистрации, Вы скорее всего клиента потеряете
3. Реализуйте функционал сохранения ввода данных в корзине без их полноценной отправки. Вы тогда сможете связаться с клиентом, если вдруг он передумал, уточнив причину отказа и возможно — убедив клиента заказать у Вас .
4. Информируйте клиента, что все получилось и заказ принят. В Вашей админке он должен иметь возможность отслеживать статус заказа.

ВЫВОДЫ

Как мы видим, у интернет-магазинов есть свой “ритуал” по созданию.

Часть моих клиентов, с которыми я начал диалог, не прислушались к доработкам своего юзабилити, так и не смогли вывести свои магазины в ТОП.

На этом рынке — жесточайшая конкуренция, и многое в раскрутке магазина решается на момент его создания.

На что нужно обратить внимание?

Из изложенного будет актуально:

1. Статичные страницы для фильтров. В качестве оптимизации магазина будут выступать статичные URLы Вашего каталога.
2. Никаких SEO-текстов. Они умирают — ни один магазин с плохой структурой и с SEO-текстами в описаниях и категориях особо в ТОПе в конкурентных сферах не мелькает.
3. Растущая конкуренция на рынке. Если семь лет назад на одну сферу товаров в регионе приходилось 2 магазина, четыре года назад — 6 магазинов, два года назад — 10 магазинов, а сейчас уже 15-20. Хоть в результате конкуренции на 10 появившихся магазинов отмирает сейчас 7, все равно те, кто остаются, отжимают трафик.
4. Акценты на юзабилити. Удвоить трафик становится гораздо дороже. Куда дешевле удвоить конверсию за счет юзабилити.
   Используйте нововведения для диалога с покупателем (чаты, сервисы обратных звонков, мессенджеры).

Успешных Вам продаж!