Структура сайта, уровни вложенности, навигация по сайту

Структура сайта

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

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

  • Каталог 1 (Раздел 1)
    • Подкаталог 1.1 (подраздел 1.1).
      • Подкаталог 1.1.1 (подраздел 1.1.1).
      • Подкаталог 1.1.2 (подраздел 1.1.2).
    • Подкаталог 1.2 (подраздел 1.2).
    • Подкаталог 1.3 (подраздел 1.3).
  • Каталог 2 (Раздел 2)
    • Подкаталог 2.1 (подраздел 2.1).
    • Подкаталог 2.2 (подраздел 2.2).
    • Подкаталог 2.3 (подраздел 2.3).
  • .....

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

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

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

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

Уровни вложенности

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

Уровни вложенности страниц играют довольно значительную роль при продаже ссылок с сайта - чем меньше уровень вложености страницы, тем дороже можно продать ссылки с нее. Поэтому для понижения уровня вложенности применяют искусственные приемы. Например, создают страницу "Карта сайта" со ссылками на все остальные страницы, а на главной странице (в главном меню) создают ссылку на "Карту сайта". В итоге все страницы получаются второго уровня вложенности.

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

Структуру сайта желательно продумать еще на этапе проектирования сайта. Вопрос организации этой самой структуры неразрывно связан с проблемой организации (или построения) меню сайта.

Как организовать навигацию по сайту?

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

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

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

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

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

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

Дополнительное меню сайта - как правило, имеет иерархическую структуру и бывает 3-х видов:

    1) Выпадающее меню - раскрывается (выпадает) при наведении на пункт меню
    2) Раскрывающееся меню - имеет раскрывающуюся структуру по клику на кнопку меню
    3) Раскрытое меню - статическое меню, часто имеет древовидную структуру

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

Место страницы в иерархии документов

Довольно удобно для посетителя сайта, особенно для попавшего на ваш сайт впервые и сразу на какую-то из внутренних страниц (обычное дело, когда пользователь попал к вам из поисковой системы), если для каждой страницы будет показано ее место в структуре сайта. Это можно реализовать строчкой в верхней части страницы примерно такого вида:
Главная -> раздел -> подраздел -> название текущей страницы
Такие ссылки почему-то называют "хлебными крошками". При этом все вышележащие страницы (главная, раздел, подраздел) оформляются как ссылки. Особенно полезна такая подсказка в случае, если ваш сайт имеет более трех уровней вложенности.

Последовательная навигация

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

Отличное руководство по созданию навигации на сайте вы найдете в статье Татьяны Зуенок "Проектирование навигационной системы сайта".

Карта сайта

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

  1. файлы Sitemaps.xml (в формате XML), известные также как Google sitemaps, и предназначенные для использования роботами поисковых систем;
  2. карты сайта в формате HTML, представляющие собой упорядоченный список ссылок на все страницы сайта, предназначенный для обычных пользователей-людей.

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

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

Полезные ресурсы

Загляните на досуге

На сайте www.oneksimprod.ru говядина охлажденная оптом цена.

Счетчики

Рейтинг@Mail.ru

LiveInternet

Rambler's Top100