Web master, класифікація веб-сайтів типи і види інтернет сайтів

Перш ніж приступити безпосередньо до створення сайту, потрібно визначитися з його типом. Нижче приведена зразкова класифікація інтернет-сайтів, умовно розбита на групи.

Структура сайту - це своєрідний каркас, на основі якого вибудовується послідовність відображення контенту на сайті. Якщо структура організована правильно, то користувачі не відчувають абсолютно ніякого незручності при переміщенні по сайту.

§ 1. Види структур сайтів

1. Лінійна - це структура, побудована за типом слайд - шоу. Користувачі переглядають web-ресурс сторінка за сторінкою.

Лінійна структура сайту

2.Древовідная структура - найпопулярніша структура, яка підходить для всіх видів сайту. Головне, що потрібно пам'ятати при побудові «сайту-дерева» з численними гілками у вигляді сторінок і «під - сторінок», щоб ресурс «ріс» і розвивався як вшир, але і в глиб.

Деревоподібна структура сайту

3.Гібрідная структура сайту - найбільш використовуваний варіант побудова веб ресурсів. Являє собою змішаний варіант лінійної і деревовидної.

Гібридна структура сайту

4. Гратчаста структура - досить складна і використовується в основному в каталогах. Щільно пов'язана з навігаційним меню. Горизонтальні і вертикальні сторінки логічно пов'язані, що дозволяє швидко переходити від одного елемента до іншого.

Гратчаста структура сайту

Зовнішня структура - це візуальне сприйняття інформації. Те, яким чином будуть виглядати переходи, де розмістяться банери, меню, список розділів і інша інформація.

У кожного сайту є шапка, де пишеться заголовок (підзаголовок) сайту, навігаційне меню - назви рубрик, міток і інша корисна інформація, основна частина сайту, де публікується основна інформація, підвал, де показана деяка службова інформація.

Обличчям сайту є головна сторінка, а значить, саме вона повинна бути самою інформативною частиною. При цьому важливе значення для відвідувача має простота структури. Тобто по можливості необхідно уникати підрозділів сайту. Для того щоб схеми і графіки структури сайту побудувати необхідно використовувати спеціальні програми.

Найбільш популярні mind map або Visio.

Створення сайту і його розділів - копітка і відповідальна робота.

§ 2. Правильна структура сайту

Зробіть HTML карту сайту. на якій будуть посилання на всі сторінки сайту.

Cтруктура сайту повинна бути впорядкована і зрозуміла.

Приклад чистої структури URL:

• mysite.ru/Category1/Product1
• mysite.ru/Category1/Product2
• mysite.ru/Category2/Product3

На сайті не повинно бути «битих посилань» які ведуть на неіснуючі сторінки віддають код 404. Такі посилання можуть привести до того що пошукової робот піде з вашого сайту, а відвідувач не знайде то чого хотів.

В URL використовуйте ЧПУ, наприклад:

• правильно - site.ru/razdel/chto-takoe-chpu/
• неправильно - site.ru/category_id=2/?page_id=12/

Намагайтеся робити довжину URL максимально короткою і зрозумілою. Якщо в URL будуть присутні ключові слова то це допоможе роботам і користувачам зрозуміти що знаходиться на сторінці.

На всіх сторінках сайту використовуйте навігаційні ланцюжки (хлібні крихти) це допоможе користувачам і пошуковим системам легко орієнтуватися на сайті.

§ 3. Число сторінок сайту

Розмір сторінок сайту повинен бути стільки, скільки буде потрібно за змістом. Для однієї сторінки сайту досить 1000 знаків. Сторінки сайту не повинні бути перенасичені текстом. Щоб знайти необхідну інформацію на сторінці перенасиченої текстом користувачеві буде потрібно занадто багато сил і тимчасових витрат. Більшість користувачів вважають, що пошук інформації в величезному обсязі тексту не варто витраченого на це часу. Тому слід прідержіватьсяоптімального розміру тексту на сторінці.

СКІЛЬКИ ПОВИНЕН БУТИ ВНУТРІШНІХ ПОСИЛАНЬ СО СТОРІНКИ САЙТУ?

Визначення кількості посилань на сторінці мав би підпорядковуватися наступним закономірностям:

Який розмір статті на сайті повинен бути для ефективного просування?

• Приблизний розмір статті для ефективного просування повинен бути 2500-3000 символів без пробілів. При цьому текст статті сайту повинен бути розведений картинками, причому картинки потрібно вставляти в текст статті, а не за її межами.
• Чим більше сторінок на вашому сайті проіндексовано пошуковими системами, тим більше трафіку ваш сайт може отримувати з пошуку.

Чому корисно і потрібно щомісяця збільшувати кількість сторінок на сайті?

Публікуючи на своєму сайті унікальну, актуальну і цікаву для цільової аудиторії інформацію про свою діяльність Ви:

• формуєте імідж,
• стаєте експертом в очах як потенційних так і поточних клієнтів,
• отримуєте послідовників,
• запускаєте сарафанне радіо,
• в міру збільшення кількості публікацій, збільшуєте кількість одержуваного сайтом пошукового трафіку.

§ 4. Навігаційне меню

Навігація по сайту повинна бути зручною. Користувач не зумівши знайти необхідну інформацію через заплутаних переходів, піде до конкурентів. Саме тому грамотна навігація - основний критерій для зручності сайту.

Навігаційні компоненти включають в себе:

1. Глобальна навігація;

2. Локальна навігація;

3. Допоміжна навігація;

6. Футер, дублюючий елементи глобальної, локальної та допоміжної навігації сторінки.

Щоб меню на сайті не був довгим, можна згрупувати деякі пункти між собою для організації дворівневого меню. Спливаюче меню, повинно бути зазначено: користувач, глянувши на панель навігації, повинен знати, що за наведення покажчика миші на пункт меню він зможе відкрити підміню.

Хлібні крихти - зто злементов навігації по сайту, що візуалізує шлях по сайту від його "кореня" до поточної сторінки, на якій знаходиться користувач, у вигляді ланцюжка. Зазвичай являє собою смугу у верхній частині сторінки приблизно такого вигляду.

Головна сторінка → Розділ → Підрозділ → Поточна сторінка.

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

Види навігації можна виділяти виходячи з двох критеріїв: функціонального і візуального.

За функціями система навігації ділиться на наступні види:

За візуального оформлення виділяють наступні види навігації:

• Текстова - збігається з визначенням текстової в функціональному плані. Це, мабуть, найдавніший вид навігації.
• Графічна - зараз найбільш популярний вид навігації з графічним відображенням, застосовується для всіх видів функціональної навігації.
• HTML-форми - допомагають в економії місця за допомогою випадаючих або елементів, що відкриваються.
• Java і Flash технології - за допомогою них можна організувати певну реакцію на дії при наведенні курсору, натисканні кнопок миші або клавіатури.