BITSPARK / Статьи / Заказ, договор и приёмка
Структура сайта: что это и что решить заказчику до дизайна
Коротко: структура сайта - это страницы, разделы, в которые они собраны, ссылки и меню между ними и адрес каждой страницы. Определения одним предложением нет на страницах Вебмастера, Google и web.dev, разобранных ниже: они описывают, как структуру организовать. До дизайна заказчик решает, какие страницы нужны, к какому разделу относится каждая, как посетитель до неё дойдёт и какими будут адреса. Влияния структуры на позиции в поиске, трафик и заявки статья не обещает.
Подрядчик может сказать, что сначала соберёт структуру, или прислать схему страниц для согласования. Главная страница BITSPARK называет структуру вторым шагом процесса, перед дизайном. Ниже - что такое структура сайта, что о ней пишут справка Яндекс Вебмастера, документация Центра Google Поиска и учебный курс web.dev, какие виды навигации там названы и что заказчику решить на этом шаге.
Примеры вымышленные: сервисный центр с сайтом example.ru и магазин чая с сайтом example.com. Страница web.dev написана по-английски, её цитаты даны в переводе автора с оригиналом рядом, перевод не заменяет оригинал.
Что такое структура сайта?
Коротко: структура сайта - устройство сайта с точки зрения посетителя: какие есть страницы, как они собраны в разделы, как между ними можно перейти и по какому адресу открывается каждая. web.dev пишет, что такая структура может отличаться от файловой структуры на сервере.
Страницы Вебмастера, Google и web.dev, разобранные в статье, не дают определения структуры сайта одним предложением. Они описывают, как структуру организовать: по каким разделам разложить страницы, как их связать, как оформить меню и адреса. Определение выше - сводка автора из этих описаний, оно не приписано ни одной из страниц.
Из чего складывается структура, по описаниям этих страниц:
- страницы и разделы: к какому разделу относится каждая страница;
- ссылки: как посетитель переходит от одной страницы к другой;
- вложенность: сколько уровней отделяет страницу от главной;
- навигация: меню и другие блоки ссылок;
- адрес: по какому URL, то есть по какому адресу в строке браузера, открывается страница.
Про отличие структуры для посетителя от структуры файлов web.dev пишет в разделе о хлебных крошках:
"The site structure from a user perspective may differ from the file structure on the server, and that's fine."
- web.dev, Navigation | web.dev, раздел Page breadcrumbs
Перевод: структура сайта с точки зрения пользователя может отличаться от файловой структуры на сервере, и это нормально. Страница английская, перевод автора статьи.
Как выглядит схема структуры на примере?
Коротко: схему структуры можно записать таблицей: страница, над какой страницей она стоит и её адрес. Пример для вымышленного сервисного центра - один из возможных вариантов. Перечня страниц, обязательных для лендинга, корпоративного сайта или магазина, в источниках статьи нет, поэтому пример не считается типовым.
Сервисный центр example.ru ремонтирует ноутбуки. Схема его сайта в таблице:
| Страница | Над ней в структуре | Адрес |
|---|---|---|
| Главная | - | example.ru/ |
| Услуги | Главная | example.ru/uslugi/ |
| Замена экрана | Услуги | example.ru/uslugi/zamena-ekrana/ |
| Чистка от пыли | Услуги | example.ru/uslugi/chistka-ot-pyli/ |
| Цены | Главная | example.ru/ceny/ |
| Контакты | Главная | example.ru/kontakty/ |
Страница Замена экрана лежит глубже, чем Контакты: от главной до неё два перехода, до Контактов один.
Что Яндекс Вебмастер пишет о структуре сайта?
Коротко: страница Вебмастера «Структура сайта» написана о работе поискового робота Яндекса. Из неё взято то, что описывает устройство сайта: каждый документ относится к своему разделу, каждый доступен по обычной ссылке, навигация помогает сориентироваться, у каждой страницы свой адрес. О времени включения страницы в индекс Яндекс пишет «может пройти».
В первом совете Яндекс пишет «документ»; в статье это страница сайта. Совет касается ссылок и разделов:
«Поддерживайте четкую ссылочную структуру на сайте. Каждый документ должен относиться к своему разделу. Следите, чтобы на каждый документ можно было попасть по обычной ссылке (...)»
- Яндекс Вебмастер, Структура сайта | Вебмастер
В коде страницы обычную ссылку обозначает тег a: так сказано в пропущенной части цитаты. Следом идёт предложение о глубине вложенности. Индекс - это перечень страниц, которые знает поисковая система:
«Вообще говоря, время, которое необходимо роботу Яндекса, чтобы проиндексировать какую-либо внутреннюю страницу сайта, зависит, в том числе, от глубины вложенности этой страницы. Поэтому чем глубже страница, тем больше времени может пройти до включения ее в индекс.»
- Яндекс Вебмастер, та же страница
Ни число уровней, ни число кликов до страницы этот текст Вебмастера не называет. О навигации там сказано так:
«Организация навигации по сайту должна позволять пользователю быстро сориентироваться в его структуре и легко находить нужные документы, чтобы не возникало ситуации, когда, не найдя нужной информации, разочарованный посетитель покидает сайт.»
- Яндекс Вебмастер, та же страница
Карту сайта Вебмастер называет одной строкой: «Для крупных проектов, содержащих множество страниц, рекомендуется использовать Sitemap (карту сайта).» Совет об адресах страниц разобран ниже. Остальные советы страницы относятся к работе поискового робота и в статью не входят.
Что Google пишет о структуре сайта и при чём тут тысяча URL?
Коротко: Центр Google Поиска советует логически структурировать контент, когда сайт создают или переделывают. О влиянии структуры на сканирование Google пишет с условием: «более тысячи URL». О сайтах меньшего размера в этом разделе ничего не сказано.
URL - адрес страницы. В статье «Введение в поисковую оптимизацию» раздел «Упорядочивайте информацию на сайте» начинается так:
«Когда вы создаете или переделываете свой сайт, важно логически структурировать контент. Это поможет поисковым системам и пользователям понять, как отдельные страницы соотносятся с остальной частью сайта.»
- Google, Введение в поисковую оптимизацию | Центр Google Поиска | Documentation | Google for Developers, раздел «Упорядочивайте информацию на сайте»
Подраздел того же раздела, «Группируйте тематически схожие страницы в каталоги», начинается с условия:
«Если на вашем сайте более тысячи URL, его структура может оказывать влияние на частоту его сканирования поисковым роботом Google и скорость индексирования его страниц.»
- Google, та же страница, подраздел «Группируйте тематически схожие страницы в каталоги»
Условие стоит в начале фразы: «более тысячи URL». Сканирование - это обход страниц сайта роботом Google. Следующее предложение подраздела называет группировку тематически схожих страниц в каталоги (или папки): по словам Google, она «может помочь Google узнать, как часто меняются URL в отдельных каталогах». Пример адресов с каталогами policies и promotions: https://www.example.com/policies/return-policy.html и https://www.example.com/promotions/new-promos.html.
Какие бывают виды навигации?
Коротко: web.dev называет глобальную навигацию, локальную навигацию, хлебные крошки, оглавление страницы и карту сайта. Страница прямо пишет, что особых требований к элементам навигации нет, и советует добиваться, чтобы пользователь мог дойти до любой страницы за наименьшее число кликов. Число кликов web.dev не называет.
Навигация - блоки ссылок, по которым посетитель переходит между страницами. Ниже пересказ страницы web.dev, она английская; термины даны по-русски с английским названием в скобках.
| Вид или блок | Что пишет web.dev |
|---|---|
| Глобальная навигация (global navigation) | ведёт на страницы верхнего уровня сайта и одинакова на каждой странице. Может выглядеть как панель навигации, выпадающее меню или всплывающее меню (flyout menu). Один и тот же сайт может показывать её по-разному в зависимости от размера области просмотра |
| Локальная навигация (local navigation) | к ней страница относит именованные якоря в тексте, которые ведут на другие страницы того же сайта |
| Хлебные крошки (breadcrumb) | ряд ссылок, который показывает иерархию текущей страницы в структуре сайта или путь, которым пользователь пришёл на страницу; вид локальной навигации |
| Оглавление страницы (table of contents) | ещё один вид локальной навигации |
| Карта сайта (site map) | страница с иерархическими ссылками на каждую страницу сайта |
| Навигация в подвале | подвал, как и глобальная навигация, должен быть одинаков на всех страницах; особых требований к элементам навигации в подвале нет |
Глобальную навигацию web.dev описывает так:
"Global navigation leads to the top-level pages of the website and is the same on every page of a site."
- web.dev, Navigation | web.dev, раздел Global navigation
Перевод: глобальная навигация ведёт на страницы верхнего уровня сайта и одинакова на каждой странице сайта.
О числе кликов и о требованиях к меню страница пишет в начале:
"Always make sure users can navigate to any page on your site with the fewest number of clicks, while making sure the navigation is intuitive and not overwhelming. That said, there are no specific requirements for navigational elements."
- web.dev, та же страница, вступление
Перевод: всегда проверяйте, что пользователи могут перейти на любую страницу вашего сайта за наименьшее число кликов, и что навигация при этом интуитивна и не перегружена. Особых требований к элементам навигации нет.
Хлебные крошки web.dev определяет в разделе Page breadcrumbs:
"Breadcrumbs provide secondary navigation to help users understand where they are on a website."
- web.dev, та же страница, раздел Page breadcrumbs
Перевод: хлебные крошки - вторичная навигация, которая помогает пользователям понять, где они находятся на сайте. Подробнее об элементе, его видах и разметке - в статье о хлебных крошках. Что стоит в подвале по описанию MDN и стандарта HTML и какие сведения о владельце сайта называет закон, разбирает статья о подвале сайта.
В русской версии справочника MDN, перевод страницы сделан сообществом (так указано на самой странице), элемент nav в разметке определён как секция документа для ссылок навигации; примеры такой секции - меню и якорные ссылки. Как меню выглядит на узком экране, относится к адаптивности: проверку адаптива разбирает статья об адаптивном сайте.
Чем отличается структура интернет-магазина и сайта из одной страницы?
Коротко: для интернет-магазина документация Google описывает иерархию: меню, категории, подкатегории, товары. Для сайта из одной страницы web.dev приводит одну строку: в примере урока там стоит панель локальной навигации. Перечней страниц для лендинга, корпоративного сайта и магазина эти источники не дают.
Страница Google о структуре навигации интернет-магазина описывает иерархию так:
«Пример иерархии: в меню есть ссылки на страницы категорий товаров, со страницы категории можно перейти на страницу подкатегории, а с нее - на страницы отдельных товаров.»
Для вымышленного магазина чая с сайтом example.com иерархия выглядит так:
| Элемент иерархии | Пример для example.com | Откуда к нему ведёт ссылка |
|---|---|---|
| Категория | Чай | пункт меню |
| Подкатегория | Зелёный чай | страница категории Чай |
| Товар | Сенча, 100 г | страница подкатегории Зелёный чай |
Там же Google описывает товары, до которых можно добраться только через строку поиска по сайту:
«Если ваши товары доступны только через окно поиска по сайту, но при этом их нельзя найти с помощью поиска по категориям, Googlebot не сможет обнаружить их, так как при сканировании он не вводит запросы в окне поиска.»
- Google, та же страница
Googlebot - это робот Google, который обходит сайты. Для заказчика из этого следует вопрос о ссылках: есть ли ссылка на каждый товар из его категории.
О сайте из одной страницы web.dev пишет в том же вступлении, где сказано о числе кликов:
"(...) being a single-page website, has a local navigation bar in the top right (...)"
- web.dev, Navigation | web.dev, вступление
Перевод: (...) будучи сайтом из одной страницы, имеет панель локальной навигации в правом верхнем углу (...). В цитате пропущено название сайта-примера из урока.
Как структура видна в адресах страниц?
Коротко: Яндекс: у каждой страницы свой адрес, и по виду адреса желательно понять, что на странице. Google: структура URL должна быть понятна человеку. Страницы одного раздела можно собрать в каталог (папку), как в примерах Google.
Яндекс пишет об адресах в одном из советов страницы «Структура сайта»:
«Каждая страница должна иметь уникальный адрес (URL). Желательно, чтобы вид URL давал представление о том, что содержится на соответствующей странице.»
- Яндекс Вебмастер, Структура сайта | Вебмастер
Google в рекомендациях о структуре URL пишет в разделе «Упростите структуру своих URL»:
«Попробуйте упорядочить контент так, чтобы структура URL могла быть понятна человеку.»
- Google, Рекомендации Google Поиска в отношении структуры URL | Центр Google Поиска | Documentation | Google for Developers, раздел «Упростите структуру своих URL»
Раздел «Используйте описательные URL» той же страницы советует по возможности использовать осмысленные слова и не рекомендует длинные непонятные цифровые идентификаторы. Примеры оттуда: рекомендуемый адрес https://example.com/wiki/Aviation и нерекомендуемый https://example.com/index.php?topic=42&area=3a5ebc944f41daa6f849f730f1.
В статье «Введение в поисковую оптимизацию» Google пишет: «Лучше включать в URL те слова, которые могут быть полезны пользователям». Пример Google из этого раздела - https://www.example.com/pets/cats.html; адрес можно прочитать как страницу cats в каталоге pets. И Яндекс, и Google упоминают транслитерацию, то есть русские слова латиницей, как в адресах таблицы выше.
Чем поддомен отличается от раздела сайта, объясняет статья о поддомене.
Что заказчик решает на шаге структуры до дизайна?
Коротко: в процессе BITSPARK шаг «Структура» стоит перед шагом «Дизайн». Для разговора с подрядчиком ниже семь вопросов: какие страницы нужны, к какому разделу относится каждая, как посетитель до них дойдёт, сколько уровней вложенности, какая навигация, какие адреса и что подрядчик называет картой сайта. Вопросы взяты из страниц источников; числа уровней и кликов эти страницы не называют.
Главная страница BITSPARK называет шаги по порядку: «Задача», «Структура», «Дизайн», «Разработка», «Запуск». Шаг «Структура» описан так:
«Собираем архитектуру: сценарии, страницы, контент и логику взаимодействия.»
- BITSPARK, главная страница, шаг «Структура»
Следующий шаг, «Дизайн», описан так: «Формируем характер проекта: типографику, композицию, движение и систему интерфейса.» Услуги описаны так:
| Услуга | Формулировка с главной страницы BITSPARK |
|---|---|
| Лендинг | «От 20 000 ₽ - задача, структура, дизайн, разработка и запуск.» |
| Корпоративный сайт | «От 35 000 ₽ - страницы, сценарии и цифровая система бренда.» |
| Интернет-магазин | «От 55 000 ₽ - каталог, корзина, оплаты и необходимые интеграции.» |
| Интерактивный сайт | «Индивидуальная оценка - WebGL, motion и нестандартные интерфейсы.» |
Вопросы подрядчику:
- Какие страницы нужны сайту? Типового перечня страниц для лендинга, корпоративного сайта или магазина источники не дают. На главной странице BITSPARK шаг «Задача» стоит перед шагом «Структура» и описан так: «Разбираемся, кому нужен будущий продукт и что он должен объяснить, показать или продать.» Какие документы нужны сайту по закону, разбирает статья о документах на сайте.
- К какому разделу относится каждая страница? Яндекс: «Каждый документ должен относиться к своему разделу».
- Как посетитель дойдёт до каждой страницы? Яндекс: на каждый документ можно попасть по обычной ссылке. Google для магазина: товары, доступные только через окно поиска по сайту и не найденные поиском по категориям, Googlebot не обнаружит.
- Сколько уровней вложенности у страниц? Яндекс: «чем глубже страница, тем больше времени может пройти до включения ее в индекс». Число уровней страница не называет. Тот же вопрос стоит первым в списке решений статьи о хлебных крошках.
- Какая навигация нужна и как она выглядит на узком экране? web.dev: особых требований к элементам навигации нет, глобальная навигация может выглядеть по-разному в зависимости от размера области просмотра.
- Какими будут адреса страниц? Яндекс: уникальный адрес, по виду которого можно понять, что на странице. Google: структура URL, понятная человеку.
- Что подрядчик называет картой сайта? web.dev: страница с иерархическими ссылками на каждую страницу сайта. Вебмастер: Sitemap, который рекомендован для крупных проектов. Описания разные, поэтому стоит уточнить, о какой карте идёт речь.
Что подрядчик передаёт на согласование по итогам шага - схему, список страниц или другой документ, - заказчику стоит уточнить до начала работы.
Что происходит со структурой, когда сайт переделывают?
Коротко: Google пишет, что структуру важно продумывать и при создании, и при переделке сайта, и что не следует бросать все и сразу переделывать структуру сайта. Что происходит со старыми адресами, когда структура меняется, разбирает отдельная статья о редиректе 301.
Раздел «Упорядочивайте информацию на сайте» статьи «Введение в поисковую оптимизацию» продолжается так:
«Однако не следует бросать все и сразу переделывать структуру сайта: это задача на долгосрочную перспективу (особенно, если вы работаете над крупным сайтом), а поисковые системы, скорее всего, смогут понять ваши страницы в текущем виде независимо от того, как они упорядочены на сайте.»
- Google, Введение в поисковую оптимизацию, раздел «Упорядочивайте информацию на сайте»
Совет Google относится к поисковым системам и не шире этой цитаты. Что делать со старыми адресами, когда структура меняется, разбирает статья о редиректе 301. Что видит посетитель, который открыл адрес, которого на сайте нет, и что Google советует разместить на такой странице, - в статье о странице 404.
Источники
Дата обращения к страницам: 06.10.2026.
- Структура сайта | Вебмастер - ссылки и разделы, глубина вложенности, навигация, адрес страницы, карта сайта (дата обновления на странице не указана).
- Введение в поисковую оптимизацию | Центр Google Поиска | Documentation | Google for Developers - разделы об упорядочивании информации на сайте, о каталогах и условии «более тысячи URL», об описательных URL (страница обновлена 2025-12-18 UTC).
- Структура навигации по сайту интернет-магазина | Центр Google Поиска | Documentation | Google for Developers - иерархия магазина, товары только через поиск по сайту (страница обновлена 2025-12-18 UTC).
- Рекомендации Google Поиска в отношении структуры URL | Центр Google Поиска | Documentation | Google for Developers - простая структура URL, описательные URL, транслитерация (страница обновлена 2025-12-31 UTC).
- Navigation | web.dev - виды навигации, число кликов, сайт из одной страницы, подвал (английский, страница обновлена 2024-11-04 UTC).
- <nav> - элемент навигации - HTML | MDN - определение элемента nav (перевод страницы сделан сообществом).
- BITSPARK - Digital studio - шаги процесса «Структура», «Задача», «Дизайн» и формулировки услуг.
Обсудить проект в Telegram: t.me/billioniks