Структура сайта – это логическая схема построения всех страниц веб-ресурса. Эта схема показывает путь к папкам, категориям материалов сайта, подкатегориям, карточкам товаров и т.д. В этой схеме можно чётко увидеть, что чему подчиняется. То есть имеет определённый уровень иерархии.
Например, видя ссылку https://d-nik.site/ru/joomla-4/joomla-spravochnik/moduli-v-joomla-standartnyj-nabor-modulej-joomla-sajta мы можем сказать, что на сайте D-Nik Site есть раздел Joomla 4. В нём есть подраздел Joomla Справочник. И вот в этом подразделе находится статья «Модули в Joomla! Стандартный набор модулей Joomla сайта». Вот на эту статью и ведёт вышеупомянутый URL.
Рисунок 1. Структура ссылки сайта
Что касается иерархии, то в приведённом выше примере, на первом уровне иерархии будет Главная страница. Именно ей будут подчиняться все страницы и разделы нашего сайта: категории, подкатегории, статьи и т.д.
Категория «Joomla! 4» находится на втором уровне иерархии. Она подчиняется только главной странице.
Подкатегория «Joomla! Справочник» имеет третий уровень иерархии. Она подчиняется категории «Joomla! 4» и Главной странице.
Статья «Модули в Joomla! Стандартный набор модулей Joomla сайта» находится на 4-ом уровне так как она вложена в подкатегорию «Joomla! Справочник», которая в свою очередь вложена в категорию «Joomla! 4», а та в свою очередь подчиняется Главной странице.
Виды структур сайта
Линейная
При такой структуре сайта, каждая страница располагается одна за другой и пользователь должен просматривать их поочерёдно (как слайд-шоу, или презентацию). Все веб-страницы в таком случае имеют равные права.
Например, когда мы проходим регистрацию на каком-нибудь сайте, то мы делаем всё поэтапно. Сначала попадаем на главную страницу регистрации. Затем может последовать страница с пользовательским соглашением. После этого - страница, где пользователь должен ввести свои данные. А завершающим этапом будет страница с сообщением об успешной регистрации (или отказом в регистрации).
Рисунок 2. Схема линейной структуры сайта
Это самый простой вид организации страниц на веб-портале, который наиболее часто используют при создании сайтов для обучения. Ведь ученик должен шаг за шагом, последовательно, изучить каждый урок.
При использовании линейной структуры, каждая страница сайта содержит в себе ссылку на предыдущую и последующую страницу. Также обязательно должна быть ссылка на главную страницу сайта.
Рисунок 3. Схема линейной структуры сайта с ответвлениями и альтернативными вариантами
Линейная структура может иметь ответвления, или альтернативные варианты. Например, когда на сайте есть форма регистрации для работодателей и для тех, кто ищет работу. Тогда у нас получится две линии веб-страниц.
Решётчатая
Это, пожалуй, самый сложный вид организации страниц на сайте. При такой структуре, абсолютно все документы располагаются в разных ветках и посетитель может сразу перейти в нужный раздел сайта, на нужную страницу. Такая структура очень удобна для пользователей. Ведь, человек может сразу с любой страницы сайта попасть в тот раздел который его интересует. Но администраторам сайта очень тяжело управлять такой структурой. Ведь, если сайт большой, то можно очень быстро запутаться в большом обилии независимых друг от друга ссылок.
Рисунок 4. Схема решётчатой структуры сайта
Древовидная
Этот вид организации страниц на сайте считается наиболее оптимальным и потому используется подавляющим большинством веб-мастеров.
Рисунок 5. Схема древовидной структуры сайта
Древовидная структура сайта очень гибкая и универсальная. Её использование позволяет реализовать на сайте очень удобную навигацию. Пользователь легко может попасть в нужный ему раздел сайта и на нужную ему страницу.
Смешанная
Есть сайты, которые сочетают в себе разные элементы вышеперечисленных структур. Например, на одном сайте может быть использована древовидная структура в сочетании с линейной. Такая структура называется смешанной, но её используют очень редко из-за большой сложности в реализации.
Рисунок 6. Схема смешанной структуры сайта
Типы структур сайта
Алфавитная
Такая структура подразумевает размещение информации в алфавитном порядке. Это очень удобно, если пользователь отчётливо понимает, что ищет и как правильно называется тот материал, который его интересует. Ведь если человек не знает название материала, то найти его по алфавиту будет очень тяжело.
Рисунок 7. Алфавитная структура сайта
Хронологическая
В хронологической структуре сайта, материалы группируются по датам. Здесь тоже могут возникнуть определённые трудности при поиске конкретной информации. Ведь пользователь должен отчетливо понимать в каком временном диапазоне должен находиться искомый материал.
Рисунок 8. Хронологическая структура сайта
Географическая
Здесь материалы сортируются по местоположению. Например, Украина → Киевская область → Киев → Деснянский район.
Рисунок 9. Географическая структура сайта
Тематическая
Вот это наиболее популярный и наиболее распространённый вид структуры сайта. Этот вид применяется в большинстве интернет-магазинов, новостных сайтов, блогов и других крупных порталов.
Рисунок 10. Тематическая структура сайта
Вся информация на таких сайтах разделена по категориям и подкатегориям. Категория – это обширная тема (например, «Программирование»). А подкатегория – это более узкое направление конкретной темы (например, «Программирование на Delphi», «Программирование на C#» и т.д.). Подкатегории также могут быть разбиты на ещё более узконаправленные темы. Например, в подкатегории «Программирование на Delphi», можно создать ещё несколько подкатегорий: «Директивы компилятора Delphi», «Функции Delphi», «Компоненты Delphi» и т.д.
Наиболее распространённым вариантом, является использование тематической структуры сайта. Алфавитную, хронологическую и географическую можно использовать в качестве дополнительных структур.
О том, каких правил нужно придерживаться составляя структуру URL, можно почитать в рекомендациях поисковой системы Google: https://developers.google.com/search/docs/advanced/guidelines/url-structure?hl=ru&visit_id=637767377392527933-3311072748&rd=1
Если вы создаёте сайт образовательной организации в России, то он должен соответствовать требованиям приказа Федеральной службы по надзору в сфере образования и науки от 14 августа 2020 №831 «Об утверждении Требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети "Интернет" и формату представления информации» https://docs.cntd.ru/document/565780511
Государственные сайты Украины должны соответствовать требованиям Порядка функционирования веб-сайтов органов исполнительной власти https://zakon.rada.gov.ua/laws/show/z1022-02
Пример создания структуры сайта
Структура сайта тесно связана с семантическим ядром. Поэтому многие предпочитают сначала составлять семантическое ядро сайта и только потом его структуру. Я же делаю несколько иначе. Я сначала составляю приблизительную структуру сайта, потом составляю семантическое ядро, а затем на основе собранного ядра вношу изменения в ранее спроектированную структуру. Ведь если мы говорим о том, что у нас уже зародилась идея создать сайт, значит мы уже как-то себе представляем из каких разделов он будет состоять. Основываясь на этом, мы потом и начнём собирать семантическое ядро. А уже после сбора семантического ядра можно будет расширить структуру сайта и внести некоторые коррективы.
На данном этапе разработки, нам нужно подумать из каких разделов будет состоять сайт: какие категории нужно будет создать для материалов, чтобы всё правильно сгруппировать, где и как мы будем выводить эти категории на экран, чтобы пользователь мог быстро найти интересующую его тему.
Сейчас мы сделаем простые наброски, которые помогут не отклоняться от поставленной задачи. Сделать это можно в обычном блокноте.
Простая структура сайта на тему Кулинария
- Главная страница
- Рецепты
- Супы
- Блюда из рыбы
- Блюда из мяса
- Блюда из птицы
- Блюда из овощей
- Салаты
- Выпечка
- Десерты
- Напитки
- Продукты
- Правильное питание
- Диетические блюда
- Спортивное питание
Составив такую структуру сайта, я подразумеваю то, что у нас будет Главная страница, на которой будут выводиться абсолютно все материалы из всех категорий. Также будет создано 3 раздела – Рецепты, Продукты и Правильное питание (после составления семантического ядра количество разделов можно будет увеличить). Раздел Рецепты в свою очередь будет иметь подразделы: Супы, Борщи, Блюда из рыбы, Блюда из мяса, Блюда из птицы, Блюда из овощей, Салаты, Выпечка, Десерты, Напитки. А раздел Правильное питание будет иметь подразделы Диетические блюда и Спортивное питание.
Угостить автора чашечкой кофе