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

  1. Хлебные крошки в веб-дизайне сегодня
  2. Как хлебные крошки улучшают SEO
  3. Краткая история панировочных сухарей
  4. наконец
  5. Похожие сообщения

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

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

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

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

Панировочные сухари особенно полезны на сайтах следующих типов:

  • Сайты электронной коммерции и шоппинга
  • большие блоги
  • базы знаний
  • сложные сайты
  • сайты с большим количеством категорий
  • сайты с множеством внутренних страниц
  • веб-приложения

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

Хлебные крошки в веб-дизайне сегодня

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

Bootstrap был достаточно любезен, чтобы включить его как часть своей базовой инфраструктуры и документации:

<ol class = "breadcrumb"> <li class = "breadcrumb-item active"> Главная </ li> </ ol> <ol class = "breadcrumb"> <li class = "breadcrumb-item"> <a href = "#"> Главная страница </a> </ li> <li class = "breadcrumb-item active"> Библиотека </ li> </ ol> <ol class = "breadcrumb"> <li class = "breadcrumb-item" > <a href= "#"> Главная страница </a> </ li> <li class = "breadcrumb-item"> <a href= "#"> Библиотека </a> </ li> <li class = " элемент хлебных крошек активен "> Данные </ li> </ ol>

В 2009 году журнал Smashing Magazine сделал потрясающее руководство по внедрению хлебных крошек, ориентированных больше на веб-дизайнеров. Я очень рекомендую проверка это руководство как его все еще актуально сегодня.

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

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

Даже Windows 10 приняла использование хлебных крошек в Explorer.exe или Windows Explorer. Microsoft использует хлебные крошки, чтобы показать пользователям, где они находятся в иерархии файловой системы. Они отказались от стандартной системы стилей DOS «C: \ windows \ system32 \ folder» в пользу более удобочитаемого формата.

Вы все еще можете использовать старый формат, но новые хлебные крошки позволяют менее опытным пользователям видеть, где они находятся в своей файловой системе. Я даже лично начал отдавать предпочтение этой новой системе даже после использования старой системы в течение 30 лет!

Как хлебные крошки улучшают SEO

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

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

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

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

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

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

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

Краткая история панировочных сухарей

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

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

Yahoo Site Explorer - сервис, который многие SEO-специалисты помнят, всегда использовали хлебные крошки в своем разделе часто задаваемых вопросов, чтобы помочь пользователям найти то, что они искали. У Yahoo была и остается обширная база знаний, поэтому пользователям необходимо найти то, что они ищут.

наконец

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

«Поможет ли добавление хлебных крошек на мой сайт моим пользователям лучше ориентироваться на сайте?»

Если вы будете следовать этим рекомендациям, вам будет хорошо! Любые вопросы задевают нас в Твиттере или в комментариях.

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

Похожие сообщения

  • 8 наиболее часто используемых SEO изображений

    SEO Стоковое Изображение Стена позора Прежде всего позвольте мне быть ясным - мы определенно виновны в использовании притворных изображений запаса. Мы хотели бы объявить, что мы находимся «в процессе восстановления» для ужасных изображений SEO и пообещали прекратить их использование любой ценой. Когда-нибудь…

  • Выбор местного SEO-консультанта против SEO-компании

    До запуска Elite Strategies я несколько лет был SEO-консультантом, но официально только около 1 года. За это время я обслужил много клиентов. Я смог извлечь из этого большой опыт, а также многое узнать о консалтинге…

  • Наследование штрафа SEO от другой компании SEO

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