Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов

1. Понятие структуры сайта

2. Виды структуры

3. Требования к структуре

4. Программы для построения древовидной структуры сайта

1. Понятие структуры сайта

Структура сайта (карта сайта) – это логическая схема распределения страниц сайта по категориям / разделам (папкам). С точки зрения пользователя, структура сайта – это навигация, путь к той или иной странице или категории.

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

Рис. 53. Структура сайта «дерево» (страницы сайта в виде схемы)

2. Виды структуры сайта:

1. Линейная

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

Рис.54. Простая линейная структура сайта

2. Линейно-разветвленная структура

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

Рис. 54. Линейно-разветвленная структура сайта

Такую структуру нужно сначала написать словами, а потом уже сделать из неё схему (см. рис.54). Ниже приведен пример этой структуры в виде текста.

Главная

О нас:

История компании

Сотрудники

Вакансии

Услуги:

Аренда техники

Вывоз мусора

Доставка материалов

Партнеры

Контакты

3. Древовидная структура

Древовидная структура состоит из множества уровней и разделов (имеет много ответвлений). Самая распространенная структура сайта на данный ммомент, популярная и оптимальная для многостраничных сайтов. См. рис. 55.

Рис.55. Древовидная структура сайта

Последовательность действий при создании структуры:

1. Определить название главной страницы.

Эта запись будет «ствол» дерева. От него отходят «ветви» – страницы и разделы сайта.

2. Продумать структуру разделов.

Нужно уяснить и сформировать:

– основные подкатегории;

– определить, сколько потребуется статичных страниц и динамичных записей;

– определить, как будут встраиваться различные медиа материалы (фото и видео);

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

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

3. Конечный пункт – это страница сайта или запись.

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

4. Решетчатая структура, сеть

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

Рис. 60. Решётчатая структура сайта

3. Требования к структуре сайта

Структура сайта создается не только для удобства посетителей сайта, но и для того, чтобы поисковая система могла легко проиндексировать странички сайта (начальный этап продвижения по СЕО).

Основные рекомендации поисковой системы Яндекс по работе со структурой сайтов:

– Каждая страница (документ) должен относиться к своему разделу.

Чем больше вложенность страницы, тем дольше Яндекс будет её индексировать. Лучше не использовать вложенность более чем на 3 уровня.

– Используйте карту сайта Sitemap.

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

– Не должно быть дублей URL (Унифицированный указатель ресурса – система унифицированных адресов электронных ресурсов, или единообразный определитель местонахождения ресурса (файла), попросту – ссылка).