Будь-який сайт створюється для того, щоб його відвідували якомога більше користувачів. Як цього досягти?
2 of 12
Інформаційна структура сайта
Інформаційна структура сайта — спосіб організації інфор- маційних даних на веб-сайті, а також структура взаємодії різних блоків інформації один з одним.
3 of 12
В ідеалі така структура повинна бути максимально зручною, щоб користувач міг швидко знайти потрібну йому інформацію. Інакше кажучи, структура сайта — це логічна схема побудови сторінок сайта з розподілом за папками і ка- тегоріями..
Сайти поділяються на сайти з лінійною та ієрархічною структурою. Також є сайти з довільною структурою, на яких навігація здійснюється в довільному порядку. Сайтом з довільною структурою є, наприклад, Вікіпедія. Структура сайта є дуже важливим фактором ранжування, покращуючи характеристики всього сайта.
4 of 12
Основна складова сайта
Основною складовою будь-якого сайта є документ — це сторінка сайта, що має унікальну адресу в Інтернеті. Документи можуть бути як простими інформаційними сторінками, так і картками товару або, наприклад, лістингами товарів в ін- тернет-магазині.
5 of 12
Якщо сайт являє собою ієрархічну (деревоподібну) структуру, то головну сторінку можна уявити як «стовбур», а розділи і статті — як гілки й листя. Наскільки широкою буде структура, залежить від формату і типу сайта. Але навіть сайт, що складається з однієї сторінки, вже є основою, або «стовбуром», такої структури, від якої він може розвиватися в різних напрямках.
Ієрархічна (деревоподібна) структура
6 of 12
Ієрархічна структура є базисом для будь-яких інших видів структури, в яких змінюється вид зв’язку документів — чи це лінійний зв’язок, де кожен документ пов’язаний з наступним і з головною, чи більш широкий, де кожен документ пов’язаний між собою і з головною. Принцип побудови зв’язків між документами залежить від типу сайта. Загалом можна виділити такі типи сайтів, які мають відмінності в структурах: сайт-візитка , комерційний сайт, інтернет-магазин, інформаційний сайт. Кожен тип сайта передбачає свій вид структури.
Головна сторінка
Прайс-лист
Контакти
Про компанію
Наша продукція
Сайт-візитка
7 of 12
Наразі все більшу популярність набувають так звані посадкові, або лендінг (від англ. landing page), сторінки. Посадкова сторінка розробляється з урахуванням психології відвідувачів, вона має чіпляти й не відпускати їх до самого моменту покупки (або реєстрації). Це може бути передплатна сторінка, завдання якої зводиться до отримання електронної адреси користувача, який зайшов на сторінку. Так збирається база.
8 of 12
Принцип побудови зв’язків між документами в комерційному сайті
9 of 12
Складність структури сайта визначається двома параме- трами: рівнем вкладеності і збалансованістю.
Рівень вкладеності — це кількість переходів, які потрібно зробити з головної сторінки до найдальшого документа в структурі. Не рекомендується, щоб це значення було біль- ше від 3. Збалансованість визначають «на око», оцінюючи кількість документів усередині розділів і рубрик. Не повинно бути сильних перекосів, коли в одному розділі 100 документів, а в іншому 25. Для побудови структури сайта в цілому підійде будь-яка програма, яка може працювати з діаграмами. Створення схеми дозволяє візуально оцінити складність структури й охопити всі її напрямки поглядом.
10 of 12
Найбільш зручним для створення структур сайта є таке програмне забезпечення
X-mind — безкоштовна програма для побудови інтелект-карт, структур і діаграм різних процесів. Вона досить проста у використанні, має широкий функціонал і підтримується всіма операційними системами, використовується на мобільних пристроях
11 of 12
Найбільш зручним для створення структур сайта є таке програмне забезпечення
• Draw.io — безкоштовний онлайн-сервіс для створен- ня структур і діаграм. Він вимагає наявності пошти від Google. В арсеналі має більше інструментарію, ніж у X-mind, наявна низка технічних і інженерних шаблонів.
12 of 12
Запитання для перевірки знань
Що таке інформаційна структура сайта?
Назвіть параметри складності структури. Як вони розрізняються?
Яка структура характерна для будь-якого сайта?
Що таке посадкова сторінка? Яка мета її створення?
Обґрунтуйте, чим важлива структура сайта? Створіть за допомогою будь-якого онлайн- сервісу структуру інформаційного сайта “Харків - місто герой”