Структура сайта, уровни вложенности
Любой сайт, если не с самого начала, то со временем, становится все более сложным. Он уже не укладывается в одну или несколько равнозначных страничек, а, следовательно, приобретает некую внутреннюю структуру. Файлы, содержащие страницы сайта, размещаются в иерархической структуре каталогов - так с ними удобнее работать, проще находить и легче добавлять новые страницы. Но даже если вы вдруг, по каким-то непонятным соображениям, держите все файлы сайта в одном каталоге, вы не можете сделать так, чтобы все страницы сайта были доступны с главной страницы (ну разве что для очень маленьких сайтов-визиток). То есть, так или иначе возникает некая внутренняя структура сайта, логическая организация его страниц.
В этой структуре главная страница считается страницей нулевого уровня, а страницы, на которые имеются ссылки с главной - страницами первого уровня вложенности. Ссылки со страниц первого уровня ведут на страницы второго уровня вложенности и так далее. Поскольку добраться до какой-то нужной страницы по ссылкам обычно можно далеко не одним спрособом, то уровнем вложенности страницы нужно считать минимальное количесво ссылок, по которым нужно щелкнуть, чтобы добраться до искомой.
Уровни вложенности страниц играют довольно значительную роль при продаже ссылок с сайта - чем меньше уровень вложености страницы, тем дороже можно продать ссылки с нее. Поэтому для понижения уровня вложенности применяют искусственные приемы. Например, создают страницу "Карта сайта" со ссылками на все остальные страницы, а на главной странице (в главном меню) создают ссылку на "Карту сайта". В итоге все страницы получаются второго уровня вложенности.
Но это искуственный прием, который имеет довольно малое значение для внутренней структуры сайта, для логической организации его страниц. Ибо пользователи скорее всего будут переходить по ссылкам со страницы на страницу, а не искать нужную страницу на "Карте сайта" (ну разве что в том случае, когда уже заранее знают о наличии нужной страницы и только забыли, как к ней добраться, в таком случае проще воспользоваться картой сайта). Но о карте сайта мы поговорим чуть позже, а сейчас вернемся к вопросу о внутренней структуре.
Поскольку понижение (уменьшение) уровня вложености, как уже сказано, прием искусственный, в дальнейшем под уровнем вложенности страницы будем понимать тот уровень вложенности, который опредеяется логической организацией сайта, а не разными искусственными приемами.
Структуру сайта необходимо продумать еще на этапе проектирования сайта. Вопрос организации этой самой структуры неразрывно связан с проблемой организации (или построения) меню сайта.
Как организовать навигацию по сайту?
Удобная, понятная пользователю навигация - важнейшая составляющая дизайна сайта (в широком понимании слов "дизайн сайта"). В идеале пользователь, попав на любую из страниц вашего сайта, должен суметь сразу сориентироваться, где он находится, и куда ему двигаться дальше.
Система навигации должна быть единой для всех страниц сайта. В этом случае посетитель, даже впервые попав на ваш сайт, сумеет четко сориентироваться уже на второй странице. Какие же основные элементы навигации имеет смысл использовать?
Ссылка на главную страницу Очень желательно иметь ссылку на главную страницу на всех страницах сайта. Общепринятым правилом стало использование логотипа сайта в качестве ссылки на главную страницу.
Навигационная панель сайта или Меню сайта - один из основных функциональных элементов сайта, состоящий из набора ссылок на различные страницы. Каждая такая ссылка называется пунктом меню. Посетитель использует меню для перехода к интересующим его разделам сайта. Навигационную панель, включающую ссылки на основные разделы сайта (и, возможно, на подразделы текущего раздела), очень желательно иметь на каждой странице.
Наиболее распространены два варианта размещения навигационной панели: вертикально в левой колонке или в строчку в верхнем колонтитуле (в "шапке") страницы. Нередко можно встретить и комбинацию этих способов, когда для организации навигационной панели используется и левая колонка, и верхняя строка. При этом в верхнюю строку, как правило, помещаются ссылки на самые важные, на взгляд разработчика, разделы.
Главное меню сайта - содержит ссылки на основные разделы (ключевые страницы) сайта. Часто главное меню - это простой список ссылок, с изменяющимися кнопками при наведении на них курсора. Пункты навигационного меню должны быть максимально короткими, как правило - однословными. Число пунктов, их название и порядок в главном меню не должны меняться при листании страниц. Обязательно должен повторяться пункт, указывающий на текущую страницу, но желательно, чтобы на текущей странице он не был ссылкой. Это облегчает пользователю ориентацию на сайте, поскольку пользователь видит однотипное меню на всех страницах и одновременно понимает, где он в данный момент находится.
Дополнительное меню сайта - как правило, имеет иерархическую структуру
и бывает 3-х видов:
-
1) Выпадающее меню - раскрывается (выпадает) при наведении на пункт меню
2) Раскрывающееся меню - имеет раскрывающуюся структуру по клику на кнопку меню
3) Раскрытое меню - статическое меню, часто имеет древовидную структуру
Если страница достаточно объемная и для ее просмотра потребуется прокрутка, главное меню желательно повторять на конце страницы. Дополнительно в конце страницы может располагаться навигационная ссылка вверх на начало страницы.
Место страницы в иерархии документов
Довольно удобно для посетителя сайта, особенно для попавшего на ваш сайт впервые и сразу
на какую-то из внутренних страниц (обычное дело, когда пользователь попал к вам из поисковой
системы), если для каждой страницы будет показано ее место в структуре сайта. Это можно
реализовать строчкой в верхней части страницы примерно такого вида:
Главная -> раздел -> подраздел -> название текущей страницы
Такие ссылки почему-то называют "хлебными крошками". При этом все вышележащие страницы (главная,
раздел, подраздел) оформляются как ссылки.
Особенно полезна такая подсказка в случае, если ваш сайт имеет более трех уровней вложенности.
Последовательная навигация
Если вы публикуете, разбивая на страницы, какой-то большой материал, например, целую книгу, то очень удобны для посетителя будут ссылки в нижней части страницы примерно такого вида:
предыдущая страница * оглавление * следующая страница
при этом, естественно, оглавление должно включать ссылки на все HTML-страницы, на которые у вас разбита эта книга.
Отличное руководство по созданию навигации на сайте вы найдете в следующей статье:
- Татьяна Зуенок. "Проектирование навигационной системы сайта"
Карта сайта
Если ваш сайт состоит более чем из двух-трех десятков страниц, полезно сделать карту сайта - специальную страницу, содержащую ссылки на все страницы (если сайт очень большой - на все разделы и подразделы) сайта - своего рода оглавление сайта. Карта сайта, как и главная страница, должна быть доступна со всех страниц. Подробнее о карте сайта мы поговорим в отдельном разделе в свой черед, а, последовательно читая, переходите в раздел о структуре страницы.
Источники и ссылки
| Назад | Оглавление | Вперед |