Структура веб сайту варіанти для різних типів сайтів

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

Як структура допомагає залучити відвідувачів

style = "display: block"
data-ad-client = "ca-pub-8243622403449707"
data-ad-slot = "1319308473"
data-ad-format = "auto">

Коли вами обрана майбутня тематика, саме час продумати навігацію, попередньо озброївшись блокнотом і ручкою. Отже, відвідувач зайшов на головну сторінку ресурсу, що він обов'язково повинен побачити? Ви скажіть, що все залежить від тематики сайту, а якщо це блог то структура і зовсім повинна бути трохи інший. Але існують певні правила. Розглянемо деякі типи сайтів і стандарти їх оформлення.

Сайт візитка

Що це за ресурс такий? Це майданчик з мінімальною короткою інформацією по суті про людину або компанії, які пропонують будь-які послуги. Щоб відвідувач міг зорієнтуватися в сфері діяльності даної особи або осіб, на головній сторінці ясно і чітко відображено меню з декількома основними сторінками. Меню часто закріплено, тобто, куди б ви не натиснули в межах сайту, завжди зможете перейти на одну з цих сторінок, а це основа зручної навігації.

Звичайно, більшу кількість сторінок і розділів вітається, але варіант «візитка» передбачає їх 4-5 штук, в середньому, для ознайомлення.

представницький ресурс

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

Найчастіше в таких випадках ми спостерігаємо горизонтальне статичне меню:

Корпоративний та промо-сайт

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

Хто я, де я?

Принцип сайтостроения говорить, що користувач повинен завжди мати можливість перейти до іншого питання, що цікавить його матеріалу на сайті в один клік. І це повинно здійснюватися не через кнопку «Назад» і навіть не через натискання логотипу, щоб потрапити на index.php (самий крайній випадок).

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

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

Структура index-сторінки

Пропоную розібрати мій блог в якості прикладу і дізнатися, чи відповідає його головна сторінка основними критеріями.

Отже, відповімо на наступні питання:

Витратьте максимум часу опрацювання головної сторінки вашого сайту і її структурі. Внутрішні сторінки оповідають про щось конкретне, а головна - це свого роду демо-версія всього вашого проекту.

Зберігання файлів на хостингу

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

Якщо ви створюєте портфоліо своїх робіт, то називайте папку з зображеннями відповідно до виду портфоліо, наприклад «photo-summer», якщо там будуть зберігатися літні знімки і так далі.

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

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

До скорої зустрічі!

Рекомендую прочитати наступні корисні статті: