Структура сайта – це логічна схема побудови всіх сторінок веб-ресурсу. Ця схема показує шлях до папок, категорій матеріалів сайту, підкатегорій, карток товарів тощо. У цій схемі можна чітко побачити, що чому підпорядковується. Тобто, має певний рівень ієрархії.
Наприклад, бачачи посилання 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 розділи – Рецепти, Продукти та Правильне харчування (після складання семантичного ядра кількість розділів можна буде збільшити). Розділ Рецепти у свою чергу матиме підрозділи: Супи, Борщі, Страви з риби, Страви з м'яса, Страви з птиці, Страви з овочів, Салати, Випічка, Десерти, Напої . А розділ Правильне харчування матиме підрозділи Дієтичні страви та Спортивне харчування.
