1 of 12

  • Інформаційна структура сайта

Будь-який сайт створюється для того, щоб його відвідували якомога більше користувачів. Як цього досягти?

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

  • Запитання для перевірки знань
  • Що таке інформаційна структура сайта?
  • Назвіть параметри складності структури. Як вони розрізняються?
  • Яка структура характерна для будь-якого сайта?
  • Що таке посадкова сторінка? Яка мета її створення?
  • Обґрунтуйте, чим важлива структура сайта? Створіть за допомогою будь-якого онлайн- сервісу структуру інформаційного сайта “Харків - місто герой”