Закрыть
Чек-лист идеального магазина
Продвижение интернет-магазина — организуйте тендер среди участников нашего каталога

Чек-лист идеального магазина

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

Дизайн и проектирование

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

По этой причине целесообразно для быстрого старта воспользоваться стандартным шаблоном магазина, который можно подобрать из общего списка вариантов от выбранной ранее e-Commerce платформы.

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

Рекомендуется придерживаться следующих правил:

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

Советы по дизайну

Чтобы интернет-магазин был действительно идеальным, необходимо проверить удовлетворяет ли его дизайн следующим требованиям:

  • Совместимость сайта с большинством браузеров, используемых вашей потенциальной аудиторией (кроссбраузерность).
  • Валидность HTML и CSS кода.
  • Шрифт по умолчанию не менее 12px.
  • Ссылки визуально отличаются от текста. Они взаимодействуют с пользователем, например, при наведении на них курсора мыши.
  • Основной фоновый цвет белый, основной цвет текста черный или темный, в градациях серого.
  • Наличие и правильное отображение на всех технических средствах фавикона. Представляет собой иконку, которая появляется в адресной строке браузера и в заголовке закладки. Броский фавикон позволит пользователю найти ваш сайт среди 23 вкладок с видео котиков, открытых в его браузере.

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

Рекомендуемая структура сайта

  • Главная.
  • Каталог товаров.
  • Категория товаров.
  • Карточка товара.
  • Страница оформления заказа.
  • Контент-страницы (блоги, обзоры товаров и тому подобное).

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

На главной странице

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

  • Список с популярными продуктами.
  • Побуждающие призывы к совершению пользователем действия, связанного с покупкой (all-to-action, CTA): «Получите скидку», «3 по цене 2» и тому подобное.
  • Главные и наиболее интересные предложения должны находиться в верхней части страницы, так как 55% пользователей проводят на сайте не более 15 секунд. Соответственно, это именно то время, за которое ресурс либо заинтересует потенциального покупателя или нет.
  • Отдельное внимание следует уделить наличию качественных видео. Такой материал способен задержать пользователя на сайте и действенно побудить его к совершению покупки.

На ординарной странице

  • Не допускайте информационной перегрузки. Это одна из причин высокого значения показателя отказов. Несколько предложений описания, довольно крупный текст. Более подробная информация должна быть доступна на следующих экранах или вкладках.
  • Уделите внимание действительно качественной подготовке изображений товаров.
  • Старайтесь сделать предложение уникальным и выделить преимущества позиций и магазина в сравнении с конкурентами.
  • Используйте видео.
  • Получайте актуальные и точные данные о технических характеристиках товаров из внешних агрегаторов.

Адаптивность

Идеальный интернет-магазин должен отображаться на всех технических устройствах: будь то статичный компьютер с огромным монитором и мобильный телефон с маленьким экраном. Поэтому Mobile First или дружественность интерфейса по отношению к мобильным устройствам в диапазоне от маленьких смартфонов до iPad Pro в настоящее время приобретает ключевое значение.

Более 65% пользователей интернета просматривают сайты с телефонов или планшетов. Отсутствие адаптивности сказывается на местоположении в выдаче поисковых систем. При отсутствии выполнения этого правила, ресурс может вовсе не показываться в ней из-за наложенного фильтра с их стороны.

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

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

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

Другие важные факторы

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

  • Изображения должны соответствовать высокому качеству и быть оформлены таким образом, чтобы их можно было рассматривать детально на экранах любых устройств.
  • Вся представленная информация о товарах должна быть доступна при любых разрешениях. Например, выходящие предложения или изображения за пределы экрана на смартфоне вынуждают пользователя уйти с сайта, даже в случае понравившегося ему товара.
  • Внедрение максимального количества платежных систем. Возможность мгновенной покупки удобна как пользователям, так и владельцам интернет-магазина.
  • При необходимости следует ориентироваться не только на принцип mobile first, но и создавать отдельные варианты для некоторых из страниц и разделов, которые будут оптимизированы под разные разрешения.

Целостность ссылок

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

Помимо внутренних ссылок на большинстве современных сайтов присутствуют и внешние, ведущие на сторонние сайты. Их работоспособность также необходима. Такие лучше реализовывать при помощи перехода на новый сайт через отдельное окно.

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

Все номера телефонов на сайте должны быть реализованы как ссылки с атрибутом «tel:»

Работоспособность форм и нотификаций на сайте

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

Служебные страницы и страницы ошибок

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

  1. Рубрикатор каталога товаров.
  2. Списки с популярными товарными позициями.
  3. Ссылки на раздел со специальными предложениями.
  4. Скидки, акции, получение промокода, распродажа.
  5. Список ключевых страниц ресурса с возможностью перехода на них.
  6. Форма поиска.

Функциональность и торговля

Скорость загрузки сайта

По статистике 47% покупателей ожидают, что сайт интернет-магазина будет загружаться не дольше 2 секунд. Если загрузка продлится дольше, посетители уйдут к конкурентам. Вопрос обеспечения быстродействия сайта зависит от множества факторов:

  • Технологическая платформа.
  • Особенности хостинга.
  • Нагрузка на сайт со стороны посетителей и внешних воздействий.
  • Оптимизация контента (особенно изображений).
  • Использование сторонних сервисов на сайте.

Каталог товаров

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

Поиск

Поисковый механизм чаще всего реализуется на выбранной e-Commerce платформе, также он может быть внедрен отдельным программным продуктом или внешним сервисом. Но к нему предъявляется ряд определенных требований, как и к другим элементам идеального интернет-магазина:

  • Поиск должен быть способным эффективно искать по свободной строке. Например, не по цифровому артикулу, а по запросу «летняя рубашка в полоску». Не только по точному названию продукта (например, «бокал Прованс»), но и по смежным запросам, в частности, «бокалы для шампанского».
  • Присутствие автозаполнения при начале ввода знакомых поиску фраз. Этот механизм гарантированно улучшает пользовательский опыт и ведет к увеличению конверсии.
  • Автоматическая обработка пользовательских ошибок и опечаток.

Методы увеличения доверия посетителей

Увеличение уровня доверия со стороны посетителей интернет-магазина достигается следующими факторами:

  • Размещение на видных местах значков и баннеров, подтверждающих безопасность сайта сторонними организациями.
  • Ссылки на страницы с условиями доставки и возврата, защиты платежей. Должны находиться в видимых областях ресурса.
  • Наличие реальных отзывов покупателей о сайте и товарах.
  • Видимость и точность контактной информации на сайте. Контактный телефон (лучше 8-800) размещается в верхней части сайта.
  • Создание отдельной страницы, рассказывающей о компании и сотрудниках.

Другие рекомендации

  • Идеальный интернет-магазин предполагает ежедневную работу. Например, ситуация со скорым исчерпанием каких-либо позиций со склада должна упоминаться в карточках товаров. Для оформления подойдет фраза «последний». Это позволит привлечь запасливых и сомневающихся покупателей.
  • Рекомендуется подключить опцию, информирующую пользователей о появившихся товарах интернет-магазина.
  • Внедрение кнопки с возможностью публикации товарных карточек в социальных сетях усилят конверсионные возможности сайта.
  • Доступ к корзине и оформлению заказа должен быть абсолютно простым и легким. Традиционно иконка корзины должна располагаться в верхнем правом углу шапки сайта. Клик по ней должен открывать и ссылку на процедуру оформления заказа. Эта иконка должна присутствовать на всех без исключения страницах сайта, чтобы пользователь имел возможность сделать покупку в любой момент.
  • Дожимание продаж или допродажи. Реализация функционала с уведомлениями о брошенных корзинах.

Контент-маркетинг

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

Базовые каналы продаж

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

Безопасность

  • Обязательное наличие у сайта SSL-сертификата.
  • Круглосуточный мониторинг работоспособности сайта с уведомлениями владельцу магазина и ответственному администратору.
  • Автоматическое сохранение финальной копии последней релизной версии сайта на нескольких носителях. Выгрузка на несколько облачных хранилищ.
  • Настройка регулярных автоматических бекапов содержимого веб-сайта и базы данных.
  • Создание и регулярное обновление сложных паролей ко всем административным и статистическим системам сайта. Настройка логов.

Правовые аспекты

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

  • Правила и условия использования сайта.
  • Политика конфиденциальности и правила обработки персональных данных.
  • При наличии международной аудитории решение вопросов с GDPR и CCPA.

Аналитика и тестирование

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

  • Установка счетчиков и веб-сервисов аналитики от популярных поисковых систем, в которых планируется SEO продвижение: от Яндекса понадобится Метрика с Вебвизором и Вебмастер, от Гугла - центр веб-мастеров и Analytics.
  • После установки кодов на сайт потребуется проверка их работоспособности и внесение дополнительных данных об интернет-магазине для более глубокой аналитики.
  • Выполнить настройки по реализации конверсионных целей.

Услуги