Структура вебсайту: як організувати сторінки, URL та посилання (5 прикладів карт сайту)

Як структурувати вебсайт: ієрархія сторінок, структура URL, внутрішні посилання та плоскі й глибокі сайти — з п'ятьма схемами карт сайту для покрівельника, ресторану, клініки, юридичної фірми та інтернет-магазину, кожна з яких побудована на основі шаблону We.Inc.

Структура вебсайту — це те, як організовані та пов'язані ваші сторінки: яка сторінка знаходиться під якою, як виглядають адреси (URL) і як між ними переміщуються відвідувачі та пошукові системи. Добра структура означає, що будь-хто може дістатися до будь-якої сторінки за два-три кліки, і кожна сторінка має одне чітке завдання. Нижче наведено правила, а потім п'ять прикладів карт сайту, кожна з яких побудована на основі розділів шаблону We.Inc (не сайту клієнта).

Чотири складові структури сайту

СкладоваЩо це означаєПрактичне правило
ІєрархіяЯкі сторінки є верхнього рівня, а які знаходяться під ними.П'ять-сім сторінок верхнього рівня в головному меню.
Структура URLАдреса кожної сторінки.Коротко, малими літерами, через дефіс, відображаючи ієрархію: /services/roof-repair.
Внутрішні посиланняПосилання з однієї вашої сторінки на іншу.Кожна сторінка посилається вгору на батьківську та горизонтально на пов'язані. Жодна сторінка не залишається без посилань на неї.
ГлибинаКількість кліків від головної до сторінки.Важливі сторінки — не більше трьох кліків.

Плоска та глибока структура

Плоский сайт тримає майже кожну сторінку в одному кліку від головної. Глибокий сайт вкладає сторінки в кілька рівнів (головна, категорія, підкатегорія, елемент).

Від однієї сторінки до карти сайту

Кожен шаблон нижче постачається як одна довга сторінка, посилання в меню якої переходять до розділів. Це хороший початок. Коли розділ розростається (більше послуг, більше пунктів меню, більше адвокатів) або ви хочете, щоб він ранжувався за власним запитом, перетворіть його на окрему сторінку. Схеми показують таку розширену версію. Елементи в [дужках] — це заповнювачі.

1. Покрівельний підрядник

Побудовано на основі розділів шаблону Ironpeak Roofing: послуги, матеріали, страхові випадки через шторм, відгуки, безкоштовна інспекція.

  • Головна /
    • Послуги /services
      • Заміна покрівлі /services/roof-replacement
      • Ремонт покрівлі /services/roof-repair
      • Водостоки /services/gutters
    • Страхові випадки через шторм /storm-damage
    • Матеріали /materials
    • Відгуки /reviews
    • Зони обслуговування /areas
      • [Місто А] /areas/town-a
      • [Місто Б] /areas/town-b
    • Безкоштовна інспекція /free-inspection

Чому така форма: кожна послуга отримує власну сторінку, щоб відповідати власному запиту («ремонт покрівлі [місто]»). Сторінки зон обслуговування виправдані лише з реальними місцевими деталями (виконані роботи там, час у дорозі); копії з підставленою назвою міста — це неякісний контент. Сторінка безкоштовної інспекції посилається з заголовка кожної сторінки. Детальніше в SEO для покрівельників.

2. Ресторан

Побудовано на основі шаблону Azafran: зал, меню, бронювання, як нас знайти.

  • Головна /
    • Меню /menu
      • Вечеря /menu/dinner
      • Напої /menu/drinks
    • Зал /about
    • Приватні заходи /private-dining
    • Бронювання /reservations
    • Як нас знайти /visit

Чому така форма: плоска. Відвідувачі хочуть меню, години роботи та бронювання, зазвичай з телефону. Розмістіть меню у форматі HTML-тексту, а не лише PDF, щоб його можна було прочитати та знайти. Дивіться SEO для ресторанів та як створити сайт ресторану.

3. Медична або стоматологічна клініка

Побудовано на основі шаблону Verdant Family Health: наша допомога, познайомтесь з командою, як нас знайти, запис.

  • Головна /
    • Наша допомога /services
      • Профілактичні огляди /services/check-ups
      • Хронічні захворювання /services/chronic-conditions
      • Діти /services/children
    • Познайомтесь з командою /team
      • [Ім'я лікаря] /team/doctor-name
    • Нові пацієнти /new-patients
    • Як нас знайти /visit
    • Записатись на прийом /book

Чому така форма: окрема сторінка «Нові пацієнти» відповідає на питання першовідвідувача (форми, страхування, що взяти з собою), не захаращуючи головну. Кожна сторінка лікаря посилається на послуги, які він надає, а кожна сторінка послуги посилається назад на того, хто її надає. Дивіться SEO для стоматологів.

4. Юридична фірма

Побудовано на основі шаблону Sterling & Vance LLP: напрямки практики, адвокати, результати, контакти.

  • Головна /
    • Напрямки практики /practice-areas
      • Комерційні спори /practice-areas/commercial-litigation
      • Трудове право /practice-areas/employment
      • Нерухомість /practice-areas/real-estate
    • Адвокати /attorneys
      • [Ім'я партнера] /attorneys/partner-name
    • Результати /results
    • Статті /blog
      • [Стаття] /blog/article-slug
    • Контакти /contact

Чому така форма: один з найглибших прикладів. Люди шукають за юридичною проблемою, тому кожен напрямок практики — це окрема сторінка, а кожен профіль адвоката посилається на його напрямки. Розділ статей (блог) необов'язковий; додавайте його лише якщо ви будете публікувати регулярно. Дивіться SEO для юристів.

5. Інтернет-магазин

Побудовано на основі шаблону Cellar & Rowan: магазин, наша майстерність, матеріали, де купити, кошик.

  • Головна /
    • Магазин /shop
      • Свічки /shop/candles
        • [Товар] /shop/candles/product-name
      • Кераміка /shop/stoneware
      • Продукти харчування /shop/pantry
    • Наша майстерність /about
    • Де купити /stockists
    • Журнал /blog
    • Доставка та повернення /shipping-returns
    • Кошик /cart

Чому така форма: найглибший з п'яти: головна, категорія, товар. Сторінки категорій — місце, де відбувається і перегляд, і пошук. Тримайте кожен товар за однією URL-адресою, навіть якщо він з'являється в двох категоріях, і посилайтесь на сторінки з правилами з футера та сторінки оформлення замовлення. Дивіться як відкрити інтернет-магазин.

Правила URL

Чекліст внутрішніх посилань

  1. Головне меню: лише сторінки верхнього рівня.
  2. Футер: контактні дані, правила та другорядні сторінки.
  3. У тексті: посилайте послуги на пов'язані послуги та на сторінку дії (запис, прайс, покупка).
  4. Описовий текст посилання («ціни на ремонт покрівлі»), а не «натисніть тут».
  5. Хлібні крихти на глибших сайтах (Головна > Магазин > Свічки).
  6. XML-карта сайту з переліком усіх публічних сторінок (створіть її за допомогою генератора XML-карти сайту та перевірте за допомогою перевірки карти сайту).

Сплануйте свою за 15 хвилин

  1. Запишіть кожну потрібну сторінку на стікері або в рядку.
  2. Згрупуйте їх під п'ятьма-сімома заголовками верхнього рівня.
  3. Напишіть URL поряд з кожною.
  4. Намалюйте стрілку для кожного посилання з однієї сторінки на іншу; будь-яка сторінка без вхідних стрілок потребує одного.
  5. Перевірте, що жодна важлива сторінка не знаходиться далі трьох кліків від головної.

Потім виберіть макет для кожного типу сторінки з прикладів макетів вебсайтів та перевірте меню відповідно до прикладів навігації.

Будуйте на We.Inc

Почніть з шаблону, близького до вашого бізнесу. Безкоштовний план дає до 3 сайтів на шаблоні за адресою we.inc (без кредитів ШІ, без власного домену). На Starter ($20/місяць) ви можете попросити конструктор ШІ додати сторінки, наприклад «додай сторінку для кожної послуги з власною адресою», і підключити власний домен; Pro — $50, а Max — $99 на місяць (прайс). Посібник дизайн вебсайту, дружній до SEO, охоплює сторінкову складову.

Поширені запитання

Що таке структура вебсайту?

Те, як організовані та пов'язані сторінки сайту: ієрархія сторінок, URL кожної сторінки та внутрішні посилання між ними.

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

Зазвичай плоска: головна сторінка, п'ять-сім сторінок верхнього рівня та окремі сторінки для кожної основної послуги, усе в межах двох-трьох кліків.

Плоска чи глибока структура: що краще?

Плоска для невеликих сайтів; трохи глибша (головна, категорія, елемент) для магазинів, каталогів або фірм з багатьма послугами. Тримайте важливі сторінки в межах трьох кліків.

Як мають бути структуровані URL?

Короткі слова малими літерами, розділені дефісами, що відображають ієрархію, наприклад /services/roof-repair. Не змінюйте URL, які вже отримують відвідувачів, без перенаправлення 301.

Чи впливає структура сайту на SEO?

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

Це реальні карти сайтів бізнесів?

Ні. Вони побудовані на основі розділів шаблонних дизайнів We.Inc як приклади структури.

Почати безкоштовно · Банківська картка не потрібна

Product

Who It's For

Features

Resources

Company

View Sitemap