Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 36
Элемент навигации по веб-сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. (wikipedia)
Навигационная цепочка (Навигационное меню, «Хлебные крошки», англ. Breadcrumbs) — элемент навигации по веб-сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. © Wiki
Возможно, нелишним так же будет упомянуть, что это название — культурная отсылка к сказке «Гензель и Гретель», где главные герои рассыпали хлебные крошки, чтобы найти дорогу домой, когда родители их в лес унесли. У нас более известна такая хитрость из сказки «Мальчик-с-пальчик».
У большинства магазинов отношение товаров и категорий — многие ко многим, и что тогда человеку показывать в хлебных крошках на странице товара? Это мне видится основной причиной их отсутствия на сайтах.
Путь, по которому он пришел на эту страницу? Или есть еще один подход — ввести свойство продукта «основная (главная) категория».
Подход с историей пути по которому он пришел на эту страницу — неверный, по двум причинам:
1) он мог прийти на страницу сразу из поиска
2) для SEO плохо, т.к. по одному URL будет разный контент (разные ссылки).
1) он мог прийти на страницу сразу из поиска
2) для SEO плохо, т.к. по одному URL будет разный контент (разные ссылки).
См. habrahabr.ru/post/211767/#comment_7287015 как вариант решения проблемы.
Я просто оставлю это здесь
Об атрибуте rel=«canonical» у тегов «a» и «link»
UPD. Хабр съел ссылку support.google.com/webmasters/answer/139394?hl=ru
Об атрибуте rel=«canonical» у тегов «a» и «link»
UPD. Хабр съел ссылку support.google.com/webmasters/answer/139394?hl=ru
Думаю, что при правильной структуризации категорий товаров и самих товаров отношения «многие ко многим» можно избежать. И такая структуризация будет правильной с точки зрения SEO. Один товар доступен по одному url.
А если речь о категориях вроде «promo», то правильным будет вывод в рекламном блоке ссылок на товары в своих «родных» категориях.
А если речь о категориях вроде «promo», то правильным будет вывод в рекламном блоке ссылок на товары в своих «родных» категориях.
Что значит главная категория? Зашел пользователь на сайт, перешел в категорию1, оттуда зашел на страницу товара, который отнесен к категории1 и категории2, но главной прописана категория2. Хочет он вернуться, а там вдруг категория2 прописана, которая его не интересует вовсе. Частично помогла бы кнопка «Назад», но я до сих пор считаю наиболее приемлемым выдавать все категории, к которым относится товар, и сам жду от каталогов того же.
А SEO — совсем другой вопрос, дублировать и необязательно.
А SEO — совсем другой вопрос, дублировать и необязательно.
А как вам такой вариант — если нет истории переходов по сайту — то показываем путь до главной категории. Если есть — то показываем историю (вероятно, после обработки (т.к. история может быть большая и запутанная), например — вычисляем по ней путь от продукта до корня).
К слову, если один продукт отнесен в двум категориям, никак между собой не связанным ( «которая его не интересует вовсе» ), то это косяк не системы, а владельца магазина.
К слову, если один продукт отнесен в двум категориям, никак между собой не связанным ( «которая его не интересует вовсе» ), то это косяк не системы, а владельца магазина.
Пример несколько искусственный, уж извините. Выбор фильма по жанру. Некий фильм относится к жанрам «Боевик» и «Фентези». Или «Мелодрама» и «Комедия». Чей косяк? Владельца площадки? Или, может быть, режиссеров? Ленивые ублюдки, не могут определиться с жанром, снимают все подряд.
И как все же определять главную категорию?
Да, разумно давать в хлебных крошках тот раздел, из которого пользователь пришел. Но пришел он из гугла или еще откуда-то, и как быть? Не всегда возможно правильно и однозначно определить содержание этого элемента сайта. Выход, конечно, найти можно всегда, вопрос в том, с какой стороны его искать.
И как все же определять главную категорию?
Да, разумно давать в хлебных крошках тот раздел, из которого пользователь пришел. Но пришел он из гугла или еще откуда-то, и как быть? Не всегда возможно правильно и однозначно определить содержание этого элемента сайта. Выход, конечно, найти можно всегда, вопрос в том, с какой стороны его искать.
Группировка по жанрам, имхо, не должна происходить через категории. Возможно через тэги, или через спец. свойство продукта (с соотв. фильтрами в отображении списка продуктов).
Категории, вообще, предназначены для четкой и однозначной классификации типа продукта.
Пример —
«Фрукты» / «Яблоки» / <список продуктов>
«Фрукты» / «Бананы» / <список продуктов>
Использование дополнительных категорий, имхо, возможно в некоторых случаях, вроде «Распродажа», «Новые поступления», «Урожай 2014» и т.д.
Категории, вообще, предназначены для четкой и однозначной классификации типа продукта.
Пример —
«Фрукты» / «Яблоки» / <список продуктов>
«Фрукты» / «Бананы» / <список продуктов>
Использование дополнительных категорий, имхо, возможно в некоторых случаях, вроде «Распродажа», «Новые поступления», «Урожай 2014» и т.д.
Какой вариант категоризации фильмов предложите?
«Фрукты» / «Яблоки» / <список продуктов>А вот продаю я фруктовую смесь. Из яблок и бананов. Они, знаете ли, отлежавшись рядом приобретают неповторимый вкус и аромат, которого нельзя добиться, продавая их по отдельности. И вроде там яблоки. А вроде и бананы.
«Фрукты» / «Бананы» / <список продуктов>
«Фрукты» / «Фруктовые миксы» / <список>
Условие, что в конкретном продукте присутствуют «бананы» задаётся тегами. тогда по клику на теге можно получить список всех продуктов, где присутствуют бананы, если они очень интересуют покупателя.
Условие, что в конкретном продукте присутствуют «бананы» задаётся тегами. тогда по клику на теге можно получить список всех продуктов, где присутствуют бананы, если они очень интересуют покупателя.
Теги, дублирующие категории, но одновременно и не дублирующие? А зачем? Очень интуитивный интерфейс получается. Я все же склонен считать, что все от задачи зависит. Один пример можно кое-как притянуть к определенному решению, но не все.
Нет, это не дублирующие категории, а дополнительные свойства. Для фильтрации каталога. Например, такими тегами можно выбрать все кислые фрукты и ягоды, хотя они будут находиться фактически в разных категориях.
В хлебных крошка на конкретный товар всегда будет путь только для категории товара, а в тегах — его дополнительные свойства.
При этом не нарушиться строгая структура, но добавиться возможность проще находить разные товары с необходимыми свойствами.
Применить можно к любым товарам. К тем же мобильным девайсам, например. Основные категории: Планшеты, Смартфоны, Телефоны, Фаблеты. Далее в каждой категории разбиение по брендам. Ниже идут уже сами списки моделей девайсов. Но у каждого могут присутствовать дополнительные признаки: «Экран до 4 дюймов», «Экран до 7 дюймов», «2-ядерный процессор», «2 Гб RAM» и т.д.
Клик по тегу-свойству даст список товаров аналогичных по этому признаку, причём туда могут попасть товары из других категорий.
В хлебных крошка на конкретный товар всегда будет путь только для категории товара, а в тегах — его дополнительные свойства.
При этом не нарушиться строгая структура, но добавиться возможность проще находить разные товары с необходимыми свойствами.
Применить можно к любым товарам. К тем же мобильным девайсам, например. Основные категории: Планшеты, Смартфоны, Телефоны, Фаблеты. Далее в каждой категории разбиение по брендам. Ниже идут уже сами списки моделей девайсов. Но у каждого могут присутствовать дополнительные признаки: «Экран до 4 дюймов», «Экран до 7 дюймов», «2-ядерный процессор», «2 Гб RAM» и т.д.
Клик по тегу-свойству даст список товаров аналогичных по этому признаку, причём туда могут попасть товары из других категорий.
> Какой вариант категоризации фильмов предложите?
Для фильмов — имхо, категории вообще не нужны, достаточно системы тэгов и фильтров.
Покупатель видит список тэгов, отмечает нужные («Боевик», «Фентези», «2014 год»), и получает свой список (который можно уточнять далее, отмечая другие тэги, существующие в выданной выборке).
Для фильмов — имхо, категории вообще не нужны, достаточно системы тэгов и фильтров.
Покупатель видит список тэгов, отмечает нужные («Боевик», «Фентези», «2014 год»), и получает свой список (который можно уточнять далее, отмечая другие тэги, существующие в выданной выборке).
В таком случае система тегов — и есть каталог с мультикатегориями. Называть можно вещи по-разному. Но суть их важнее. А с хлебными крошками что? Выкидываем?
Вот в том то и суть, что тут не будет категорий (т.е. однозначной «дорожки» до корня магазина), а будет «Сброс фильтров», «Возврат к результатам поиска» и т.д.
И я снова задам этот вопрос. А с гуглом и прочими прямыми переходами что делать?
PS: продолжаем холивар или все же сойдемся на том, чтобы не придумывать абсолютно универсальных интерфейсов и исходить из ситуации? Кажется, мы почти пришли к этому, и больше идти некуда.
PS: продолжаем холивар или все же сойдемся на том, чтобы не придумывать абсолютно универсальных интерфейсов и исходить из ситуации? Кажется, мы почти пришли к этому, и больше идти некуда.
> И я снова задам этот вопрос. А с гуглом и прочими прямыми переходами что делать?
В описанном случае с фильмами ничего страшного не будет. Будут прямые ссылки на продукты, необходимости в хлебных крошках тут нет, т.к. нет категорий. А на странице фильма просто список тэгов со ссылками.
> продолжаем холивар или все же сойдемся на том, чтобы не придумывать абсолютно универсальных интерфейсов и исходить из ситуации? Кажется, мы почти пришли к этому, и больше идти некуда.
Да какой холивар. Мы тут уже много лет магазины делаем, всякое перепробовали, и четкого и однозначного «нужно делать только вот так» — нет. Настройки/кастомизации всегда делаются по месту и по специфике магазина.
В описанном случае с фильмами ничего страшного не будет. Будут прямые ссылки на продукты, необходимости в хлебных крошках тут нет, т.к. нет категорий. А на странице фильма просто список тэгов со ссылками.
> продолжаем холивар или все же сойдемся на том, чтобы не придумывать абсолютно универсальных интерфейсов и исходить из ситуации? Кажется, мы почти пришли к этому, и больше идти некуда.
Да какой холивар. Мы тут уже много лет магазины делаем, всякое перепробовали, и четкого и однозначного «нужно делать только вот так» — нет. Настройки/кастомизации всегда делаются по месту и по специфике магазина.
Ebay выводит все маршруты, например
См. Яндекс.Маркет. Хотя Категории справа конечно назвать хлебными крошками в привычном виде сложно.
А если я пришел на страницу товара из гугла, например? Меня обратно в гугл выкидывать? И стоит ли вообще относить кнопку «назад» к хлебным крошкам?
Относительно более стандартных хлебных крошек: как быть, если товары к категориям относятся не один-ко-многим, а многие-ко-многим?
PS: нет, в следующий раз я уж точно буду обновлять страницу перед отправкой комментария...
Относительно более стандартных хлебных крошек: как быть, если товары к категориям относятся не один-ко-многим, а многие-ко-многим?
PS: нет, в следующий раз я уж точно буду обновлять страницу перед отправкой комментария...
Интересная статья, правда мне пришлось понимать, что же такое «хлебные крошки» по мере прочтения статьи. Может стоит добавить в начале «Ведения» определение, что же такое «хлебные крошки»?
Можно было бы еще дать ссылку на описание Bredcrumbs от Google — support.google.com/webmasters/answer/185417 и можно еще сказать, что breadcrumbs, могут быть и не одни на странице. Если товар находится не в одной категории, а в нескольких, например.
Поддерживаю. Статью необходимо дополнить хотя бы упоминанием про разметку микроданных, которая в свою очередь влияет на сниппет в поисковой выдаче. Например, searchengineland.com/figz/wp-content/seloads/2013/06/Breadcrumb-Examples.jpg
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Какие «хлебные крошки» нужны интернет-магазинам (68% сайтов допускают ошибки)?