- Ошибка № 1: нестандартный стиль
- Ошибка № 2: Использование общих меток
- Ошибка № 3: выпадающие меню
- Ошибка № 4: слишком много элементов в вашей навигации
- Ошибка № 5: Неправильный порядок
- Бонус Напоминание! Всегда ссылки, а не кнопки
- 5 примеров навигации сделано правильно
- TL; DR - Заключение
Это важно. Дизайн навигации сайта имеет большее влияние на успех или неудачу, чем почти любой другой фактор. Это влияет на трафик и рейтинг в поисковых системах. Это влияет на конверсии и удобство использования. Все важное на вашем сайте связано с навигацией , от контента до URL.
Давайте посмотрим на некоторые распространенные ошибки навигации и посмотрим, чему мы можем научиться.
Ошибка № 1: нестандартный стиль
Посетители ожидают найти горизонтальную навигацию через верхнюю или вертикальную навигацию вниз по левой стороне. Размещение вашей навигации в стандартных местах делает ваш сайт проще в использовании. Это означает более низкий показатель отказов, больше страниц за посещение и более высокую конверсию.
Быть ожидаемым. Да, маркетинг - это дифференциация, но ваш стиль навигации не место для этого. Ваша цель - помочь людям найти ваш контент, а не показать им новый способ обойти сайт.
Ошибка № 2: Использование общих меток
Навигация должна быть описательной. Такие ярлыки, как «Продукты» или «Услуги», являются общими для всех компаний и ничего не делают для общения с посетителями. По иронии судьбы, «То, что мы делаем», не говорит, что вы делаете. Сэкономьте посетителям клик (и помогите снизить показатель отказов), сделав навигацию по сайту более наглядной.
Когда ваша навигация показывает ваши основные услуги или продукты, ваш сайт будет общаться мгновенно .
Ваша навигация - это также огромная возможность указать свою актуальность для поисковых систем. Поскольку ваша аудитория не ищет «товары» или «услуги», навигация по этим ярлыкам не поможет вам занять место. Используйте метки, которые включают в себя популярные ключевые фразы в соответствии с Google Keyword Tool ,
Pro Tip! Навигация по сайту и сама структура сайта должны планироваться с учетом поисковых систем.
Ошибка № 3: выпадающие меню
Выпадающие меню плохие по двум причинам. В зависимости от того, как они запрограммированы, поисковым системам может быть сложно сканировать. Но есть другая, более серьезная причина ...
Выпадающие меню раздражают , согласно исследования юзабилити от группы NN. Это потому, что как посетители, мы двигаем глазами гораздо быстрее, чем мышкой. Когда мы перемещаем мышь к пункту меню, мы уже решили щелкнуть… и затем в раскрывающемся меню появятся дополнительные параметры. Это момент трения в наших умах как посетителей.
Что еще хуже, выпадающие списки поощряют посетителей пропускать важные страницы верхнего уровня . Если ваш сайт использует выпадающие меню, вы можете увидеть проблему прямо в вашей статистике: низкие посещения на высоких страницах.
Исключение: действительно большие «мега выпадающие» с множеством опций хорошо проверить в юзабилити-исследованиях , Если у вас большой сайт с множеством разделов, они могут улучшить удобство использования.
Ошибка № 4: слишком много элементов в вашей навигации
Вы видели это раньше: этот сайт с сотнями ссылок на главной странице. Грозный. Но даже восемь может быть слишком много. Это потому, что кратковременная память содержит только семь предметов . Это означает, что восемь гораздо больше, чем семь.
С меньшим количеством пунктов меню глаза ваших посетителей с меньшей вероятностью могут сканировать важные элементы. Каждый раз, когда вы удаляете элемент меню, остальные элементы становятся более заметными. Испытайте себя, чтобы ограничить вашу навигацию пятью пунктами.
Совет для профессионалов: этот прием также работает для остальной части страницы, а не только для навигации. Каждый удаленный визуальный элемент делает все остальное более заметным. Вы можете сделать что-нибудь «громче», сделав другие вещи «тише».
Краткая навигация также важна для SEO. Поскольку ссылок на вашу домашнюю страницу неизбежно больше, чем на внутренние страницы, она имеет наибольшую «авторитетность» среди поисковых систем. Оптимисты называют этот авторитет «ссылочным соком» и, подобно жидкости, он перетекает с домашней страницы на более глубокие страницы посредством навигации.
Когда в вашей навигации слишком много ссылок, на внутренние страницы переходят меньше авторитета и доверия. Ссылка сок разбавляется. Чем лаконичнее ваша навигация, тем больше авторитета домашней страницы будет перенаправляться на внутренние страницы, что повышает их вероятность ранжирования.
Использовать Link Juice Calculator подсчитать общее количество кликабельных элементов на вашей домашней странице. У Amazon около 100, и их сайт больше, чем у вас, верно?
Ошибка № 5: Неправильный порядок
Элементы, которые появляются первым или последним в любом списке, наиболее эффективны. Навигация не является исключением. Исследования психологии показывают, что внимание и удержание являются наивысшими для вещей, которые появляются в начале и в конце. Он называется «эффектом последовательной позиции» и основан на принципах первичности и свежести .
Поэтому поместите ваши самые важные элементы в начале навигации, а наименее важные - в середине. «Контакт» должен быть последним элементом в списке, помещая его в крайнее правое положение в горизонтальной навигации верхнего уровня, в стандартном месте.
Бонус Напоминание! Всегда ссылки, а не кнопки
Если вы пропустили тенденции в веб-дизайне за последние восемь лет и все еще испытываете желание использовать графическую, основанную на кнопках навигацию (а не текстовые ссылки), вот пять веских причин не делать этого:
- Кнопки не подходят для поиска, так как текст внутри невидим для поисковых систем.
- Кнопки обновлять сложнее, чем ссылки, для каждого обновления требуется Photoshop и новое изображение.
- Кнопки загружаются медленнее, чем ссылки, что делает их особенно плохими для мобильных посетителей.
- Кнопки менее доступны для слабовидящих.
- Кнопки не нужны, даже если вы хотите использовать нестандартные шрифты, благодаря таким инструментам, как TypeKit.
5 примеров навигации сделано правильно
Давайте промоем глаза лучшими дизайнами. Вот пять сайтов, которые не делают ошибок, на которые мы только что посмотрели.
Смит Братья - наглядная, лаконичная навигация
Навигация на сайте братьев Смит носит информативный и лаконичный характер. Всего четыре пункта, начиная с первого и второго наиболее важных сервисов и заканчивая контактной ссылкой.
Независимая группа издателей - описательная, групповая навигация
Сайт IPG использует сильный контраст, чтобы различать первичную и вторичную навигацию в заголовке. Каждый из них содержит пять или меньше элементов, что облегчает сканирование. Общий термин «услуги» разбит на две более описательные метки: «службы распространения» и «цифровые услуги».
Sweat Vac - наглядная, лаконичная навигация с короткими метками
Если вы не видели фотографию (или вы являетесь поисковой системой), навигация покажет вам, что делает эта компания: головные уборы. Другие продукты, такие как рубашки и снаряжение, перечислены ниже. В этом минималистском подходе каждый элемент - это одно простое слово.
Кифер Купальники - наглядная, упорядоченная навигация
Сайт Kiefer имеет огромный каталог, но категории доступны в качестве основной навигации по всему сайту. Самые важные предметы для посетителей (купальники и плавательные принадлежности) перечислены в первую очередь. Важная вещь для Кифера (продажа) указана последней. Менее популярные категории находятся в середине.
EuroFurniture - заказал навигацию с мега выпадающими
Большинство посетителей имеют в виду комнату. Меньше посетителей ищут конкретный продукт или бренд. EuroFurniture перечисляет элементы соответственно. Мега выпадающие списки позволяют легко перейти в этот огромный каталог мебели.
Pro Tip: Tablet Friendly Mega Drop Downs. Обратите внимание на маленький синий 'x' в верхнем правом углу мега-выпадающего меню. Это кнопка закрытия. Без этого пользователи планшетов не смогли бы закрыть окно, поскольку у них нет курсора мыши, чтобы убрать выпадающий список.
TL; DR - Заключение
Ошибки навигации по сайту дороги и их можно избежать. Одна ошибка может повлиять на удобство поиска в обоих рейтингах. Сделайте ярлыки описательными. Ограничьте количество предметов до семи. Поместите важные вещи в начале. Избегайте выпадающих меню. Следуйте рекомендациям веб-навигации в этой статье. … И наконец, проверьте разницу в аналитике.
Об авторе: Энди Крестодина - стратегический директор Орбита Медиа , чикагская компания веб-дизайна. Он также является автором Контент-химия, иллюстрированное руководство по контент-маркетингу Вы можете найти Энди на Google+ а также щебет ,
Похожие
WordPress: слишком много тегов убивают SEO!В течение некоторого времени я замечал, что не очень хорошо позиционируюсь по ключевым словам, связанным с моей профессиональной деятельностью в поисковых системах. Этим утром, встав в 4:30, я решил провести весеннюю весеннюю уборку в тегах, связанных с моими страницами и билетами с моего сайта. WordPress , Слишком много внутренних ссылок они вредят позиционированию?
... ссылки между страницами вашего сайта позволяют Googlebot правильно отслеживать и понимать структуру его содержания с оптимизацией текстов этих ссылок. Не существует пунктуального наказания Google за злоупотребление внутренними ссылками, это должно упростить навигацию для пользователя и в то же время для роботов, но это не значит, что нужно связывать все без разбора, если у вас есть 40 ссылок на каждой странице с одинаковыми текст и тот же пункт Есть ли 404 ошибки больно SEO?
Итак, вы ищете информацию о том, как сделать вашу маленькую кухню более просторной. Вы найдете действительно информационную страницу на веб-сайте местной дизайнерской компании. Вы видите ссылку на их страницу «о нас», и вы хотите узнать больше об этой компании, поэтому вы нажимаете на ссылку. Но он не попадает ни на одну страницу - вместо этого вы получаете сообщение об ошибке «страница не найдена». Разочарованный, Почему Google выбрал странные ссылки для моего сайта?
Ссылки сайта Google - это странный, автоматизированный и совершенно загадочный аспект поиска, Ссылки являются SEO топливом
Когда дело доходит до появления в поисковых системах, поисковая оптимизация является обязательным условием успеха! Самая большая помощь - это получение ссылок на свой сайт. Вы можете видеть это как топливо, которое вы используете для своего автомобиля. Если вы так не думаете, автомобиль не движется Неработающие ссылки
... ошибка 404 , Это может включать внутренние ссылки, но также внешние ссылки. При нажатии на так называемую неработающую ссылку вы будете перенаправлены на страницу, которая не работает, не существует, или на страницу, которая была перемещена. Поэтому прежде всего важно создать страницу ошибки 404 самостоятельно. Тем не менее, это не означает, что для вас невыгодно, если посетители попадают на страницу ошибки 404 из-за неработающей ссылки. Seocomplete испытал много инструментов
Наш многолетний опыт в поисковой оптимизации позволил нам с самого начала полагаться на наши собственные инструменты и инструменты. Мы больше не хотим полагаться на стороннее программное обеспечение во всей полосе пропускания. Вряд ли это была проблема лицензий, а скорее возможность взять под контроль многие вещи в области поисковой оптимизации. И вы получаете такую возможность, только написав свои собственные Обратные ссылки из Википедии - не просто, но эффективно!
Обратная ссылка в крупнейшей в мире энциклопедии имеет много преимуществ, если вы хотите дополнительно оптимизировать свой сайт для поисковых систем. Но это не так просто, потому что Википедия и пользователи быстро удаляют нерелевантную информацию и ссылки, дрейфующие к теме или даже в качестве рекламы. Почему прямые ссылки так же важны, как обратные ссылки
Очевидно, что одержимость для большинства находится вне страницы SEO (создание или получение ссылок с других веб-сайтов)… У меня есть маленький секрет для вас, власть превосходит все это. авторитетный сайт можно ранжировать используя меньше Почему вы не должны использовать оффшорное SEO и разработчиков
Снова и снова у нас были потенциальные клиенты, которые выбирали оффшорных SEO и разработчиков веб-сайтов из-за затрат. В то время как MediaOne взимает 3900 долларов США за базовую плату за SEO, оффшорные провайдеры рекламировали 288 долларов в месяц или даже бесплатные пакеты - оплата только за ключевое слово, занятое на первой странице. Несмотря на наш десятилетний авторитет Лучшие 18 ошибок SEO, которых следует избегать (и как их исправить)
... ошибках SEO, которые следует избегать, и о том, что нужно делать вместо этого. Вот список: Вы не используете инструмент исследования ключевых слов Заголовки и описания вашей страницы не являются уникальными Вы не активны в социальных сетях Вы не активно продвигаете свои сообщения в блоге Вы не используете Google Search Console
Комментарии
Неужели когда вы не можете жить самостоятельно, вы должны взять другого, чтобы не найти нового супруга или не наслаждаться своей жизнью?Неужели когда вы не можете жить самостоятельно, вы должны взять другого, чтобы не найти нового супруга или не наслаждаться своей жизнью? И еще одна загадка: почему такие люди не получают больную атаку, которая их заберет, но спасет невинных? Вт дек 06, 2011 12:37 Должна ли эта тема сосредоточиться на том, что пара уже обсуждала? здесь ? Подсвечник писал: Дело не было раскрыто публично, И, учитывая, что если вы выполняете неправильные стратегии, вы можете повредить позиционирование сети, было бы удобно погрузиться в этот мир, зная, что вы делаете, не так ли?
И, учитывая, что если вы выполняете неправильные стратегии, вы можете повредить позиционирование сети, было бы удобно погрузиться в этот мир, зная, что вы делаете, не так ли? Следовательно, SEO курсы необходимы. Еще одна вещь Это профессия, которая постоянно меняется, потому что алгоритмы меняются каждые два раза, и методы, которые раньше были полезны, в конце концов могут быть устаревшими; или, что хуже, они могут стать вредными. Следовательно, Считаете ли вы, что забота о вашей сети слишком сложна или занимает слишком много времени?
Считаете ли вы, что забота о вашей сети слишком сложна или занимает слишком много времени? Нужна поддержка, чтобы получить качественные ссылки? Нажмите здесь и заполните форму Узнайте, как получить качественные ссылки для вашего сайта Наконец, самое сложное - получить ссылки на ваш сайт. Первым шагом является регистрация вашего сайта в каталогах умеренных и признанных веб-сайтов, таких как "gralon.net" Вы хотите, чтобы вас нашли в Google вместе с вашей компанией, но вы не знаете, как это сделать?
Вы хотите, чтобы вас нашли в Google вместе с вашей компанией, но вы не знаете, как это сделать? Тогда пришло время получить помощь от компании SEO. SEO компании специализируются на поисковом маркетинге и делают ваш сайт доступным по релевантным ключевым словам, которые набирает целевая группа. Знаешь как? Пожалуйста, свяжитесь с нами , На что обратить внимание при выборе SEO-компании? Как только вы решили Что вы делаете, когда вы делаете SEO?
Что вы делаете, когда вы делаете SEO? Почему мой сайт должен заниматься SEO? Где хороший курс SEO ? Как такие вопросы, мы идем, чтобы узнать природу SEO это то, что ? Что делает SEO? Как работает SEO? SEO сокращенно для поисковой оптимизации. SEO понимается как метод или набор методов оптимизации веб-сайтов, Если вы не знаете своих сильных и слабых сторон, как вы будете сравнивать себя с конкурентами?
Если вы не знаете своих сильных и слабых сторон, как вы будете сравнивать себя с конкурентами? А когда вы не знаете, какие у вас есть возможности, как вы узнаете, что вы движетесь в правильном направлении? Вы не можете построить стратегию без базы. Поэтому перед началом работы рекомендуется ответить на следующие вопросы: Обратные ссылки : сколько обратных ссылок у вас есть? Они все качественные или не имеют достаточной ценности? Если у вас есть сомнения, Тем не менее, как вы получаете эти авторизованные ссылки?
Тем не менее, как вы получаете эти авторизованные ссылки? # 1. Gusst post: Без сомнения, гостевой пост (гостевой пост) очень помогает в получении хороших ссылок. Единственная сложная задача здесь, вы, кто должен сделать много исследований по этому вопросу. После этого вам нужно найти лучшие блоги в своей нише и представить свою речь, предложив написать для них пост. Если они принимают, ваша статья опубликована. # 2. Создание неработающих Посмотрите на это так: если бы вы искали компанию, которая делает именно то, что вы делаете, то что бы вы сделали?
Посмотрите на это так: если бы вы искали компанию, которая делает именно то, что вы делаете, то что бы вы сделали? Для большинства людей ответом будет «Я бы Google это». Вы можете подумать, что PPC Advertising - это ответ, и да, PPC великолепен, но на него приходится только около 32% триллионов кликов в Google. Так что, если ваши конкуренты находятся на первой странице, а вы нет, то это просто стоит вам лидов, прибыли и денег - ежедневно! Почему важно действовать сейчас? Который использовался до смерти спамерами и, следовательно, не учитывался поисковыми системами, - но клиенты, не разбирающиеся в технологиях, не знают лучше, не так ли?
Посмотрите на это так: если бы вы искали компанию, которая делает именно то, что вы делаете, то что бы вы сделали? Для большинства людей ответом будет «Я бы Google это». Вы можете подумать, что PPC Advertising - это ответ, и да, PPC великолепен, но на него приходится только около 32% триллионов кликов в Google. Так что, если ваши конкуренты находятся на первой странице, а вы нет, то это просто стоит вам лидов, прибыли и денег - ежедневно! Почему важно действовать сейчас? Возможно, вы ранее находились в поиске картинок и удивлялись, почему ни одно из изображений на вашем сайте не появляется в поиске картинок, несмотря на то, что вы провели много релевантных поисков?
Возможно, вы ранее находились в поиске картинок и удивлялись, почему ни одно из изображений на вашем сайте не появляется в поиске картинок, несмотря на то, что вы провели много релевантных поисков? Вероятно, причина в том, что изображения не оптимизированы для поиска, что совсем не сложно сделать, если вы знаете, как действовать. В этом посте я поделюсь советами, которые можно использовать, когда придет время оптимизировать изображения на сайте. Приятного чтения! Что Есть ли какие-либо различия в фотографиях, которые вы делаете на концертах групп, музыку которых вы любите, и тех, чье выражение лица вам не близко?
Есть ли какие-либо различия в фотографиях, которые вы делаете на концертах групп, музыку которых вы любите, и тех, чье выражение лица вам не близко? Конечно же! Фотографии всегда лучше, если я чувствую эту музыку. В основном я фотографирую группы, которые люблю, но если я иногда занимаюсь чем-то другим, это должна быть музыка, которая мне нравится, а не какая-то другая. Кроме того, если я не знаю достаточно песен, текстов песен, музыки, это всегда другое, более требовательное.
У Amazon около 100, и их сайт больше, чем у вас, верно?
Неужели когда вы не можете жить самостоятельно, вы должны взять другого, чтобы не найти нового супруга или не наслаждаться своей жизнью?
И еще одна загадка: почему такие люди не получают больную атаку, которая их заберет, но спасет невинных?
Вт дек 06, 2011 12:37 Должна ли эта тема сосредоточиться на том, что пара уже обсуждала?
Здесь ?
И, учитывая, что если вы выполняете неправильные стратегии, вы можете повредить позиционирование сети, было бы удобно погрузиться в этот мир, зная, что вы делаете, не так ли?
Считаете ли вы, что забота о вашей сети слишком сложна или занимает слишком много времени?
Нужна поддержка, чтобы получить качественные ссылки?
Вы хотите, чтобы вас нашли в Google вместе с вашей компанией, но вы не знаете, как это сделать?
Знаешь как?
