Полезное

Как сделать хорошую навигацию по сайту

Автор Freelance.Today

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

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

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

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

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

 

Построение эффективной навигационной структуры

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

Вот что нужно рассматривать:

  • Где должна быть навигация на странице?
  • Какая информация должна быть представлена ​​в глобальной навигации?
  • Сколько категорий / подкатегорий вы должны включить?
  • Будете ли вы использовать выпадающие меню?
  • Если пространство ограничено, какие элементы навигации вы включаете или исключаете?

Ответы на эти вопросы часто начинается с понимания двух типов навигационных ссылок. Ссылки, которые:

  • Ориентированы на клиента.
  • Сосредоточены на потребностях компании.

У каждого сайта есть и то, и другое. Иногда они сгруппированы в единую панель навигации, а иногда они визуально разделены.

Оба эти вида необходимы, потому что они служат двум различным целям.

 

Навигация, ориентированная на клиента

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

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

Если посетитель не видит ничего, кроме навигации, узнает ли он, о чем сайт?

Если ваши продукты или услуги скрыты под одним элементом ссылки, помеченным как «Магазин» или «Услуги», то ответ, скорее всего, «нет».

Посмотрите на две навигации ниже. Где сразу понятно, что предлагает компания?

Пример 1:

Пример 2:

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

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

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

Но как насчет «Контактов» и страницы «О нас»? Это тоже важно, верно?

Да, конечно. Но не так важно.

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

 

Ориентированная на компанию навигация

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

Они также должны быть визуально сегментированы. Это можно сделать, сделав их менее заметными (или спрятанными в гамбургер-меню), но все же легко доступными.

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

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

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

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

В этом списке могут быть исключения, в зависимости от бизнеса.

Некоторым известным брендам не обязательно нужны ссылки «О нас», и они не обязательно хотят (или нуждаются) в том, чтобы люди могли легко с ними связаться.

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

 

Дополнительные варианты навигации

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

Хотя навигация верхнего уровня важна на сайтах электронной коммерции, другие варианты навигации могут быть не менее важными.

 

Сопутствующие товары

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

  • Похожие продукты.
  • Дополнения или аксессуары.
  • Популярные предметы.
  • Недавно просмотренные продукты.

Любой (или все) из этих вариантов дает вам возможность увеличить глубину просмотра и время пребывания на сайте.

Amazon отлично справляется с предложением дополнительных продуктов. Он предлагает дополнительные продукты, которые клиенты просматривали и покупали:

 

Добавить корзину в виде функции, а не ссылки

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

Это создает проблемы с поисковыми системами, которые следуют по ссылкам и, по сути, добавляют товары в корзину.

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

На изображении ниже Best Buy ни одна из трех указанных кнопок / ссылок не может быть «нажата» пауком поисковой системы.

 

Фильтры

Одна из проблем с интернет-магазинами — определить, когда добавить ссылки на страницы и когда будет достаточно фильтра.

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

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

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

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

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

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

 

Другие навигационные приемы

Хлебные крошки

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

Также навигационная цепочка является мощным инструментом SEO. Google (и другие поисковые системы) используют их в качестве расширенного сигнала для понимания темы страницы.

Кроме того, когда Google отображает URL в результатах поиска, они с большей вероятностью будут показывать более удобную для чтения версию:

Вместо менее читаемого URL:

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

 

Ключевые слова в тексте ссылки

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

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

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

 

Похожие темы

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

В конце текста предоставьте несколько связанных ссылок, по которым посетители могут захотеть перейти.

 

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

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

 

Источник 

  • 701