Как должна выглядеть главная страница интернет-магазина? Структура + примеры
Главная страница — это лицо сайта и оно должно быть в полном порядке. Особенно, если речь идет об интернет-магазине. SEO-специалисты Bquadro собрали основную информацию о том, как должна выглядеть главная страница интернет-магазина, ее структура и примеры наполнения с позиции SEO.
Мы в Bquadro более 19 лет занимаемся разработкой и продвижением сайтов (в том числе SEO, например, здесь рассказываем про классическое продвижение промышленного сайта)
От того как выглядит главная страница интернет-магазина зависит продолжит ли пользователь знакомство с брендом и, как следствие, уровень продаж. Здесь важен не только дизайн, но и структура — наличие и корректный порядок нужных блоков положительно влияют на позиции в поисковой выдаче.
В целом, главная страница должна отвечать на вопросы:
- Что продают?
- Кто продает?
- Как купить?
Шапка или хедер
А теперь подробнее разберем каждый из этих пунктов.
Шапка сайта (она же хедер) — первое, что видит посетитель ресурса. Она помогает сориентироваться пользователю где он находится и следует за ним на всех страницах ресурса.
- логотип компании
Располагаем в левом верхнем углу сайта. Его площадь не должна занимать более 20-25% всего хедера. Рекомендуем «зашить» в него ссылку на главную страницу (на большинстве сайтов делают именно так, поэтому пользователи уже привыкли к такому сценарию.) - краткая информация о компании
Здесь можно написать о деятельности компании или специфике сайта. Это также поможет пользователю сориентироваться и понять, а туда ли он попал. Например: «интернет-магазин одежды”/”Оборудование для лазерной обработки материалов»
телефон
Его место справа или в центре. Можно разместить один основной номер (например, 8-800…), настроить автоматическое отображение номера для отдельных регионов (актуально, если ваш магазин работает по всей стране или миру) или сделать раскрывающийся список с выбором подходящего номера. Не забудьте подключить набор номера, чтобы пользователь мог позвонить вам при нажатии на номер телефона.
Для ранжирования по коммерческим факторам важным будет добавление следующей информации и функционала:
- часы и график работы;
- адрес компании;
- заказ обратного звонка;
- поиск;
- блок «О компании”, «Контакты», “Доставка и оплата»;
- вход в «Личный кабинет” и “Регистрация».
Но не рекомендуем сильно нагружать шапку. Помните о фирменном стиле и лаконичности. Если не можете решить какую информацию добавлять — посмотрите интернет-магазины популярных брендов в вашей нише и ориентируйтесь на привычки именно вашей целевой аудитории. В разных сферах они могут отличаться.
Этот блок также отвечает за навигацию на ресурсе. В меню обязательно размещаем ссылки на разделы каталога, новинки, акции. Если в хедер не поместились ссылки «О компании”, «Контакты» и “Доставка и оплата», смело добавляйте их в меню.
Можно сказать, что шапка и меню логично дополняют друг друга, создавая полноценный навигатор по сайту.
На главной может быть 2 меню: горизонтальное и вертикальное. В первом — основные разделы каталога, во втором — подробная структура каталога с разбивкой на категории товаров. Такой подход рекомендуется интернет-магазинам с более 1000 товаров.
Именно здесь мы размещаем промо-материалы. Свежие акции, спецпредложения, информация о конкурсах — все сюда!
Обычно промо-блок представляет собой слайдер с 3-5 рекламными баннерами. Его можно листать вручную и настроить автоматическое пролистывание.
Здесь важно учитывать тайминг скролла: элементы слайдера не должны перелистываться слишком быстро, но и не могут «зависать» по несколько минут. Оптимальное время задержки баннера — около 5 секунд.
Кроме этого, сюда можно добавить каталог с товарами. Выбирайте основные позиции, которые наверняка заинтересуют целевую аудиторию и размещайтесь со ссылкой на карточку товара.
Контролируйте количество товаров в промо-блоке. Рекомендуем ограничиться 5-10 продуктами. Если очень нужно показать больше товаров, разбейте их на несколько вкладок.
Какие товары размещать на главной:
- самые популярные на вашем сайте;
- самые выгодные, по сравнению с конкурентами;
- уникальные товары, которые есть только у вас;
- интересные новинки в вашей нише.
Как уже написали выше, в этом блоке размещаем отзывы, сертификаты, награды, лицензии и другую информацию, которая помогает увеличить лояльность пользователей. Другими словами: все то, что подтверждает ваш профессионализм и помогает посетителю сделать выбор в вашу пользу.
В этот блок можно «посадить» ключевые слова, рассказать о своей компании и основных преимуществах.
Кроме этого, сюда можно добавить раздел с новостями индустрии и компании, блог со статьями, анонсы предстоящих мероприятий.
Или нижняя часть страницы сайта. Его еще называют «подвал».
Можно точно сказать, что футер — неотъемлемая часть любого сайта и он важен вне зависимости от специфики сайта. Но в случае с интернет-магазином, подвал становится полноценным инструментом продаж: он работает с уже «теплыми» посетителями, стимулирует их на продолжение знакомства с сайтом и дальнейшим заказам.
- Ссылки на страницы сайта
Помогите пользователю найти ответы на свои вопросы. Разместите здесь информацию о доставке, оплате, компании, возвраты и обмен товара и т.д. Вариантов размещения ссылок несколько: отдельные страницы, которые отвечают на основные запросы вашей ЦА или ссылки на основные разделы сайта; - Контактная информация
Здесь будет уместно продублировать информацию из шапки, но футер позволяет разместить больше данных. Поэтому, можете смело добавлять дополнительные номера и не забудьте про ссылку на страницу «Контакты» - Call-to-action
Или форма обратной связи. Футер — самое логичное место размещения кнопки призыва к действию. Пользователь уже зашел, уже ознакомился с основной информацией и теперь хочет связаться с вами — а кнопка уже здесь! Ждет его и как будто шепчет «Нажми на мен…. » - Ссылки на ваши социальные сети
Во-первых, это повышает лояльность и вовлеченность молодой аудитории, которой удобнее получать информацию из соц. сетей. Во-вторых, связь сайта с социальными сетями и последующая работа бренда в соц. сетях (отзывы, комментарии и т.д.) положительно влияют на позиции сайта в поиске (частично прорабатываются пункты «Добросовестность” и “Авторитетность» принципа E-A-T от Google.Основные требования можно прочитатьздесь) - Политика конфиденциальности
Наличие страницы с прописанными правами и возможностями сайта, порядок использования предоставленных контактных данных — обязательное условие. Это помогает избежать ряда проблем с законом и пользователями. А еще это повышает доверие со стороны посетителей интернет-магазина. - Логотипы и бренды
Говорить об известных партнерах — правильно. Сотрудничество с популярными брендами «прокачивает» доверие пользователей, повышает вас в глазах потенциальных клиентов и одновременно помогает им сориентироваться в общей массе товаров (например, когда ищут вещи определенного бренда). На некоторых ресурсах логотипы партнеров выносят в отдельный блок. Это также допустимо, но может отвлечь от промо-материалов и преимуществах вашего интернет-магазина. - Возраст сайта
Еще один показатель, влияющий на лояльность и доверие пользователей. А также подтверждение надежности интернет-магазина.Стандартный формат: XXXX – YYYY, где XXXX – год запуска сайта (открытия интернет-магазина), а YYYY – текущий год.Не забывайте обновлять значение YYYY, в противном случае, пользователи могут подумать, что сайт заброшен и все труды пойдут насмарку.
Если сложить все вышеперечисленные блоки, получится вот такой макет:
Разумеется, не стоит забывать про наполнение и визуальное оформление. Пишите просто и понятно, показывайте (и продавайте) качественные товары, не забудьте про общую дизайн-концепцию сайта и то, что главная страница — хоть и важная, но все-таки часть сайта. Используйте качественные графические элементы и адаптируйте сайт под мобильные устройства. И помните: каждый сайт требует индивидуального подхода. Шаблоны и структура — основа, которая помогает облегчить процесс создания, но полностью его не исключает.
Текст ради ссылки
Комментарий ради комментария?
Разве это с точки зрения SEO? Это скорей про структуру с точки зрения маркетинга и юзабилити. Я думал тут будет про заголрвки H1 на главной , перелинковки, или текста. Заголовок статьи как по мне нерелевантен. Но многим мож будет полезно.. Это так. ИМХО
Здравствуйте!
Юзабилити, на наш взгляд, неотъемлемая часть SEO. И да, к маркетингу это также относится.
Что касается именно SEO: оно не сводится только к оптимизации текста. Мы учли информационный блок, но не стали акцентировать на этом внимание (поскольку если вы учитываете этот блок изначально, то правильно наполнить контентом не составит труда).
И к тому же, в заголовке написали “Структура + примеры”, как раз для того, чтобы подчеркнуть о чем будет речь в статье.
К сожалению, многие вещи не учитываются при разработке сайта, а в дальнейшем их довольно трудоемко и затратно править (H1 можно исправить в пару кликов, а вот переверстать блок — нет), поэтому было решено писать “в эту сторону”)
При этом, структура страницы и ее содержание напрямую влияют на поведенческие метрики (глубина просмотров, показатель отказов и пр.) и конверсии — а это, опять же на наш взгляд, ключевое при продвижении интернет-ресурса (особенно интернет-магазина).
P.S. Если вам действительно интересно наше мнение по этому поводу, мы готовы написать отдельную статью про оптимизацию главной страницы интернет-магазина. Дайте знать, если нужно =)
Хорошая статья и все по делу, нет воды. Порадовало возможность скачать шаблон. Спасибо.
Спасибо за отзыв! Нам очень приятно)
Вы хоть что нить читать пытались? А смотреть?? Шаблон вам? Да их в инете — любой магазин.
Хотя, что распинаться, это ж группа поддержки Маши и Жанны.
Даже зарегестрировался, чтоб дизлайк поставить, но у vc дурацкие правила по этому поводу.
Маркетинг изложен на 5+. Но беда в том, что ИП "сами знают", что должно быть на данной странице. Или у них попросту денег нет на переделку.
А вот по seo по некоторым моментам несогласен:
1. Вложенность меню. Это приводит к тому, что краулер 101-ю ссылку и дальше не индексирует. А значит, внутренний вес между страницами не передастся. ИЗ моей практики: как только количество ссылок на странице приближалось к 100 или становилось меньше, позиции сайта росли.
2.Промо-блок. Только не слайдер! Карта кликов Яндекс Метрики показывает только клики по стрелка слайдера. По самим слайдам или крайне редко, или совсем нет. Слайдер — это просто увеличение среднего чека сделки фрилансеров или веб-студий. Лучше сделать обычными блоками.
3. Информационный блок. Если вы хотите, чтобы ваш сайт опустился на несколько позиций вниз, пишите там ключевые фразы. Ключевые фразы надо писать в МЕТА-ОПИСАНИИ
P.S. Чувствую, что многие ИП уже скачали шаблон и побежали к дизайнерам и программистам, чтобы сделали также, как и в шаблоне.
Здравствуйте!
Спасибо за комментарий) Давайте разбираться.
1. Размещение не более 100 внутренних ссылок на странице является рекомендацией, а не строгим требованием. И конечно, все зависит от тематики сайта. При проработке каталога важно учитывать будет ли он удобен пользователям, определить наиболее приоритетные разделы и вынести ссылки на них в сквозное меню. В данной статье мы не рассматривали вопрос о корректном построении структуры меню и внутренней перелинковке. Но опять же, при предварительной разработке каталога и меню необходимо провести анализ ТОП-10 и посмотреть как этот вопрос был решен у лидеров ниши.
Приведем пример: сайт Сантехника.онлайн https://santehnika-online.ru/ — лидер ниши и только посмотрите сколько ссылок на категории размещено в блоке Меню.
Также, в 2010 году инженер Google, Джон Му, сказал следующее:
Существует огромное количество страниц, где количество ссылок превышает 100 и это не является проблемой. Если ваша страница имеет достаточно траста, то Google в любом случае будет заинтересован в той странице, на которую она ссылается. (взяли вот отсюда, посмотрите — http://seom.info/2011/02/14/vnutrennie-ssilki/ Более свежих рекомендаций с упоминанием ограничений на 100 ссылок не нашли)
2. Роль слайдера — привлечь внимание. И по нашему опыту, он довольно эффективен в этом) Если вам нужно отследить с какого именно слайдера перешел пользователь — можно настроить цель на каждый слайд.
Почему слайдер на каких-то сайтах плохо отрабатывает — вопрос для отдельного изучения, возможно были выбраны недостаточно привлекательные иллюстрации, либо УТП не “зацепило”.
3. Опять же, всё зависит от тематики, для одних сайтов наличие описания деятельности компании не является необходимым, для других же не обойтись без текста, написанного с учетом семантики, продвигаемой на главной странице. Если Ваш сайт попадает в категорию тех, где текст не нужен, то в информационном блоке вы можете привести ссылки на новости, блог или любую другую информацию, которую вы хотите предоставить вашим клиентам. Мы лишь хотели показать, что этот блок важен и нужен на главной странице.
Дизайн для интернет-магазина: тренды, правила, полезные советы
Сегодня расскажем, каким должен быть дизайн сайта интернет-магазина. Речь пойдет не только о красоте — о том, как с помощью дизайна можно мотивировать покупателя сделать заказ и облегчить ему нахождение на сайте.
Основные правила дизайна интернет-магазина
- Удобство для посетителя. Много ли купит пользователь, если зайдет на неудобный сайт? Сейчас в тренде UX/UI дизайн, который создан для того, чтобы облегчить клиенту жизнь и плавно подвести его к самому главному — покупке или другому целевому действию (оставить контактные данные, зарегистрироваться и так далее). Для этого дизайнер должен продумать все до мелочей: понятное меню, удобные категории товара, небитые ссылки, заметная корзина, яркие кнопки заказа. Все должно быть логично, вытекать одно из другого, чтобы пользователь не метался по сайту вспуганной белкой, а переходил по страницам и добирался в итоге до главного. Например, из меню — в карточку товара, оттуда — в корзину, оттуда — обратно на сайт. Все это должно быть максимально естественно и не вызывать у пользователя ни малейших трудностей. Для этого составляются карты маршрутов по сайту, тестируются различные варианты и в результате выбирается самый оптимальный.
- Красота и строгость. Уже давно не в моде кричащие цвета, вычурные шрифты, плотное пространство — современные сайты стильные и элегантные. Много воздуха, не более трех цветов на странице, чистые тона и оттенки цвета, простые четкие шрифты, удобная типографика — вот что отличает сайты, которые продают. Это нужно затем, чтобы покупатель видел за деревьями лес: чтобы полезная и продающая информация не терялась за кричащим оформлением.
- Фирменный стиль. Если вы хотите отстроиться от конкурентов — разработка айдентики (фирменного стиля) — обязательное условие. Так вы выделитесь из серой массы интернет-магазинов, пользователь запомнит именно вас. В понятие фирменного стиля входит товарный знак, логотип, слоган, фирменные шрифты и цвета.
- Профессиональные фотографии. Если у вас интернет-магазин продуктов и товаров, которые производите сами — тут и думать нечего: проводите предметную съемку и используете эти фото в дальнейшем. Но что если речь идет о большом магазине, торгующем товарами различных брендов? Понятно, что фотосессией тут не отделаешься: нужно обращаться к производителям и поставщикам и просить их прислать качественные фото товара. Ни в коем случае не берите стоковые фото: доверия к таким у посетителей нет. Живые изображения, раскрывающие суть товара — то что надо.
- Визуализация. Пользователю неинтересно читать простыни текста. Интернет-магазин — это не новостной сайт и не книга. Все, что он хочет — спокойно выбрать товар и купить его. Следовательно, нужно упростить все, что можно. Для этого в дизайне интернет-магазина активно используются иконки и картинки — они успешно заменяют текст. Например, вместо того чтобы долго рассказывать, что этим товаром можно поделиться в соцсетях, лучше прикрутить иконки этих самых соцсетей. Вместо инструкции, как увеличить изображение для более детального просмотра — использовать значок лупы. Вместо слова “корзина” отрисовать узнаваемую корзину — поверьте, этого будет достаточно.
- Интересные фишки. Веб-дизайн, как и любое направление, развивается семимильными шагами. В 2020 году становятся модными различные эффекты. Их применяют чаще всего на сайтах и лендингах, но кто сказал, что интернет-магазины должны оставаться позади? Используйте анимацию — движущиеся элементы, эффект 3D-изображений, градиенты всех оттенков, тени для придания объема, эффект Parallax – когда картинки на сайте “живут” словно в двух разных измерениях и двигаются с разной скоростью и другие. Вот пример объемных изображений, актуальных для интернет-магазина женской одежды.
Еще пара правил
Эти правила веками используются в дизайне ну просто всего. Для идеальных пропорций, красивого изображения применяйте правило золотого сечения и правило третей — не прогадаете.
1. Золотое сечение
Не будем приводить сложных формул и расчетов: достаточно сказать, что пропорции предмета или изображения по правилу золотого сечения составляют 3/2, 5/3 и так далее. Это правило можно применять в построении блоков на сайте, подборе картинок, сочетания текста и фото, размера заголовка и текста.
2. Правило третей
Представьте страницу интернет-магазина. Неважно какую — на любой будет текст и фотографии. Поделите каждую страницу на три одинаковые части и отметьте точки пересечения. Вот это и будут самые главные места — именно туда падает взгляд посетителя. Соответственно, именно там нужно размещать ключевую информацию: кнопку “Купить товар”, корзину, информацию о скидках и акциях. Словом, все, что наиболее актуально для вас в этот момент.
Дизайн основных страниц интернет-магазина
Рассмотрим главные правила для каждого раздела интернет-магазина.
Главная страница
Это лицо сайта — главная страница должна быть максимально информативной и привлекающей внимание. Соответственно, дизайн играет важную роль. Используйте следующие приемы:
- простая и понятная навигация: меню, разделы, категории и подкатегории. Можно разделить меню по категориям товара, по брендам или всем этим меткам сразу. Главное — помните о правилах трех кликов. Добраться до нужного товара посетитель должен не более чем за три движения мышкой. То есть примерно так: раздел женской одежды — категории платья — товар “платье синее вязаное фирмы Gucci”. В больших магазинах с огромным ассортиментом сделать это непросто: используйте фильтры по материалу, цвету, цене и другим параметрам. Подробнее мы рассказывали в статье Университета InSales о структуре интернет-магазина;
- яркие баннеры на главной, которые ведут на страницы акций и распродаж. Суммы скидок в процентах или конкретном значении лучше выделять пожирнее да поконтрастнее. Не прячьте баннеры вниз страницы — посетитель должен увидеть их сразу, как только зайдет на сайт;
- на случай, если глобальных распродаж пока не предвидится, основные продукты магазина можно выделить в отдельный раздел “Хиты продаж” и публиковать их на главной. Людям всегда интересно, что покупают другие — используйте этот прием;
- рассказ о компании, иллюстрированный фотографиями или картинками. Также на главной можно рассказать алгоритм работы (можно опять же в картинках или схематичных изображениях — помните о визуализации!).
Карточка товара
О, сколько мы уже писали о карточках товара! Объясняли теорию, рассказывали на пальцах, приводили разборы конкретных сайтов. Напомним еще раз основные правила:
- красивое информативное фото, а лучше несколько. Этот тот самый случай, когда товар нужно показать лицом. Использовать одно фото, да еще и в плохом качестве или стоковое — это не есть гуд. Покажите товар с разных ракурсов, пригласите моделей и проведите профессиональную съемку. Если есть видео — это будет прекрасным дополнением;
- блок информации. Как правило, туда включают цену, описание и характеристики, иконки соцсетей. Все эти элементы должны грамотно сочетаться друг с другом. Например, по неписаным правилам (хотя почему неписаным — давно доказано, как именно пользователь просматривает информацию и на что обращает внимание, а что пропускает мимо) в верхнем левом углу располагается название магазина, в верхней строчке — название, потом цена, справа висит манящая корзина;
- отдельное внимание стоит уделить цене — именно на основании стоимости большинство посетителей принимают решение. Выделите цену контрастным цветом, крупным шрифтом. Если есть скидки — обязательно отметьте это. Про иконки соцсетей мы уже говорили — обязательно прикрутите их, дайте возможность людям поделиться информацией и рассказать о вашем магазине, причем для вас это будет совершенно бесплатно!
Кнопка СТА
Это кнопка с призывом пользователя к действию. В интернет-магазине это чаще всего “Купить” или “Добавить в корзину”. До сих пор ведутся споры, что же более эффективно и повышает конверсию сайта — но на практике в популярных магазинах используется и тот, и другой вариант. Обратите внимание на следующее:
- цвет кнопки. Правила веб-дизайна предписывают делать ее контрастной — чтобы сразу привлекала внимание. Следите, чтобы кнопка СТА сочеталась по цвету с остальными элементами сайта;
- текст на кнопке. Здесь важно придумать такой текст, чтобы не спугнуть покупателя. “Купить”, “Добавить в корзину” отлично работают. Можно проявить фантазию и пообщаться с клиентом нестандартным способом (“Что думаешь? Жми скорей!”. Но для этого нужно хорошенько изучить свою целевую аудиторию, чтобы не спугнуть ее), можно предложить за регистрацию что-то полезное и бесплатное (прислать курсы и лекции по интернет-маркетингу, личную подборку товаров для конкретного пользователя и так далее);
- удобство пользования кнопкой. Вы знали, что на этом этапе воронки продаж отваливается множество клиентов? Казалось бы, человек уже проявил интерес, зашел на сайт, выбрал товар, осталось всего ничего — заполнить форму и сделать заказ! Но этого не происходит. Почему? Как правило, дело в неудобном дизайне. Если пользователю предлагается сложная регистрация, ввод капчи или картинок, множество полей для заполнения, он может психануть и покинуть сайт. Поэтому обязательно учитывайте дизайн не только самой кнопки, но и ее “внутрянки”. Дайте задание дизайнеру о количестве полей, способе регистрации (лучше всего — через соцсети, как на “Алиэкспресс” и других сайтах). Помните, главное — удобство покупателя!
Корзина интернет-магазина
И последний элемент, от дизайна которого напрямую зависят ваши продажи и конверсии. Записывайте:
- располагайте корзину в верхнем правом углу — так привычнее. Это тот самый случай, когда не надо изобретать велосипед — все уже придумано до нас; — чтобы точно не промахнуться;
- выделяйте ее контрастными цветами;
- постоянно обновляйте информацию о количестве товаров в корзине. Нельзя, чтобы пользователь забыл о том, что он сам выбрал;
- попросите дизайнера сделать такую фишку: при наведении курсора мыши на корзине пользователю должен показываться список покупок. То есть он не обязательно должен каждый раз заходить в нее — достаточно просто навести курсор. Помните: чем меньше кликов — тем лучше!
- товары в корзине должны показываться не просто названием и описанием, а с фотографией и ссылкой на карточку товара. Это нужно для того, чтобы пользователь мог в любой момент посмотреть, что же он выбрал, и возможно, сравнить с другими товарами;
- рядом с корзиной поместите информацию о заказе товара и доставке. В голове клиента эти понятия неразрывно связаны — вот и не рвите ему шаблон. Мы же помним про удобство, правда?
Несколько советов напоследок
- Конечно, хочется немедленно воплотить на сайте все эти штуки. Но если пока нет достаточного бюджета — лучше не торопиться. Хуже нет, чем заказывать дизайн у новичка-самоучки, зато дешево. Ограничьтесь основными правилами и элементами, а сделать редизайн всегда успеете.
- Тестируйте и еще раз тестируйте! Цвета, шрифты, текст на кнопке СТА — все что угодно. Только так вы поймете, какой вариант лучше работает и повышает конверсию.
- Не слизывайте у конкурентов — добавляйте частичку себя, индивидуальности вашего бизнеса. Найдите баланс между хорошей идеей и вашим фирменным стилем — это и будет оптимальным вариантом.
Как вам советы? Делитесь в комментариях в соцсетях, присылайте ссылки на ваши сайты! Удачи в продвижении!
Создание интернет-магазина: на что обратить внимание, чтобы спустя 3 месяца и 5000 долларов не начать сначала
Дмитрий Скалубо Редакция «Текстерры»
Этот материал будет полезен, если вы задумываетесь об открытии интернет-магазина в связке с уже существующим офлайн-бизнесом, либо как отдельного проекта. Тема интернет-коммерции очень глобальна, поэтому будьте готовы к тому, что после ее прочтения у вас появится еще больше вопросов, чем сейчас. «Всю правду про интернет-магазины» в один материал уложить нельзя, а вот неочевидные моменты, на которых можно потерять много денег и времени – можно.
А нужен ли вам «классический» интернет-магазин?
Если подойти к определению понятия интернет-магазина формально, то можно взять определение из «Википедии».
Само собой, возможны вариации – многие интернет-магазины (и почти все федеральные сети) предоставляют возможность самовывоза, оплаты при доставке. Это в рамки определения не укладывается, но кто скажет, что «ОЗОН» или «ДНС» не интернет-магазин? Для будущего владельца интернет-магазина важна не терминология, а понимание простого факта: большинство тонкостей при создании интернет-магазина, в которых вы не разбираетесь, просто обойдутся вам в несколько раз дороже и будут правильно сделаны раза со второго-третьего.
Первый вопрос, на который вы должны себе ответить, – а нужен ли вам именно «классический» интернет-магазин, т.е. работающий плюс-минус по схеме:
- посетитель выбирает товар и кладет его в корзину;
- выбирает способ доставки;
- выбирает способ оплаты (или оплачивает онлайн);
- через некоторое время получает свой товар.
В каких случаях эта схема заведомо будет работать плохо? Сразу проверяйте свою нишу, не попадает ли она под следующие критерии.
Дорогие товары. Здесь практически не имеет значения, что это за товар. Чем он дороже, тем менее вероятна полноценная продажа через интернет. Автозапчасти легче продавать в интернет-магазине, чем автомобили. Большинство сайтов автопроизводителей просто презентуют товар, а продается он уже в салоне. Бывают и исключения:
Даже несмотря на нестандартный подход, опции «дайте две» нету, только поштучно.
Мало товаров и штучные заказы. Интернет-магазины имеют каталожную структуру, и нет смысла использовать решения для интернет-магазинов, если товаров два десятка. В этом случае достаточно хорошо презентовать товар и максимально упростить связь с продавцом и заказ.
Оплата товара не проходит на сайте через электронные платежные системы. Это не критичный пункт, но сразу всплывает вопрос «Делать ли этап оплаты?» с вариантами «Не делать», «Он уже есть, значит надо будет его убрать», «Сделать на потом, но спрятать сейчас». Как частный вариант офлайн-оплаты – все клиенты оплачивают строго по счетам в банке при наличии договора. Тут или все усложнить (формировать договор и счет онлайн), или упростить (получить заказ и контакты заказчика).
На что еще обратить внимание?
Первое – схема сделки в вашем бизнесе. Если первый контакт с покупателем – это ваш ему звонок для подтверждения заказа, то интернет-магазин как инструмент продаж вполне подойдет. Если до момента оплаты (или выставления счета) нужно что-то уточнять, согласовывать, менять – возможно, нужно другое решение.
Посмотрите, как работают конкуренты. Смотреть нужно и лидеров ниши, и подающих надежды новичков. Записывайте все интересные решения, которые увидите, – это пригодится при выборе движка или решения для интернет-магазина. Чем больше конкурентов вы изучите, тем больше шанс с первого раза сделать если и не лучше всех, то хотя бы на достаточно хорошем уровне.
Один из самых важных моментов – знать, какие способы привлечения покупателей будут использоваться. Вот основные:
- О вас знают и так – офлайн-бизнес помогает раскрутить интернет-магазин;
- Вас будут находить в поисковых системах;
- Платная онлайн-реклама в поиске, на сайтах, в соцсетях, баннерная и т.д;
- Соцсети, Youtube-канал;
- Внешние площадки – «Яндекс.Маркет» и аналоги;
- Прочие варианты.
Понимание того, какие каналы привлечения трафика будут основными, поможет вам сразу определиться с частью требований к функционалу интернет-магазина. Самый тяжелый случай – когда расчет исключительно на поисковый трафик, тогда техническая часть должна быть реализована без ошибок, которые могут сказаться на поисковом продвижении проекта.
Уже на подготовительном этапе становится ясно, нужен ли вообще функционал полноценного интернет-магазина, и можно понять, какую техническую базу использовать. Упрощенно – будет четыре варианта:
- Сделать сайт на любой платформе, которая позволяет отправить письмо с деталями заказа;
- Использовать SAAS-решение (т.е. арендовать «движок» интернет-магазина);
- Создать на основе платного или бесплатного e-commerce решения;
- Разработка собственного решения.
Давайте посмотрим основные плюсы и минусы каждого из этих решений.
На любой знакомой CMS
Сделать сайт на любой платформе, которая позволяет разместить товар. Посетитель может в пару кликов выбрать нужный товар и оставить свои данные, а сайт отправит письмо с деталями заказа.
Плюсы
Минусы
Зачастую нет возможностей для роста (не все CMS поддерживают «из коробки» работу сайта на несколько тысяч страниц).
Можно работать с уже знакомой платформой.
Может не быть полного функционала интернет-магазина (корзины, выбора способа оплаты и доставки и т.д.).
Тысячи крутых платных шаблонов по цене 15-70 долларов, много бесплатных шаблонов.
CMS с открытым исходным кодом чаще подвергаются взлому, спаму.
Десятки тысяч дополнений на все случаи жизни с ценой 5-50 долларов (это стоимость 1 часа работы программиста, в зависимости от квалификации, если что). Любая популярная CMS имеет и бесплатные дополнения.
Низкий порог входа – можно сделать на любой популярной CMS.
Это – самое разумное решение, если у вас сложный и/или дорогой товар, вы хотите «просто попробовать», все подробности заказа идут по телефону, мало денег, нужно стартануть быстро, и вы знаете, что в ближайшее время никакого роста не планируется. Это именно тот вариант, который способен сломать схему «дешево, быстро и качественно – не бывает». Если магазин и так известен, а товар не везут через всю страну, достаточно просто иметь сайт с прайсом, и он будет продавать.
SAAS-решения
Использование SAAS-решения – аренда готового интернет-магазина, имеющего все необходимые для старта работы модули.
Плюсы
Минусы
Только в России более 40 платформ предлагают подобные услуги – есть из чего выбрать.
Высосанные из пальца ограничения – может потребоваться перейти на более дорогую подписку просто из-за роста количества товаров.
Наличие подробной документации для пользователей.
Придется ежемесячно платить за аренду платформы. На максимальных тарифах может выливаться в ощутимую для малого бизнеса сумму.
Интеграция с популярными платежными шлюзами.
Пользуетесь «как есть» – вам может потребоваться начать все с нуля просто при появлении фактора, который не поддерживается платформой (например, интеграция с нестандартной системой складского учета или увеличение количества продаваемых позиций).
Импорт-экспорт данных в различные форматы – 1С, «Яндекс.Маркет» и т.д.
Это аренда – магазин вам не принадлежит. Кроме своих рисков как владельца магазина вы будете нести риски платформы – она закроется, вырастет цена в 10 раз, не будет внедрять новые «фишки» и т.д. При решении съехать, начинать вам придется практически с нуля.
Можно сразу «пощупать» готовый магазин – практически все SAAS-платформы предлагают бесплатный период на максимальном тарифе со всеми возможностями.
Хороший вариант если вы хотите попробовать поторговать онлайн, а система привлечения посетителей – платная интернет-реклама. Затрат на создание магазина – почти никаких (месячная аренда выбранной платформы, из которой 1-3 недели бесплатное демо). Все расходы – наполнение контентом и рекламные затраты. Отлично подходит для сбора базовой статистики и возвращения с небес на землю (мне доводилось видеть расчеты с фразами «допустим, конверсия в заказ в интернет-магазине будет 7%»). Если нет необходимости роста и регулярного внедрения нового функционала, сайт может на SAAS-решении работать годами и выглядеть симпатично.
На базе CMS для интернет-магазина
Создание интернет-магазина на основе платного или бесплатного e-commerce решения – самый распространенный вариант.
Плюсы
Минусы
Возможность выбора. Из сотен бесплатных и платных CMS для интернет-магазина можно выбрать то решение, которое без доработок покроет 100% ваших потребностей.
Нужно четко представлять, что вы хотите получить в итоге. Если два предыдущих варианта по сути представляют собой «сделать что-то, чтобы было» и «пользуйтесь тем, что дают» – здесь нужно точно знать, что вы хотите получить в итоге и какой функционал должен быть.
Вокруг популярных CMS существует целый рынок разработчиков, предлагающих готовые дизайн-шаблоны и модули, расширяющие функционал сайта.
Сроки разработки. Почти всегда это несколько месяцев от готового ТЗ до старта работы. Исключение – вам на 100% все подошло «как есть».
Часто на любой ваш вопрос уже есть ответ – нужно только погуглить.
Если вы не хотите получить интернет-магазин на той CMS, которую лучше всего знает подрядчик, придется самостоятельно покопаться в нескольких (или в нескольких десятках) чтобы понять, какая подойдет вам лучше всего.
Возможность относительно недорого внедрить нужный вам функционал или подправить работу какого-либо модуля под вас – например, формат файла импорта цен и остатков товара.
Это больше относится к бесплатным решениям – развитое сообщество, где могут и подсказать, и помочь, и с выбором определиться.
Чаще всего выбирают именно этот вариант как золотую середину между тем, что хочется получить, и тем, на что хватает денег. Очевидные плюсы – имея «из коробки» (т.е. сразу после установки CMS и необходимых дополнений) если не 100, то хотя бы 90% необходимых для старта функций, уже можно начинать работу. А отсутствующий функционал доделать – практически все CMS для интернет-магазина позволяют редактировать исходный код и добавлять свой функционал.
На базе фреймворка или с нуля
Разработка собственного решения. К сожалению (а может быть и к счастью), мне не довелось принимать участие в разработке с нуля именно интернет-магазина. Но имея опыт участия в переводе сайта с самописных решений на CMS, могу выделить следующие плюсы и минусы варианта «пусть напишут с нуля под наш уникальный бизнес»:
Плюсы
Минусы
Легкость. Нет десятков ненужных функций – все сделано под требования заказчика.
Привязка к команде/студии/фрилансеру, которые занимались разработкой.
Агентства, имеющие опыт в разработке интернет-магазинов, предлагают действительно классные решения, которые поддерживают все новомодные штуки типа товарной микроразметки, генерации метатегов по шаблону, создания статических страниц на основе фильтрации и еще десятков функций, которые не используют ваши конкуренты.
Могут отсутствовать самые базовые вещи, вроде текстового редактора для нормального оформления описания товаров и категорий, все только в html.
Для больших проектов решение разработки с нуля и поддержки может обходиться дешевле, чем найм и содержание своего отдела разработки.
Любые доработки, которые в платных CMS готовым модулем «под ключ» стоят 50-100 долларов, могут стоить 500 и выше.
Все, что явно не было указано в ТЗ, будет работать «как-нибудь» с очень большой вероятностью.
Сроки любой доработки могут растягиваться до неприличных – от недели до полугода.
Нужно понимать, что разработка «под требования заказчика с нуля» не может быть дешевой. И об этом варианте стоит задумываться, только если вы уже имеете опыт в создании и развитии интернет-магазина, у вас есть внятные требования к разработчикам и от пяти тысяч долларов на создание проекта. Вот примеры ценников в студиях известных, но не из ТОП-3. Это цены на разработку на базе CMS или фреймворка, не с нуля.
Только правильный выбор решения уже способен сэкономить указанные в теме материала 5000 долларов и 3 месяца. Перед тем, как читать дальше, ответьте себе на несколько вопросов:
- Как происходит покупка товара в вашем бизнесе?
- Все ли этапы (заказ, его оплата/выставление счета, дополнительные продажи) происходят онлайн?
- Какие каналы привлечения трафика планируется использовать? Какие из них будут основными?
- Какое решение из 4-х наиболее популярных (любая платформа с возможностью заказа, SAAS-решение, CMS интернет-магазина или разработка с нуля) вам подойдет?
Рентабельность разработки
Один из главных основных плюсов ведения бизнеса в интернете – все можно подсчитать. И чтобы будущий интернет-магазин не превратился в чемодан без ручки, посчитайте, во что вам выльются затраты по его созданию и продвижению. Ситуация, когда в создание проекта влито уже изрядно времени и денег, а конца и края доработкам не видно и нормальной работы интернет-магазина все еще нет, – скорее правило, чем исключение.
Есть ли данные о статистике продаж в интернете в вашей тематике? В очень упрощенной версии, схема будет выглядеть так:
Даже на ней видно, что потенциальный покупатель может отказаться от заказа на любом из семи этапов, включая последний (оплата заказа). Я также хотел показать, что существуют пути «срезать» несколько пунктов. Например, вместо семи этапов их может быть всего три – переход с контекстной рекламы (или из поисковых систем) сразу в карточку товара, заказ в 1 клик, подтверждение и оплата заказа.
Также на схеме показаны 3 самых распространенных места, где можно увеличить сумму заказа, предложив дополнительные товары.
А самое печальное во всей это схеме то, что до финиша доберется менее 3% посетителей.
Именно поэтому перед тем, как серьезно вкладывать деньги и время в создание интернет-магазина, соберите следующие данные:
- Возможная посещаемость сайта и посещаемость целевых страниц. Здесь важны даже не супер-точные данные, а примерный порядок цифр.
- Средняя конверсия в заказ. Если ваш товар не уникален (то же самое или очень похожее можно купить еще у пяти-пятидесяти конкурентов), закладывайте цифры от 0,5 до 3%.
- Средний чек и доход с одной продажи.
- Количество повторных продаж одному клиенту.
Это обычно выглядит так:
Но, во-первых, не в каждой нише есть повторные заказы. Если их убрать, то уже сразу пострадает прибыльность всей схемы.
При том, что обработать 250 заказов – это более 10 заказов ежедневно. И нужно будет по каждому уточнить заказ, проверить оплату, проверить наличие товара, собрать посылку, добраться в транспортную компанию, отправить посылку, отдать покупателю данные для трекинга.
Как узнать примерную посещаемость интернет-магазинов вашей ниши? Иногда есть товарищи, которые открыто вешают информер счетчика «Яндекс.Метрики» или Liveinternet на сайт. Если таких не нашлось (спойлер – в нашем случае нашелся №3) – порядок цифр можно подсмотреть в сервисе Similarweb.com. Он не дает точной статистики и местами привирает, особенно на маленьких цифрах, но для базовой оценки сгодится. На примере:
Что мы видим – все сайты имеют более 1000 страниц в индексе поисковых систем, но старые сайты получают больше посетителей. Имеет смысл потратить час-другой на то, чтобы собрать среднюю информацию именно по молодым сайтам, а на основе этих данных строить свои прогнозы.
Мы переходим к следующему этапу – считайте, пессимистичный, реалистичный и оптимистичный варианты запуска интернет-магазина. Давайте возьмем самый молодой сайт-конкурент и на основе его посещаемости перепишем данные в нашей табличке:
В общем, когда мы в данные поставили реальную посещаемость молодого сайта – цифры стали намного меньше, чем в стартовой табличке (особенно без повторных продаж). Конечно, все может быть намного лучше – выше конверсия, больше прибыль. Но может быть и хуже – в примере посещаемость сайта взята спустя 14 месяцев от даты регистрации домена, а не через полгода.
Еще два фактора, которые следует принять к сведению на этапе подготовки – есть ли у вас личный опыт в создании интернет-магазинов и можете ли вы привлечь экспертов к составлению ТЗ и проверке результатов. Почему важен личный опыт? Вот так выглядит техническое задание на весь интернет-магазин от дилетанта:
А вот так выглядит техническое задание и рекомендации только по работе с пагинацией (перехода на следующую страницу в категории, если в ней много товаров), написанное профессионалами.
Именно поэтому важно или самому на хорошем уровне разбираться в технических тонкостях создания интернет-магазина или быть уверенным в исполнителях.
Рекомендация, которая позволит сделать все нормально с первого раза и с минимумом доработок – детальнейшее техническое задание и максимально подробный список всех необходимых функций. Если чего-то не было в ТЗ – этого не будет на сайте. Если работа какого-то модуля не была описана – она будет сделана так, как посчитает нужным исполнитель, а не так, как вы ожидали. Это – суровая действительность.
Для тех, кто уже вляпался в разработку интернет-магазина как заказчик, или для разработчиков все вышенаписанное можно отнести к разряду «Записки Капитана Очевидность». Так или иначе, со всем вышенаписанным уже пришлось столкнуться, поэтому от общих мыслей – к конкретике. Функционал интернет-магазина – какие пункты вы можете использовать при составлении ТЗ?
44 рекомендации по функционалу интернет-магазина
Значительно сократить время разработки и ее стоимость получится, если необходимые вам из этого списка функции есть в выбранном решении или реализованы в виде дополнений и модулей.
Шапка сайта
Для интернет магазинов стандарт – размещение всей основной информации в верхней части. Какие модули привыкли видеть посетители?
1. Логотип. Хорошая практика – логотип занимает менее 15% места.
Не очень хорошо, если вместо размещения ценной информации логотип занимает большую часть шапки сайта.
Вы и без моих примеров видели сайты с шапкой в 300-400 пикселей высотой, где вся ценная информация – главное меню.
2. Номера телефонов на видном месте. Плюсом будет бесплатный номер 8-800-ххх-хх-хх. Такой номер в аренду стоит до 1000 рублей в месяц + минута разговора, сопоставимая с тарифами мобильной связи. А посетителям дает ощущение, что перед ними чуть ли не интернет-гипермаркет. Хотя, как видно выше, федеральные сети подставляют местный номер.
Дополнительные опции к этому модулю:
2.1 Подстановка местного номера, если посетитель из Москвы, Петербурга, других миллионников.
2.2 Подмена номера по заданным условиям (например, при указании в utm-метке платного канала онлайн-рекламы). Критично для сайтов, где весомый процент заказов идет по телефону.
2.3 Номер должен быть набран текстом, т.к. некоторые браузеры мобильных устройств позволяют позвонить в один клик. Пример, который я не смог найти, – номер является частью картинки в шапке сайта.
2.4 Номера телефонов разных мобильных операторов. Вроде мелочь, но те, кто застал эпоху, когда по мобильному разговаривать было дорого, подсознательно помнят: с «МТС» дешевле звонить на «МТС», чем на «Мегафон». Этот пункт – скорее, забота о клиентах, чем реальная возможность кому-то сэкономить 50 копеек за минуту разговора.
3. Возможность определения города посетителя по IP-адресу. Обычно это нужно при наличии сети магазинов, пунктов самовывоза, каких-то отличий в ассортименте для разных городов.
3.1 Кроме указания номера телефона и спецпредложений, часто связывают определение города с онлайн-чатом, тогда оператор имеет возможность начать общение не с общего «Я не робот, давайте вам что-нибудь подскажу», а с более персонализированного «Хотите, я вам подробнее расскажу про товар N и его доставку в город M?».
4. Возможность заказа обратного звонка. Обычно размещается сразу возле номеров телефона, реже – назойливыми всплывающими окнами «Мы перезвоним вам за 29 секунд». Бывает и другая сторона назойливости – слишком незаметная callback-кнопка. В моей практике был забавный случай, когда меня спросили, где лучше разместить кнопку обратного звонка и каким модулем/сервисом ее лучше сделать. Забавным было то, что сама кнопка была в шапке сайта сразу возле телефонов, но у владельцев настолько «замылился глаз», что ее не замечали в упор.
5. Дополнительное меню, где указаны основные условия сотрудничества – доставка, оплата, гарантии, возврат и т.д. Обычно расположено верхней строкой.
6. Поиск по сайту с автодополнением. Если поиск при вводе не показывает номенклатуру, совпадающую с вводимым запросом, а только перекидывает на страницу «по вашему запросу ничего не найдено» – поиск на сайте не работает.
7. Вход/Регистрация. Пример иезуитской формы регистрации я покажу дальше, а к входу или регистрации как к модулю требование только одно – если можно сделать вход и регистрацию через соцсети, добавьте такую возможность.
7.1 Также при первом визите посетителя его можно «цеплять» бонусом вроде «Зарегистрируйтесь и получите NNN рублей на счет» или другими привлекательными бонусами.
8. Корзина. Будет хорошо, если при добавлении хотя бы одного товара корзина будет напоминать о необходимости сделать заказ.
9. Главное меню или каталог товаров. Тут каких-то единых рекомендаций нет. Хорошо, если получилось так разбить товары, что до каждой категории можно добраться в 1 клик. Если пробежаться по интернет-магазинам РФ из ТОП-100 по объему продаж, можно увидеть абсолютно разные варианты.
Вертикальное основное меню:
Выпадающий каталог вместе с основными категориями:
10. Список желаний (закладки) и сравнение товаров. Это очень удобные опции, они вроде как не обязывают к покупке, и посетителям проще добавить товар в список желаний или сравнения, чем в корзину. Это одна из причин, по которым на «одежных» женских интернет-магазинах эта функция есть почти всегда. А после недолгого блуждания по сайту эти товары будут показываться где-нибудь в блоке «Вы смотрели» или «Последний писк моды».
Каталог товаров
1. Максимально простая навигация для пользователей. Т.н. мега-меню, когда в категории выводятся самые популярные подкатегории и товары и попасть туда можно в один клик.
Пример горизонтального мега-меню для большого количества подкатегорий:
Максимально неудобный вариант, который не привожу, – если для выбора каждой следующей категории нужно кликать по ней.
2. Навигационная цепочка (хлебные крошки). Позволяет, находясь внутри каталога, в один клик вернуться в любую из категорий, предшествующих текущей странице.
3. Для товаров со множественными характеристиками – возможность фильтрации.
Дополнительным бонусом будет возможность сохранять результаты фильтрации как отдельную страницу для получения низкочастотного трафика. В примере выше это реализовано немного по-другому:
4. Возможность показывать товар в нескольких категориях. Если возможность показывать товар в родительских категориях как бы подразумевается сама собой, например, при вложенности категорий «Для женщин – женские головные уборы – бейсболки», логично выводить бейсболки в каждой из категорий. Главное, при этом иметь единый url у каждого товара, чтобы не наплодить дублей страниц. И иметь возможность показывать этот же товар в категории «Бренды – Puma – Бейсболки»
5. Возможность сортировать товары и выводить определенное количество товара на странице.
Отдельное спасибо тем интернет-магазинам, которые позволяют показывать только имеющиеся в наличии товары.
6. Вывод всевозможных акций, бонусов, спецпредложений для товаров прямо в категории.
7. Для интернет магазинов, в которых средний заказ – 10-20 позиций (любой оптовый магазин, доставка продуктов), обязательна возможность добавить товар в корзину прямо из категории. Вы представьте, что заказываете продукты. И нужно лишние 10-20-50 раз зайти в карточку товара, чтобы добавить его в корзину. Продуктовые магазины это понимают:
Небольшое отступление. Некоторые процессы в интернет-магазине вообще сильно обусловлены тематикой. Если вы эксклюзивный поставщик или производитель востребованного товара, вы можете не только заставлять делать лишние клики, но и предлагать такие условия сотрудничества (скриншот сделан в оптовом интернет-магазине, и это еще не самый плохой вариант).
8. Постраничная навигация, она же пагинация. Возможны несколько вариантов – номера страниц, бесконечная прокрутка (когда после прокручивания вниз добавляются товары).
9. Бренды и производители. Это дополнительный источник коммерческого трафика из поисковых систем, если реализовать вывод товаров по брендам отдельными страницами.
10. Расширенная карточка товара в категории. Например, возможность увидеть доступные размеры и цвета при наведении либо приблизить фото:
Карточка товара
1. Фотографии. Они не так критичны, если вы продаете автозапчасти – владелец авто и так прекрасно знает, как выглядело его лобовое стекло до момента, пока оно не треснуло, и ищет по VIN-у. Или любая другая техника – характеристики одни и те же, покупатель может просто искать, где дешевле, быстрее, лучше условия, подарок и т.д. Если фотография влияет на принятие решения, она должна быть качественной.
1.1 Возможность задать товару несколько фотографий, навигационная панель для смены фото. Желательно также иметь возможность увеличить фотографию.
1.2 Опционально – «покрутить товар на 360 градусов». Имеет сразу несколько подводных камней – зачастую эти модули работают на flash, показывая вместо себя окно «Обновите flash-плеер». Второй момент – для каждого товара придется сделать серию фото и объединить их в специальный формат, либо задать очередность их смены при «кручении». Это очень большие временные затраты на создание и обработку фото. Есть разница – щелкнуть 3 кадра с разного ракурса, или делать 4-8 фото с одной и той же точки, поворачивая товар между каждым кадром на примерно равные промежутки.
1.3 Это напрямую не относится к фото как к модулю на сайте, но все же. Штраф за использование чужих фотографий – 10 000 рублей за одно фото. Сумма удваивается при наличии обработки (вставки своего водяного знака, обрезки, и т.д.). В странах СНГ вообще наплевательское отношение к авторским правам, но коммерческие сайты – именно тот случай, когда можно на ровном месте получить иск на несколько сотен тысяч рублей просто за использование одного чужого фотосета.
1.4 Водяной знак – как раз, чтобы не искушать конкурентов брать ваши фотографии.
2. Цена. Два простых требования – цена должна быть заметной и актуальной. Визуально цену делает меньше округление копеек, 200 р. выглядит меньше, чем 200,00 р.
3. Описание товара. Если ваш интернет магазин с дорогими товарами будет болтаться на задворках поисковой выдачи, причина может быть такой:
Вот и все описание лодки за почти две тысячи долларов.
3.1 Технические характеристики товара. Обычно они связаны с модулем фильтрации, т.е. в фильтре выводятся характеристики товаров выбранной категории.
3.2 Отзывы. Мое субъективное мнение – из интернет-гипермаркетов с техникой лучше всех с отзывами работает «Розетка». На популярные модели может быть более 500 отзывов (и это не единичное явление) + системная работа с видеообзорами товара.
Помимо реально полезной информации, чтение отзывов и просмотр видео увеличивает время, которое посетители проводят на сайте, что очень хорошо сказывается на его продвижении.
3.3 Вопрос-ответ. Можно совместить с предыдущим вариантом, а можно сделать отдельно отзывы, отдельно вопросы.
При использовании такого функционала, хорошо бы продумать, как получать хорошие отзывы. Плохие вам и так напишут все, кому что-то не понравится. На примере выше четко видно, как 3 недовольных покупкой критика вывели среднюю оценку на тройку с плюсом.
3.4 Обзоры и видео, хотя бы для популярных товаров. Небольшое отступление – некоторые блогеры в конце статьи публикуют небольшие видеоролики (на 3-5 минут). Не свои, а просто развлекательные, забавные или интересные. Это увеличивает срок, проведенный на сайте. А если вы разместите несколько видео про конкретный товар, то получите две выгоды – а) более длительное время просмотра страницы б) дадите посетителю возможность все посмотреть на сайте, а не догугливать «товар + ютуб», где он найдет обзор на канале конкурента и купит у него же.
4. Возможность заказа в 1 клик. По моему мнению, обязательную регистрацию могут позволить себе немногие. Это посещаемые интернет-магазины, где все равно будет нужное количество заказов просто за счет объема трафика. Также это магазины, которые продают эксклюзивный товар либо сами являются производителями. Ну, и сетевые магазины, когда покупатель целенаправленно покупает в одной сети из-за различных бонусов. Чаще модуль встречается на небольших магазинах, т.к. все данные покупателя все равно придется получать (чтобы отправить товар).
5. Связанные товары или «Вместе с этим покупают». Это просто отлично работает в строительной тематике, когда вместе с мешком шпатлевки можно купить ведро, насадку для размешивания, шпателя и сетку, причем стоимость дополнительных покупок в 2 раза выше, чем основной заказ. По сравнению с этим дополнительные товары для техники (типа пленки и чехла на смартфон) кажутся вообще ерундовыми.
6. Недавно просмотренные товары. Напоминают посетителям о уже пролистанных товарах.
7. Добавление в корзину. Здесь главное – ясно дать понять, что товар добавлен в список заказа. Каким образом выглядит это оповещение – дело вкуса. Варианты:
8. Все бонусы, которые показываются для товара в категории, должны показываться и в карточке товара. Скидки, стикеры, подарки и прочее.
9. Наличие товара. Если в категории нет возможности выбрать только те вещи, которые можно заказать, в карточке товара указывайте наличие той или иной позиции. Вы избежите многих неловких ситуаций, если оповещение об отсутствии товара будет заметным, и кнопка заказа или добавления в корзину не будет показываться для таких товаров.
10. Различные «пруфы». Официальный дилер, условия доставки, гарантия и т.д. – все то, что влияет на принятие решения, лучше разместить в непосредственной близости от кнопки заказа. Как тут, например:
Корзина
Про то, какой должна быть форма регистрации и оформление заказа, чтобы не вызывать лютой ненависти, уже написано очень много статей, я вряд ли добавлю что-то новое. Поэтому два момента, которые лично меня выводят из себя больше всего:
- Не заставляйте заполнять поля, которые реально не нужны вам, чтобы отправить заказ.
- Сохраняйте добавленные в корзину товары – нет ничего хуже, чем, собрав большой заказ за пару часов, на следующий день увидеть пустую корзину.
Функционал
Предыдущие три десятка возможностей интернет-магазина относились к витрине, а следующие будут про модули, которые облегчают жизнь владельцу и персоналу интернет-магазина, а также общие рекомендации к сайту.
1. Синхронизация цен и остатков. В зависимости от уровня это может быть, как громоздкая процедура обновления цен из 1С, «МойСклад» или любой другой программы учета, так и простой импорт данных из таблички Excel для мелкого бизнеса.
2. Импорт данных на сайт. Вручную в админпанели сайта заполнять сотни (а зачастую – десятки тысяч) однотипных позиций может только очень усидчивый человек. Обычно готовится файл с данными где упрощено добавление однотипных характеристик. А уже эти данные загружаются на сайт.
3. Генерация товарных фидов для импорта на сторонние площадки – «Яндекс.Маркет», «Топшоп», «Тиу» и т.д.
4. Создание и изменение способов оплаты и доставки, назначение зависимостей между ними.
5. Интеграция с сервисами почтовых рассылок, сюда же – отправка уведомлений по заказу.
6. Интеграция с уже существующей CRM-системой, либо с подходящими по характеристикам вариантам.
7. Интеграция с платежными системами для возможности оплаты онлайн (PayMaster, «Яндекс.Касса» и т.д.).
8. Интеграция с системами контекстной рекламы. Актуально при больших бюджетах на рекламу. Ситуация, когда крутится реклама на отсутствующий товар, – рядовое явление.
9. Модули статистики по посещаемости и продаваемости товаров. Вообще эти данные с вменяемой погрешностью можно получать и в Google Analytics, но гораздо проще и точнее, если все это считается на сайте.
10. Массовые действия с товарами и их опциями. Ситуация, когда нужно «повесить» какой-нибудь стикер, изменить часть данных на однотипных товарах, – вполне рядовая.
Общие рекомендации к сайту
1. Адаптивный дизайн. Доля покупок с мобильных устройств постоянно растет, поэтому сайт должен хорошо выглядеть и работать и на планшетах со смартфонами. Не поленитесь прощелкать все основные действия на сайте с мобильных устройств, часто всплывают «косяки», которые затрудняют покупку.
2. Кеширование, оптимизация изображений и загрузка страницы. Любая товарная категория или карточка товара обычно имеет от 5 до нескольких сотен изображений. Это может сильно замедлять загрузку страницы. Поэтому обязательна обработка и минимизация размера изображений перед загрузкой на сайт, а также кеширование страниц по мере обновления информации на них. Если кто-то не знает термина, кеширование – это создание статичной копии страницы или ее элементов, а не их загрузка из базы данных при обращении посетителя + сохранение каких-то элементов страницы во временные файлы браузера посетителя.
На картинке выше – скриншот из доклада сотрудника Amazon, сделанный почти 10 лет назад. Это как минимум повод в 2017 задуматься, как быстро грузятся страницы вашего сайта.
3. Для привлечения поискового трафика – раздел с полезной информацией. Будет ли это блог, статьи, форум, вопросы ответы и т.д. – ваш личный выбор.
4. SSL-сертификат. Если на сайте передается платежная информация, либо просто присутствует форма регистрации, сайт должен работать по https-протоколу. Вот что говорит об этом Google. В будущих версиях Chrome сайты, запрашивающие информацию пользователей, но не имеющие SSL-сертификата, будут помечаться, как небезопасные.
Заключение
Подходите к созданию интернет-магазина как к проектированию дома – поэтапно и обдуманно. Вы же не думаете «главное, второй этаж получше сделать, а там решим, какой высоты потолки должны быть на первом, если что – строители добавят полметра высоты, там дел-то на два дня, заодно попросим и подземный гараж с заездом сделать». Обязательно расписывайте весь необходимый функционал по максимуму – в движках интернет-магазинов все модули очень сильно переплетены между собой, поэтому все, что не будет продумано сразу, – выйдет втридорога потом.
Надеюсь, эти рекомендации позволят вам сэкономить время при выборе решения для интернет-магазина и деньги при его разработке. Чем более детально будут расписаны все ваши требования, тем проще исполнителям будет подобрать под них решение. Возможно, какой-то функционал описанный выше, вам не пригодится, а что-то важное я упустил. Вы можете в комментариях указать, какие интересные возможности вы использовали или видели.
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Пользовательское соглашение и еще 8 документов, которые должны быть на сайте бизнеса
Если просто запустить интернет-магазин и не позаботиться о нужных документах, есть риск получить штрафы в сотни тысяч рублей.
Бизнесу, у которого есть свой сайт, важно учитывать требования закона, а также позаботиться о том, чтобы избежать возможных претензий со стороны клиентов. Я практикующий юрист, расскажу, что необходимо разместить на сайте, чтобы избежать штрафов и других проблем, — советы пригодятся организациям, ИП и самозанятым.
Реквизиты
На каких сайтах нужно размещать. На любых, в том числе лендингах, созданных для рекламы, или на сайтах-визитках .
Если сайт используют для рекламы или продажи товаров или услуг, то дополнительно нужно указать ОГРН компании или ФИО и ОГРНИП индивидуального предпринимателя.
Что это за документ. Реквизиты — это сведения о владельце сайта и о том, как с ним связаться. Как минимум нужно указать наименование компании или ФИО предпринимателя/самозанятого. Еще нужен юридический адрес для компании и просто адрес для ИП и самозанятого, плюс электронная почта.
Где разместить. Там, где посетитель сможет их легко найти. Распространенная практика — опубликовать реквизиты в «подвале сайта» — разделе внизу каждой страницы. Или можно сделать отдельную страницу под названием «Контакты», «О нас» или «Юридическая информация».
Что будет, если не разместить. За нарушение закона о рекламе штраф для граждан — 2000—2500 ₽ , для ИП — 4000—20 000 ₽ , для малых предприятий — 50 000—250 000 ₽ , для средних и крупных организаций — 100 000—500 000 ₽ .
За неразмещение реквизитов штрафа не предусмотрено, но Роскомнадзор может выдать предписание об исполнении этого требования. Если его проигнорировать, бизнес могут оштрафовать: граждан — на 300—500 ₽ , ИП — на 1000—2000 ₽ , малые предприятия — на 5000—10 000 ₽ , средние и крупные организации — на 10 000—20 000 ₽ .
Оферта
На каких сайтах нужно размещать. В интернет-магазинах и платных сервисах, то есть там, где клиент заключает с бизнесом сделку. Оферта не нужна, если сайт информационный и на нем нельзя ничего купить.
Что это за документ. Это предложение заключить сделку на определенных условиях. Если посетитель согласится с условиями оферты, то владелец сайта будет обязан их выполнить.
По закону оферту обязательно нужно размещать на сайтах интернет-магазинов , которые ориентированы на розничную торговлю.
Текст оферты зависит от того, какой товар или услуга продается. Как минимум в оферте должно быть:
- наименование компании, ФИО предпринимателя или самозанятого;
- фраза о том, что этот документ, а также содержащаяся на сайте информация о товаре или услуге, являются публичной офертой;
- описание, что реализует бизнес в целом, при этом необязательно указывать в оферте конкретные параметры каждого продукта — можно написать, что описание товара или услуги будет размещено в карточке товара;
- как сделать заказ и как его отменить;
- процесс оплаты;
- условия доставки, срок хранения товара в пункте выдачи, другие правила взаимодействия клиента и бизнеса.
Где разместить. Оферту обычно размещают на отдельной странице, доступ к которой должен быть открыт для всех посетителей, без каких-либо ограничений. Назвать страницу надо так, чтобы посетитель сайта понял, что это оферта, например «Условия продаж» или «Оферта».
Что будет, если не разместить. При продаже товара или услуги розничному покупателю — штраф: для граждан — 1500—2000 ₽ , для ИП — 3000—4000 ₽ , для малых предприятий — 15 000—20 000 ₽ , для средних и крупных организаций — 30 000—40 000 ₽ .
Штраф за отсутствие оферты при продаже другому предпринимателю или компании не предусмотрен.
Акцепт
На каких сайтах нужно размещать. Везде, где есть оферта.
Что это за документ. Для заключения договора в ответ на оферту клиент должен ответить своим согласием — акцептом. Как именно должен выглядеть акцепт, в законе не указано. Обычно это кнопка с пояснением: если клиент нажмет на нее, то так он соглашается с условиями оферты.
Бывает, что отдельную кнопку для акцепта не создают, вместо этого делают форму с уведомлением: если клиент оформляет и оплачивает заказ, то он соглашается с условиями продажи.
Где разместить. Можно отображать форму акцепта при оформлении заказа или при регистрации аккаунта.
Что будет если не разместить. Клиент может заявить, что случайно перечислил деньги, и потребует вернуть их.
В Саратове организация обратилась в суд с претензией: якобы с их счета ошибочно сняли деньги в пользу разработчика сайтов, с которым никаких договоров предприятие не заключало. Суд с истцом не согласился: ответчики разместили у себя на сайте оферту на оказание услуг по разработке. Заказчик зарегистрировался на этом сайте, «подписал» соглашение кликом на кнопку «Я согласен с условиями», после этого перевел деньги. По мнению суда, это законные оферта и акцепт, поэтому иск оставили без удовлетворения.
Подтверждение заказа
На каких сайтах нужно размещать. В интернет-магазинах , ориентированных на розничного покупателя.
Что это за документ. После продажи товара покупателю интернет-магазин должен подтвердить заключение договора на условиях оферты.
Обычно это письмо по электронной почте, всплывающее окно на сайте или смс-уведомление . Важно, чтобы покупатель по подтверждению мог понять, что это его покупка. Поэтому в уведомлении должен быть номер или другой способ идентификации заказа.
Где разместить. Можно использовать любую форму, главное — подтвердить заказ сразу после его оформления или оплаты.
Что будет, если не разместить. Штраф для граждан — 1500—2000 ₽ , для ИП — 3000—4000 ₽ , для малых предприятий — 15 000—20 000 ₽ , для организаций — 300 000—40 000 ₽ .
Пользовательское соглашение
На каких сайтах нужно размещать. На сайтах с личным кабинетом, форумами, нейросетями, графическими редакторами и другими полезными для посетителей сервисами.
Что это за документ. В нем описываются правила использования сайта. К ним относятся
- права и обязанностей посетителей;
- описание функций сервиса;
- правила размещения или копирования контента;
- условия использования контента;
- правила регистрации и использования личного кабинета;
- условия подписки на контент, если таковая есть.
Пользовательское соглашение помогает явно проговорить, какую ответственность бизнес готов брать на себя, а какую нет. Например, у предпринимателя есть сайт с калькулятором примерной стоимости работ по ремонту квартиры. В пользовательском соглашении такого ресурса указывают, что итоговый расчет не является окончательным, потребитель не может требовать исполнения ремонта только на основе предложенной калькулятором цены.
Сюда же относятся правила использования контента — например, в пользовательском соглашении можно указать правила пользования форумом, копирования статей, запрет использовать бесплатный сервис в коммерческих целях.