Як створити структуру сайту

• 1. Види і типи структури сайту
• 2. Як оцінити структуру веб-ресурсу. Вимоги до якості
• 3. Алгоритм створення правильної структури сайту
• 4. Варто запобігти: типові помилки

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

Структура сайту – це його логічна схема, згідно з якою побудовані всі розділи, категорії та підкатегорії. Вона пов’язує між собою всі сторінки веб-ресурсу за змістом і відображає їх у навігації відповідно до визначеної ієрархії.

Рис. 1 – Приклад структури інтернет-магазину з категоріями і підкатегоріями

Головне завдання структури сайту – створити зручну систему навігації і поліпшити юзабіліті. Саме з її допомогою користувач розуміє, в якому розділі знаходиться на даний момент, як перейти у наступний або як повернутися до попереднього.

1. Види й типи структури сайту

Слід сказати, що під різні типи сторінок підходять різні за структурою типи сайтів, всього їх існує три варіанти:

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

Наприклад, Головна сторінка салону краси → Послуга “SPA і масаж” → Вид масажу → Записатися на послугу.

Рис. 2 – Приклад лінійної структури сайту: косметичний салон

2. Ієрархічна, або деревоподібна.

Перший, “кореневий” рівень – категорії та розділи сайту, другий, “розгалужений” – підкатегорії, підрозділи, сторінки товарів і т. д. інформації.

Наприклад, для сайту спортивних товарів шлях може бути Каталог → Ролики, скейти, самокати → Ролики → Жіночі. Якщо переходів занадто багато або шлях логічно незрозумілий, то структуру потрібно переробити.

             Рис. 3 – Приклад деревоподібної структури сайту: інтернет-магазин спорттоварів

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

Рис. 4 – Приклад блочної структури сайту: дитячий центр мистецтв

Крім того, можна враховувати види організації структури інформації сайтів:

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

Рис. 5 – Приклад алфавітної організації

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

Рис. 6 – Приклад організації за цільовою аудиторією

• тематична (застосовується градація інформації за тематикою);

Рис. 7 – Приклад тематичної організації

• географічна (актуальна для ресурсів, прив’язаних до певної місцевості: салонів краси, кафе і ресторанів, центрів послуг);

Рис. 8 – Приклад географічної організації

• хронологічна (підійде в тому випадку, якщо запит користувача сайту пов’язаний з конкретною датою, актуальний для новинних веб-ресурсів).

Рис. 9 – Приклад хронологічної організації

2. Як оцінити структуру веб-ресурсу. Вимоги до якості

У системі навігації сайту його структура відображається:

• безпосередньо у меню;
• у “хлібних крихтах” – ланцюжку навігації, який показує шлях від головної до поточної сторінки користувача;
• користувачі бачать її у HTML-карті, а роботи – у XML-карті сайту.

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

Які вимоги пред’являються для якісної структури сайту:

• використання HTML та CSS для навігації;
• рівень вкладеності сторінок не перевищує чотири – так зване правило трьох кліків;

Рис. 10 – Приклад правила трьох кліків на нашому сайті

• використання категорій для того, щоб пов’язати контент за змістом;
• з будь-якої сторінки сайту можна перейти на головну;
• наявність карти сайту;
• збереження структури при видаленні або додаванні підкатегорій – наприклад, якщо на попередньому скрині додати цілу підкатегорію (припустимо, SMM) або видалити одну з наявних, то початкова ієрархія Матеріали → Статті → Підкатегорії тематики збережеться.

Що вимагає від оптимальної структури сайту Google:

• вона повинна бути зрозумілою і простою, зручною для користування;
• для визначення релевантності сторінки потрібні людинозрозумілі URL-адреси зі зрозумілих слів;
• ці URL-адреси можна вкорочувати при занадто довгому “хвості”: Google схвалює довжину до 75 символів;
• у посиланнях на сторінки потрібні дефіси між словами, а чи не нижні підкреслення.

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

Отже, при правильній структурі сайту:

1. Навігація зрозуміла користувачам. Сайт є корисним, тому що статті релевантні запитам. Позиції у рейтингу підвищуються та пошуковий трафік надходить; якість взаємодії користувача та сайту підвищується. Після коригування покращено поведінковий досвід – наприклад, зростає час перегляду сторінок відвідувачами.
2. Сторінки та ключові запити на них розподілені правильно і покривають запити користувача, отже, позитивно впливають на конверсію.
3. Створюються додаткові категорії та розділи веб-ресурсів під вузькі групи запитів. Так можна залучити більше трафіку, ранжуючись за більшою кількістю ключів.
4. Вміст сайту розміщено логічно, пошукові системи його бачать – сторінки швидко скануються, маршрут руху для роботів спрощується.

3. Алгоритм створення правильної структури сайту

Для SEO-адаптованої структури сайту важливо не пропустити жодного етапу алгоритму. Отже, як покроково створити хорошу структуру для сайту:

1. Проаналізувати конкурентів

Сформуємо список лідерів ніші для аналізу, за пошуковими запитами та контекстною рекламою.

Рис. 11 – Приклад пошуку конкурентів у вашій ніші

Потім:

• експортуємо карти сайтів конкурентів, де вони є;
• проаналізуємо ті ключові фрази, якими вони у топі;
• занесемо їх у таблицю. (Подивитися в пошукових системах за декількома тематичними запитами).

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

2. Зібрати семантичне ядро ​​та кластеризувати запити

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

• Yandex.Wordstat ;
• Google Ads;
• Key Collector; 
• Serpstat.

Рис. 12 – Інтерфейс Google Ads для пошуку ключів

Далі необхідна кластеризація запитів – об’єднання ключів за групами. Для полегшення цієї процедури знадобляться такі сервіси автоматичної кластеризації, як Megaindex або Coolakov .

Рис.13 – Інтерфейс Megaindex

Рис. 14 – Інтерфейс Coolakov

3. Створити кінцеву ієрархію:

• присвоїти категорії сторінкам, названим за основними ключовими запитами;
• візуалізувати ієрархію у вигляді схеми – це буде виглядати більш наочно та доступно для розуміння;
• структурувати всі рубрики в зручні для користувачів.
• При створенні кореневого каталогу потрібно починати із найзагальніших категорій і поступово просуватися до точніших дочірніх. Бажано, щоб назва рубрики відображала популярний запит користувача.
• Перші категорії, батьківські, мають бути максимально загальними за переліком запитів, які можуть охопити.

4. Перевірити структуру URL

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

5. Перевірити перехід зі сторінок на сторінки сайту

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

6. Перевірити відображення меню, футера та шапки сайту

Меню може бути основним і другорядним, горизонтальним і вертикальним. Також воно має відображатись однаково зручно і в десктопній, і в мобільній версіях. Футер – це блок внизу сторінок, який містить Контакти, Політику конфіденційності тощо, а так звана “шапка” сайту розміщена вгорі та покликана полегшити навігацію. Ці елементи є базовими для сайту. Їхня зручність та лаконічність не повинні викликати сумнівів.

7. Створити карту сайту

Строго кажучи, карта сайту не вважається обов’язковою. Але вона допомагає пошуковикам швидше індексувати ресурс і виглядає як файл Sitemap. Для роботів структуру сайту опише xml-карта, наприклад, створена за допомогою інструменту “Аналіз сайту”. Для користувачів можна створити список клікабельний сторінок – HTML-карту.

8. Протестувати сайт

Перші результати, які покаже сайт, вже продемонструють, що ви намагалися не дарма. Зручність переходу між сторінками, швидкість завантаження, зручність навігації – ці фактори важливо перевірити з погляду користувача, що робить дії відповідно до інтенту. Допоможе в цьому Google Search Console , він дозволяє аналізувати якість сторінок.

9. Перевірити сайт-лінки

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

4. Варто запобігти: типові помилки

Є декілька поширених помилок, які варто передбачити заздалегідь і відповідно уникнути.

Рис. 15 – Приклад хорошого розбиття товарів за фільтрами

Отже, правильно створена структура сайту необхідна для його розвитку з усіх аспектів. Підіб’ємо підсумки – ось у чому полягає її важливість для SEO:

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

Коректна структура сайту, в якій проаналізовано та усунено можливі помилки – це багато в чому гарантія його ефективності та успіху.