Создание сайтов — планируем удобную навигацию

Создание сайтов — планируем удобную навигацию изображение поста

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

Создаём сайт с удобной навигацией

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

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

Планируем комфортную постраничную навигацию

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

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

Но и не размещайте слишком мало, меньше 5-7 новостей на одну страницу, если приходится постоянно пользоваться постраничной навигацией, то такой сайт тоже надоедает. Хорошо еще бы продублировать постраничную навигацию вверху или внизу раздела. Или «зафиксировать» блок с постраничной навигацией всегда на виду. В одном и том же месте.

Внутренняя перелинковка страниц

А зачем? Возникает хороший вопрос. Первое, мы точно не всегда уверены, на какую именно страницу сайта заглянет поисковый робот в следующий свой визит. И вот он приходит по рекомендации посетителей со страниц другого портала в определённую новость. Что же он видит? Естественно, пункты меню, выделенную статью.

Хорошо, если есть карта сайта, в котором поисковому роботу преподносят «первое блюдо». А давайте специально для него расскажем о постраничной навигации внутри нашей новости. На одну страницу в категории вперёд, на одну назад. Заинтересуется. Начнёт обход категории/раздела.

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

Дополнительная постраничная навигация в материалах

Когда посетитель прочитает хорошую статью, у него возникнет желание осмотреть Ваш блог детально в поисках интересной информации. А почему бы нам с этой целью не добавить ещё несколько новостей (коротко) в конец статьи. И здесь всё зависит лишь от Вашей фантазии.

Можно рассмотреть несколько вариантов: похожие новости по автору, категории, содержимому, меткам (тегам), мета тегам, обсуждению. Пять – шесть таких новостей, вкратце, да ещё и с фотографиями, обязательно привлекут внимание посетителей Вашего сайта.

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

Поиск всегда бросается в глаза

Поиск, на самом деле одно из первых, что должен видеть Ваш посетитель ещё на стадии загрузки страницы. Постарайтесь его разместить как можно ближе к Шапке страницы, или в самой шапке, чтобы он сразу «попадался» на глаза. Сделайте его доступным на каждой странице. И постарайтесь, чтобы как можно больше навигационных ссылок в содержимом страницы обеспечивали быстрый доступ к поиску.

А ещё было бы здорово дать подсказки в пределах поискового блока: как искать, что искать, расположить один — два примера. А в самом поле поиска оставить подсказку, например: Найти, или Что ищем? Которая исчезнет при щелчке по ней левой кнопкой мыши.

Ссылка на поиск по сайту в конце статьи

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

Интересная информация в «подвале» сайта

Так же хорошим решением будет сгруппировать в «подвале» при вёрстке сайта на каждой странице (в самом низу) несколько новостных блоков. В которых мы можем привести различные новости: по рейтингу (посещениям), последние обсуждаемые, по авторам, комментариям, облакам тегов, новостям по датам (календарь) и им подобные. Помните, главное, заинтересовать Вашего посетителя.

Якорные ссылки

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

Уменьшаем дублирование информации

Но, всё таки не стоит «оставлять» пустые якорные ссылки для размышления поисковым системам. Правилом хорошего тона является закрывать «технические» ссылки через rel=»nofollow». Избегайте так же излишнего дублирования страниц и новостей (когда одни и те же новости (не важно, краткое их содержимое, или полный вариант) становятся доступны по разным ссылкам).

Позвольте дать совет: создавая на сайте такие блоки, как: календарь, облако тегов, новости по авторам – закрывайте ссылки, встречающиеся в этих блоках через атрибут тега a rel=»nofollow», тем самым мы рекомендуем поисковику не индексировать содержимое страниц, доступных по данной ссылке. Это положительно скажется на индексации страниц Вашего сайта.

Комментарии