Ctrl + ↑ Позднее

Фильтр в каталоге интернет-магазина

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

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

Есть два вида фильтра: «по параметрам» и «ссылками». По параметрам — стандартный, есть у каждого сайта. «Ссылками» — много подкатегорий, более узкие запросы, если категория «мужские рубашки», то быстрый фильтр ссылками: в клетку, без рукавов, в клетку без рукавов.

См. также: структура каталога интернет-магазина.

Фильтр по параметрам

Когда выбирает клиент. Товар посередине, сбоку фильтр по параметрам. Обычно в фильтре строк не пять, а двадцать, и половина с общими названиями. Избегайте сложности, делайте просто и компактно. Если под каким-то свойством нет товар — просто не показывайте его.

Хорошо Плохо

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

Быстрый фильтр ссылками

Когда выбор ограничен. Ссылки должны отвечать на запросы клиента, хотя бы общими словами. Фильтр «ссылками» идет как дополнение к «параметрам», он не может заменить его, но их можно объединить. Размер зависит от проработки семантического ядра.

Интернет-магазин «Вайлдберриз»

Хлебные крошки в интернет-магазине

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

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

Кристина ищет черное платье в «яндексе». Кликает на первую строку и видит крутое платье из коллекции «Пантера», но не с тем вырезом. Ей надо посмотреть всю коллекцию и она ищет ссылку.

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

Следуйте правилам

  • Дублируйте навигацию. Урл, хлебные крошки, вложенная навигация в боком меню — все одинаковое.
  • Логическая вложенность. Одежда → Платья → Вечерние → Кружевные.
  • Не повторяйте слова. Одежды → Платья → Вечерние платья → Кружевные вечерние платья.

Об оплате на странице товара

Пишите об оплате там, где человек принимает решение о покупке — на странице товара. Не отправляйте на страницу «об оплате».

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

См. также: о доставке на странице товара.

Как надо

  • Покажите, какие способы оплаты есть. Разместите иконки: виза, вебмани, биткойн. Не пишите словами без нужны.
  • Опишите процесс, если отличается от стандартного. 100% предоплата или только карточки принимаете, а наличные нет.

Как можно по-другому

Интернет-магазин одежды «Ламода» пишет о примерке одежды, но имеет в виду оплату:

А еще рассказывает о возврате товара. Это комбо.

Разместите иконки

О доставке на странице товара

Расскажите коротко и поставьте текст на видное место, ближе к кнопке «купить». Если товар дешевый, людям важна бесплатная доставка, если срочно — сроки доставки.

Напишите коротко

  • Стоимость. Платная или бесплатная. Зависит от стоимости товара или веса. А если недалеко от МКАД доставить. Напишите цену, хотя бы примерно.
  • Сроки. Доставка в день заказа или на следующий. Когда доставят в Гродно или Челябинск. Есть ли экспресс доставка в течении двух часов. Если под заказ, то когда примерно.
  • Способы. Привезут холодильник и поставят на кухне или скажут «мы не будем поднимать на 9 этаж». Доставка почтой или курьерской службой. Есть ли самовывоз.
  • Отказ от товара. Право такое у покупателя есть, но никто о нем не пишет. А надо.
  • Возврат. Можно ли вернуть товар через неделю или нет. А если заводской дефект.

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

Найдите место для ссылки на страницу «о доставке». Главное — не переборщите с текстом.

Когда можно не писать

Если у вас постоянная клиенты, которые знают все условия.

Оформление фотографий в интернет-магазине

Уделите внимание фотографиям в интернет-магазине, хуже не будет, если улучшить их. Возможно, у вас даже вырастут продажи.

См. также: важность фотографий для интернет-магазина.

13 правил по оформлению

  1. Никаких водяных знаков, закрывающих картинку.
  2. Фотографии должны быть хорошего качества.
  3. Если хотите «оригинальную» фотографию, вырежьте из видео обзора или сфотографируйте сами.
  4. Нельзя делать маленькие фотографии, если только это не миниатюры.
  5. Фотографии увеличиваются при клике, чтобы рассмотреть детали.
  6. Если несколько фотографий, то можно листать при клике сбоку.
  7. Область стрелок-листалок сбоку фотографии, больше самой стрелки, чтобы не целиться, а просто кликнуть.
  8. Листалка может работать при нажатии, а может при перетягивании (свапе), как на мобильнике.
  9. Когда фотографии долистали до конца, можно вернуть человека в самое начало, но это редко уместно.
  10. Если много фотографий, снизу должны быть миниатюры.
  11. Миниатюры — навигация по фотографиям, показывает «ассортимент» и подогревает желание листать.
  12. Большие фотографии можно не увеличивать при клике, они и так большие.
  13. Делайте подписи к фотографиям, если не прячете за слайдером, а показываете все сразу.

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

Дублирование слов в меню

Дублировать — плохо. Если убрать одинаковые слова, хуже не станет.

Меню интернет-магазина «фотосклад.ру».

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

См. также: структура каталога в интернет-магазине.

Есть еще несколько ссылок со словами «со скидкой», но их место в самой категории, а не в меню.

Правило внутреннего и внешнего

Правило о расстоянии между объектами, применяется ко всему: слова, абзацы, блоки, картинки, видео. Человек должен читать текст, а не связывать элементы между собой.

См. также: Теория близости, Артемий Лебедев.

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

На картинке две проблемы: объекты разные по смыслу — соединены, и отсутствие первостепенного и второстепенного.

Про первую проблему. Я сразу обратил внимание на слово «значение», потом на то что ниже — Молдавия. И задумался, как «значение» может быть Молдавией, в чем смысл. Слово «производитель» стоит далеко и визуально не соединено со страной, хотя линия снизу есть.

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

Как применить правило

Связать элементы одинаковые по смыслу или выполняющие похожие действия.

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

Еще убрали слова, которые понятны из контекста: «цена» над ценой и обозначение колонок.

Рядом, потому что связано

См. также: правило внутреннего и внешнего и о связи интерлиньяжа и отступов у бюро Горбунова. Относится больше к тексту.

Дубли страниц

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

Из-за чего появляются

Дубли появляются из-за цмс. Когда она плохо настроена, вы можете создать две разные страницы с одинаковым урл, вот вам и дубль. Или одна страница отображается сразу по двум урл: /?p=123 и /dubli, это тоже дубль, но не очень страшный. Если создавать все страницы вручную, дублей не будет.

Какие бывают и как избавиться

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

Если ошибся человек, просто удалите страницу. Если проблема в цмс, изучайте редирект 301 и rel=”canonical”. Редирект перенаправит со страницы дубля на основную. Тег каноникал укажет какая страница является главной, примеряется для категорий с несколькими страницами.

Товар
Возьмем айфон 6. Объем памяти 16, 64 и 128 гб. А еще есть разные цвета. Под каждый параметр можно создать отдельную страницу, но в результате получите кучу одинаковых, где меняется всего 1 слово.

Чтобы страницы были на похожи, создайте одну, но с кнопками: объем памяти, цвет, чехол, пленка. Если любите рисковать и хотите под каждый запрос сделать отдельную страницу — рискуйте.

Сделайте основной контент уникальным: если другой цвет у айфона, загрузите фотографии с этим цветом, больше объем памяти, напишите что на 64 гб поместится 2309 фотографии и можно не париться что закончится память, а просто наслаждаться моментом, а плохие фотки удалить потом.

Длина и структура урл

Короткий урл легко читается и запоминается, поэтому уберите лишние слова, оставьте только главное. Добавьте структуру: категории и дату. Станет понятно к чему относится страница и на сколько актуальна. Если много страниц, короткий урл с цифрами и структурой решит проблему.

Можно делать

Короткий:

Со структурой:

С датой, если новостной:

С цифрами, если много страниц:

Нельзя делать

Дублировать слова:

Оставлять технические штуки:

Писать много букв:

Делать из заголовка урл:

2016   урл

ЦМС для интернет-магазина

Цмс автоматизирует все на сайте: создание категорий и статей, добавление товара, описания, характеристик, картинок и видео.

Один раз рисуете дизайн, программируете, загружаете на движок (цмс). Получаете готовый сайт. Чтобы создать страницу, надо нажать одну кнопку, а не каждый раз рисовать дизайн и программировать.

Панель управления интернет-магазином, цмс «шоп-скрипт».

Какую выбрать

Есть платные и бесплатные движки.

Платные — «битрикс», «кс-кард», «инсейл», «шоп-скрипт», «юми». Оплата разово или по подписке каждый месяц. Если много денег, сделайте движок под себя — самописный. Это когда программисты создают движок с нуля под ваши требования: поставят кнопку «добавить товар» где захотите, сделают понятную статистику с выгрузкой в эксель, чтобы не тратить время на отчеты. Но если нет особых требований к движку, выбирайте дешевую или бесплатную.

Бесплатные — «опенкарт», «джумла», «друпал», «вордпрес». Выбираете тему оформления, ставите на «опенкарт», устанавливается на хостинг, добавляете товар. Все. Можно продавать.

Я использую «опенкарт», он простой, любой разберется за полчаса. Любой программист сможет добавить рейтинг к товару, поменять сортировку в каталоге и подключить складской учет. Остальные движки чуть сложней и программисты стоят чуть дороже.

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

Критерий оценки — удобство пользования
Ctrl + ↓ Ранее