Как использовать навигацию Breadcrumb в 2017 году

  1. Что такое хлебные крошки
  2. Преимущества крошки
  3. Когда использовать панировочные сухари
  4. Типы крошки
  5. Панировочные сухари и пользовательский опыт (UX)
  6. Панировочные сухари и SEO
  7. Свежие идеи для панировочных сухарей

Многие интернет-пользователи ожидают, что бренды (особенно те, у кого есть большие сайты) будут использовать навигацию в своих дизайнах сайтов

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

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

Что такое хлебные крошки

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

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

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

Главная> Покупки по комнатам> Ванная комната> Городская баня> 36-дюймовый белый туалетный столик с раковиной

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

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

  • Где я сейчас по отношению ко всему сайту?
  • Какие у меня есть выбор для навигации отсюда? Панировочные сухари делают каждый раздел доступным для поиска.
  • Хочу ли я пойти туда? Панировочные сухари поощряют просмотр, заманивая пользователей к следующему местоположению.

Преимущества крошки

Панировочные сухари облегчают навигацию по сайтам для улучшения UX следующими способами:

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

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

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

Типы крошки

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

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

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

Главная> Одежда> Женская одежда> Пижамы и халаты> Рубашки для сна> Рубашки для сна с длинными рукавами

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

Панировочные сухари и пользовательский опыт (UX)

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

Когда дизайнеры не предоставляют «хлебную крошку», пользователи нажимают на встроенные ссылки или используют кнопку «Назад». Люди На 82 процента больше использовать панировочные сухари, если они расположены прямо под заголовком страницы. Используйте их в адаптивном макете следующим образом:

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

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

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

Панировочные сухари и SEO

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

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

Свежие идеи для панировочных сухарей

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

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

(Ведущее изображение: А - партнерская ссылка )

Похожие

КАК ОПТИМИЗАЦИЯ SEO SEO?
Итак, у нас есть четыре методологии, с помощью которых мы можем трансформировать слой нашего мира: файл конфигурации, луч внимания, проектор и бумеранг. Давайте посмотрим
-R§S, RẑS, R ° RêRẑRμ SEO? -RćRїС, РЁРЧЕРС, РЕСУРСЫ, РЕСУРСЫ <РЕСУРСЫ, РЕСУРСЫ! Прибалтика, Москва, Россия,...
-R§S, RẑS, R ° RêRẑRμ SEO? -RćRїС, РЁРЧЕРС, РЕСУРСЫ, РЕСУРСЫ <РЕСУРСЫ, РЕСУРСЫ! Прибалтика, Москва, Россия, Россия, Россия, Россия Чёрный, Чёрный, Чёрный ... Прибалтика, Приморский край, Рио-де-Жанейро, Рибор, Рисбюринг, Рюсские острова , Ѓ Ѓ <ј <<<SEO
Понимание SEO | Преимущества SEO | Виды SEO
... инающих блоггеры все еще должны быть в облаке с SEO, и какая польза от этого для нашего блога или веб-сайта. Понимание SEO - это сокращение от Поисковой оптимизации, что в нашем языке означает поисковую оптимизацию. SEO - это методика или процесс, позволяющий повысить качество сайта, чтобы он имел высокий рейтинг на страницах результатов поисковой системы (SERP = страница результатов поисковой системы ), чтобы максимально увеличить
Что такое мобильное SEO, как оптимизировать?
Смартфоны становятся все более и более распространенными, и с ростом уровня использования большая часть Интернета используется посредством мобильных звонков. Скорость звонков через ПК неуклонно падает! Каждое мгновение дня в сети циркулирует сеть Интернет на каждой платформе, Интернет по телефону, читают новости, сайты электронной коммерции, магазины, социальные сети. С ростом использования мобильных устройств владельцам существующих веб-сайтов стало неизбежно очень хорошо оптимизировать
Что такое ярлык для SEO?
Теги или теги являются источниками информации на самом сайте. Эти теги видят не пользователи, а поисковые системы. Они написаны на языке HTML в самом веб-документе и будут анализироваться ботами каждой поисковой системы, например, такими как: паук Google , С их помощью вы можете решить, какие страницы вы хотите индекс
Полиция SEO
Я был немного разочарован, когда увидел Рэнда еще один сайт относительно недавно. Почему сайт вышел? Потому что они занимали место в SEO компании, и Рэнд не считал, что их обратные ссылки должны учитываться (и Рэнд
»Hyein Seo
Джонатан Фэйерс - профессор модного мышления в Винчестерской школе искусств, Саутгемптонский университет. Великобритания Изначально изучая дизайн одежды в Central St. Martins, Джонатан работал театральным дизайнером и консультантом по розничной торговле в музее Виктории и Альберта, а также демонстрировал свои видео-работы
Что такое SEO с длинным хвостом?
... инный хвост» или «длинный хвост» на английском языке - это метод, который заключается в позиционировании себя в поисковых системах по нескольким очень конкретным поисковым терминам, состоящим из 3 или более слов, причем последнее легче позиционировать при поиске. Низкая конкуренция и лучшая конверсия. Поэтому это стратегия продажи большого количества продуктов в небольших количествах, отсюда и название «длинный хвост».
SEO Консалтинг
SEO Консалтинг Получите всю информацию о видимости вашего бизнеса в результатах поиска Google с помощью нашей службы SEO Consulting . Наличие SEO-анализа на странице в вашей общей стратегии SEO имеет важное значение для улучшения позиций в обычных результатах поиска. SEO Консалтинг Seo Asesor - это процесс анализа различных специфических аспектов вашей веб-страницы, таких как текст и содержание изображений,
SEO аудит
Сайт Abondance предлагает SEO-аудит вашего сайта. Аудит, проведенный Оливье Андрие , признанным экспертом в мире французской референции, после отправки вам отправляется по почте в виде PDF-документа объемом около шестидесяти страниц, в котором перечисляется, что необходимо сделать на своем сайте, чтобы он лучше учитывался поисковыми системами, такими как Google, Bing или Yahoo! : Индексация
Как выбрать SEO агентство?
Вы только что переделали сайт. Это новое Это красиво Я надеюсь, что вы будете оптимизированы для смартфонов и планшетов. Но у него небольшая проблема: никто этого не видит! Почему? Конечно, потому что вы не приняли во внимание то, как важно иметь сайт (и я надеюсь, что все вы читали, что это не что иное, как банальность!) SEO , Понять хороший сайт без эффективной SEO- деятельности - это

Комментарии

Теперь, когда они не будут снабжены ярлыками «SEO», как вы скажете, какие темы оптимизированы для SEO?
Теперь, когда они не будут снабжены ярлыками «SEO», как вы скажете, какие темы оптимизированы для SEO? Проверьте пункты ниже: Текст: Визуальные темы отлично подходят, особенно для сайтов художников и фотографов. Тем не менее, тот факт, что они оставляют мало места для текста, может работать против них, когда дело доходит до рейтинга в поисковых системах. Сканеры не предназначены для самостоятельного анализа изображений, они работают только с текстом. Итак,
Что такое локальный SEO и каковы его преимущества?
Что такое локальный SEO и каковы его преимущества? Перед тем, как перечислить лучшие практики SEO, мы должны понять, в чем заключается эта стратегия. Я не вижу лучшего способа объяснить это, чем хорошо известный пример. Могу поспорить, что вы когда-нибудь проводили исследования в своей жизни, чтобы найти местные предприятия. Это может быть магазин в вашем районе, поставщик услуг в городе или супермаркет в этом районе. В ходе опроса вы, вероятно, узнали о некоторых
Но что это такое и как вы можете использовать его для расширения своего бизнеса?
Но что это такое и как вы можете использовать его для расширения своего бизнеса? Позвольте нам выяснить. Что такое Google Trends? Google Trends это веб-сайт, который позволяет вам взглянуть на то, что люди ищут в Поиске Google и других его службах, таких как Поиск картинок, Google Покупки и т. д. «Данные трендов - это беспристрастный образец наших поисковых данных Google. Он анонимный (никто не идентифицирован
Что такое SEO: как это может помочь вашему бизнесу?
Что такое SEO: как это может помочь вашему бизнесу? SEO расшифровывается как поисковая оптимизация и определяется как действие, которое необходимо предпринять для оптимизации своей онлайн-платформы для индексации и ранжирования. Итак, почему это важно? Достижение высокого рейтинга увеличивает общую видимость - это похоже на то, как вы бы перечислили дом для
SEO Что такое SEO?
SEO Что такое SEO? SEO u Поисковая оптимизация (Search Engine Optimization) - это процесс, с помощью которого мы улучшаем наш веб-сайт как внутри компании, так и за ее пределами, чтобы она появлялась в первых результатах поиска самых популярных поисковых систем, таких как Google. Само SEO как дисциплина настолько меняется, что вам всегда приходится обновляться, я всегда говорил,
Теперь, когда вы уже знаете, как научиться SEO, как насчет того, чтобы охватить эту специализацию цифрового маркетинга и сделать карьеру в этой области настолько перспективной?
Теперь, когда вы уже знаете, как научиться SEO, как насчет того, чтобы охватить эту специализацию цифрового маркетинга и сделать карьеру в этой области настолько перспективной? Будьте в курсе, подписав наш бюллетень , Альберто Валле, директор и инструктор Академии маркетинга Как научиться SEO 5 (100%) 25 голосов
Тем не менее, нам, как специалистам по SEO, хотелось бы этого: как, например, сравнивается органическая эффективность сайта с тем, что было год назад?
Тем не менее, нам, как специалистам по SEO, хотелось бы этого: как, например, сравнивается органическая эффективность сайта с тем, что было год назад? Это ограничение можно решить только путем загрузки и сохранения данных не чаще одного раза в 90 дней. Поскольку мы можем легко получить все данные с помощью надстройки Edge Analytics для Excel, это также идеальное место для хранения всех данных (в том числе до этих 90 дней). Поэтому панель инструментов SEO, которую я описываю в этих статьях,
Что такое плагин WordPress AMP и как его использовать?
Что такое плагин WordPress AMP и как его использовать? WordPress AMP WordPress имеет очень подходящую инфраструктуру для развития и приватизации. Поскольку Google AMP ограничивает многие функции на нашей странице, вам следует выполнить детальную настройку. С помощью плагина WordPress AMP вы можете настраивать такие особенности дизайна вашего сайта, как цвет, макет страницы и логотип. Я говорю, что работа по приватизации кода в области программного обеспечения
Инструменты из SEOMoz или дополнения, такие как SEO книги RankChecker Приличный для офиса, но что делать, когда вы находитесь в пути?
Что такое плагин WordPress AMP и как его использовать? WordPress AMP WordPress имеет очень подходящую инфраструктуру для развития и приватизации. Поскольку Google AMP ограничивает многие функции на нашей странице, вам следует выполнить детальную настройку. С помощью плагина WordPress AMP вы можете настраивать такие особенности дизайна вашего сайта, как цвет, макет страницы и логотип. Я говорю, что работа по приватизации кода в области программного обеспечения
С учетом вышесказанного, что делает ключевые слова (или ключевые слова SEO) настолько важными, что вы можете видеть, что почти все советы по ведению блога сильно подчеркивают это?
С учетом вышесказанного, что делает ключевые слова (или ключевые слова SEO) настолько важными, что вы можете видеть, что почти все советы по ведению блога сильно подчеркивают это? Вот что я думаю по-своему. Ключевые слова - это слова, варьирующиеся от одного до пяти слов, которые считаются важными роботами поисковых систем (некоторые называют это пауками, поисковые системы, вы получили тренировку). Не пойми меня неправильно. SEO ключевые слова выбраны, которые
Что ж, для тех из вас, кто все еще сомневается, давайте кратко расскажем о том, что такое SEO?
Что ж, для тех из вас, кто все еще сомневается, давайте кратко расскажем о том, что такое SEO? (Для тех из вас, кто еще новичок в этом, вы можете прочитать наш блог на полное руководство по пониманию SEO для начинающих ) ЧТО ТАКОЕ SEO? SEO просто относится к процессу, который усиливает трафик сайта и рейтинг органически. Это мощный инструмент, который определяет успех вашего бизнеса в цифровом мире.

Какие у меня есть выбор для навигации отсюда?
Хочу ли я пойти туда?
R§S, RẑS, R ° RêRẑRμ SEO?
Почему сайт вышел?
Теперь, когда они не будут снабжены ярлыками «SEO», как вы скажете, какие темы оптимизированы для SEO?
Что такое локальный SEO и каковы его преимущества?
Но что это такое и как вы можете использовать его для расширения своего бизнеса?
Что такое Google Trends?
Что такое SEO: как это может помочь вашему бизнесу?
Итак, почему это важно?