Структура сайта, шапка и хлебные крошки: что это и как сделать правильно
Структура сайта — это то, как страницы сгруппированы в разделы и связаны между собой ссылками. Человек видит её через шапку с меню вверху каждой страницы и через хлебные крошки — строку-путь от главной страницы до текущей. Проектировать структуру сайта нужно до дизайна и верстки, отталкиваясь от главной задачи посетителя.
главная → разделы → страницы · шапка вверху каждой страницы · хлебные крошки под шапкой · схема до дизайна и кода
Шапка сайта — первое, что вы видите на любой странице, когда переходите по ссылке из поиска или рекламы. По-английски её называют header, и хедер сайта — это сквозной верхний блок, где размещают логотип, телефон для связи и ссылки на ключевые разделы сайта. А если вы искали, хлебные крошки на сайте — что это, то это навигационная цепочка под шапкой, которая наглядно показывает путь от корня сайта к текущему документу и помогает быстро вернуться на шаг назад.
Команда digimoОбновлено
Содержание
Что такое структура сайта простыми словами
Понятие структуры часто путают с простым списком страниц или меню, но в реальности это вся система взаимосвязей внутри проекта. Строение сайта удобно представить как оглавление книги: сначала идет обложка и вводная часть, затем крупные главы, а внутри каждой главы находятся параграфы и конкретные страницы с текстом. Если оглавление составлено логично, читатель с первых секунд понимает, где искать нужный ответ, и не листает все подряд.
Архитектура сайта — это то же дерево страниц, только вместе с правилами, как по нему ходить человеку и роботу. Она определяет логику переходов, уровни подчинения и распределение информации по разделам. На практике понятная архитектура сайта видна в трёх местах: в меню, в адресах страниц и в хлебных крошках. Когда эти три элемента согласованы между собой, навигация становится естественной и незаметной для посетителя.
Разделы сайта — это крупные группы страниц: услуги, цены, о компании, контакты. Внутри каждого раздела материалы объединяются по смыслу: например, внутри раздела услуг находятся отдельные страницы под каждую конкретную услугу, а внутри каталога товаров — категории и карточки продукции. Такая группировка помогает посетителю удерживать внимание на одном предмете и не путаться во множестве несвязанных предложений.
Любой сайт имеет две взаимосвязанные стороны структуры: логическую и адресную. Логическая структура существует в восприятии пользователя — это то, как разделы соотносятся друг с другом по смыслу и важности. Структура адресов отображает эту логику в строке браузера через понятные адреса страниц латиницей. Хорошая адресная структура в точности повторяет путь по разделам: когда человек смотрит на адресную строку, он сразу видит, в каком подразделе находится.
Что такое уровень вложенности
Это число переходов от главной страницы до нужной: главная — первый уровень, раздел — второй, страница внутри раздела — третий.
Что такое адрес страницы
Это уникальный путь к документу в сети, который пользователь видит в адресной строке браузера.
Из чего состоит сайт: главная, разделы и страницы
Каждый многостраничный сайт строится из набора типовых страниц, у каждой из которых есть свое назначение в общем сценарии взаимодействия с пользователем. Чтобы спроектировать удобную систему переходов, важно понимать, какие функции берет на себя каждый элемент.
Главная страница сайта: как называется у разработчиков и оптимизаторов
Как называется главная страница сайта по-английски, знает любой разработчик: home page, а на сервере основной документ почти всегда носит имя index.html или index.php. В профессиональной среде веб-мастера называют ее главной или индексной, а среди специалистов по поисковому продвижению давно прижилось разговорное слово «морда». При этом стартовая страница — это совсем другое понятие: так в настройках браузера называют страницу, которая автоматически загружается первой при запуске программы.
Как называется первая страница сайта, которую видит человек из поиска, — посадочная, и это не всегда главная. На практике посетитель чаще ищет решение конкретной проблемы, вводит точный запрос и сразу попадает на внутреннюю страницу услуги, карточку товара или статью в блоге. По этой причине каждая посадочная страница должна работать как самостоятельная точка входа, мгновенно объясняя, куда попал человек и что делать дальше.
Структура страницы сайта повторяется сверху вниз: шапка, первый экран, содержание, подвал. Верхний блок задает контекст и предлагает навигацию, первый экран формулирует суть предложения до первой прокрутки, основное содержание подробно раскрывает информацию текстовыми и графическими блоками, а в самом низу страницы располагается подвал. Подробно о назначении и наполнении нижней части мы рассказываем в статье футер сайта.
Что такое посадочная страница
Это отдельная страница сайта, на которую посетитель попадает из рекламы или поисковой выдачи для выполнения целевого действия.
Шапка сайта: что это и что в ней должно быть
Шапка сайта — это верхний блок страницы, который одинаково повторяется во всех разделах сайта. Это первый функциональный ориентир для любого посетителя: независимо от того, через какую страницу человек зашел на сайт, он видит знакомый набор инструментов для связи и навигации.
Верхняя часть сайта: как называется в разговоре и в работе
Как называется верхняя часть сайта, зависит от того, кто говорит: дизайнеры обычно называют её шапкой, программисты — хедером, а заказчики часто используют формулировку «верхний блок». Все эти слова обозначают одну и ту же функциональную зону в верхней части экрана.
Как называется шапка сайта по-английски — header, от английского слова head, то есть «голова». Это международный термин, который понимают веб-разработчики по всему миру.
Хедер сайта одинаковый на всех страницах, и в коде его обычно размечают тегом header. Этот семантический тег сообщает поисковым системам и программам чтения экрана, что внутри блока находится вводная и навигационная информация сайта.
Если вы ищете, как называется верхняя часть сайта, где логотип, телефон и меню, — это та же шапка, собранная по классическим правилам эргономики интерфейсов. Традиционно логотип размещают в левом верхнем углу, и он всегда работает как активная ссылка: при клике на него человек моментально возвращается на главную страницу из любого раздела.
Как называется верхняя строка на сайте над шапкой, с городом и входом в кабинет, — верхняя панель, или служебный топбар. Это узкая полоса в самом верху экрана, куда выносят второстепенную информацию: часы работы, выбор филиала, переключатель языка или ссылку на личный кабинет, чтобы разгрузить основную навигацию.
Что положить в шапку для сайта услуг, магазина и блога
Набор элементов в шапке напрямую зависит от тематики и назначения сайта. Перегруженный хедер рассеивает внимание, а слишком пустой заставляет человека тратить время на поиск базовых контактов.
Вот основные элементы, из которых собирается аккуратная шапка для сайта:
- Логотип компании Графический знак или текстовое название бренда с обязательной ссылкой на главную страницу для быстрого возврата в начало.
- Меню ключевых разделов Список из четырех-семи главных ссылок: основные услуги, каталог, прайс-лист, выполненные работы, контакты.
- Кликабельный номер телефона Прямой контакт для связи, оформленный ссылкой, чтобы пользователь смартфона мог позвонить в один клик.
- Кнопка целевого действия Заметный элемент призыва: «Заказать звонок», «Записаться на прием» или «Оставить заявку».
- Поиск, корзина и профиль Обязательный блок для интернет-магазинов, позволяющий быстро найти нужную позицию или оформить покупку.
- Селектор выбора региона Необходим компаниям с филиальной сетью для переключения контактных данных, адресов складов и условий доставки.
Закреплённая шапка и шапка на телефоне
При прокрутке длинной страницы шапка может вести себя по-разному. Статичный хедер остается в самом верху и скрывается при движении вниз. Закрепленная шапка фиксируется у верхней границы экрана и сопровождает пользователя по мере чтения. Это удобно: посетителю не приходится листать страницу обратно вверх, чтобы нажать на меню или позвонить. Однако закрепленный блок отнимает полезное пространство экрана, поэтому его часто делают компактнее: уменьшают логотип, скрывают второстепенные надписи и оставляют только ключевые кнопки.
На мобильных устройствах места еще меньше, поэтому классическое горизонтальное меню в шапке не помещается. Его сворачивают в специальную кнопку, а на виду оставляют только самое необходимое: логотип, иконку телефонной трубки и значок вызова навигации.
Что такое гамбургер-меню
Это кнопка из трех параллельных горизонтальных полосок, нажатие на которую открывает скрытый список разделов на смартфонах.
Хлебные крошки на сайте: что это и зачем они нужны
Хлебные крошки на сайте: что это и зачем они нужны в навигации, становится понятно в тот момент, когда посетитель оказывается внутри сложного каталога товаров или многоуровневого раздела услуг.
Что такое хлебные крошки на сайте, проще всего показать на примере магазина: над названием товара стоит строка «Главная > Обувь > Кроссовки», и каждый её пункт ведёт на уровень выше. Это вспомогательная строка навигации, которая визуально соединяет корень сайта с текущим разделом.
Само название пришло из всемирно известной сказки братьев Гримм о Гензеле и Гретель. Чтобы не заблудиться в глухом лесу и найти дорогу домой, дети бросали на тропинку хлебные крошки. В веб-разработке этот термин закрепился как официальное название навигационной цепочки: по ней пользователь в любой момент может проследить путь своего движения и вернуться на нужный уровень без использования кнопки «Назад» в браузере.
Для человека хлебные крошки служат простым навигатором: они снимают тревогу потеряться на сайте и позволяют исследовать смежные категории товаров. Для поисковых роботов навигационная цепочка представляет собой четкую карту внутренних связей, по которой машина считывает структуру категорий и понимает вложенность документов.
При проектировании цепочки навигации важно придерживаться проверенных стандартов эргономики:
- Начинаются с главной страницы Первое звено цепочки всегда ведет на корень сайта, чтобы пользователь мог вернуться в начало в один клик.
- Каждый промежуточный пункт кликабелен Все уровни, предшествующие текущему документу, оформляются активными ссылками на соответствующие разделы.
- Последний пункт без ссылки Название текущей страницы выводится обычным текстом: ссылка на саму себя не имеет смысла и путает посетителя.
- Показывают структуру, а не историю Цепочка отражает постоянное место страницы в каталоге, а не случайную последовательность кликов конкретного человека.
- Названия совпадают с меню Тексты ссылок в крошках точно повторяют заголовки соответствующих разделов в основном меню, исключая разночтения.
- Располагаются под шапкой Традиционное место размещения навигационной полосы — между шапкой и основным заголовком первого уровня на странице.
- Помещаются в одну строку на мобильных На экране смартфона цепочка не должна занимать три строки: длинные названия сокращают или заменяют ссылкой на шаг назад.
Хлебные крошки на сайте нужны не везде. Они строго обязательны для интернет-магазинов, каталогов недвижимости, справочников и блогов с разветвленной сеткой рубрик, где глубина доходит до трех-четырех уровней. При этом на лендингах из одной страницы и компактных сайтах-визитках из четырех-пяти разделов хлебные крошки не ставят: на таких сайтах вся навигация целиком видна в шапке, и дублировать ее отдельной строкой бессмысленно.
Кроме удобства на самой странице, навигационная цепочка приносит ощутимую пользу в поисковой выдаче. Если на сайте внедрена специальная разметка данных, Яндекс и Google могут показывать цепочку разделов прямо в результатах поиска вместо длинного технического адреса страницы. Подробнее о том, как устроен этот механизм, читайте в нашей статье о микроразметке.
Что такое микроразметка
Это специальный код разметки данных на странице, помогающий поисковым системам распознавать типы контента и формировать наглядные сниппеты.
Виды структуры сайта и как нарисовать её в виде схемы
В зависимости от тематики, объема информации и бизнес-задач сайта архитектура страниц проектируется по разным моделям. Выбор модели определяет, каким маршрутом посетители будут двигаться к целевому действию.
Существует четыре базовых вида организации страниц:
| Вид структуры | Как устроена | Какому сайту подходит |
|---|---|---|
| Линейная | Страницы выстроены в строгую цепочку последовательного перехода от первой к последней | Одностраничные сайты, промо-страницы продуктов, онлайн-презентации и пошаговые анкеты |
| Древовидная | От главной страницы отходят разделы, которые делятся на подразделы и отдельные карточки | Сайты услуг, интернет-магазины, корпоративные порталы и каталоги продукции |
| Сетевая | Страницы ссылаются друг на друга по смыслу без строгой вертикальной подчиненности | Тематические энциклопедии, справочники терминов, базы знаний и вики-сайты |
| Смешанная | Классическое дерево каталога дополняется перекрестными смысловыми ссылками между разделами | Крупные интернет-магазины с сопутствующими товарами, контентные блоги и сервисные сайты |
Структура сайта в виде схемы — это дерево страниц и связей между ними, наглядно показывающее взаимное расположение каждого документа. На схеме сразу видно, какие разделы перегружены подразделами, где нарушена логика подчинения и какие материалы рискуют остаться изолированными от основного потока посетителей.
Схему можно составить тремя простыми способами без использования сложного профессионального софта. Первый способ — на обычном листе бумаги: нарисуйте прямоугольник главной страницы, проведите от него стрелки к основным разделам, а под ними расположите конкретные страницы. Второй способ — обычная таблица: создайте колонки с номерами уровней вложенности, названиями разделов, планируемыми адресами страниц и кратким описанием содержимого. Третий вариант — наглядная блок-схема на бесконечной онлайн-доске, где карточки страниц можно легко перетаскивать, группировать в кластеры и соединять стрелками связей.
Структура сайта: как правильно сделать по шагам
Создание правильной структуры сайта требует последовательного подхода. Если сразу начать рисовать дизайн или верстать страницы, неизбежно возникнут логические тупики, дубли разделов и хаос в ссылках. Грамотная структура сайта: как правильно сделать ее с первого раза, строится по восьми четким шагам.
Вот пошаговый порядок проектирования структуры:
Шаг 1. Назовите главное действие. Четко определите, какое ключевое действие должен совершить посетитель на сайте: позвонить по телефону, отправить форму заявки, оформить заказ через корзину или скачать прайс-лист. Все дерево страниц, меню и ссылки должны направлять человека к этому действию, а не уводить его в сторону.
Шаг 2. Составьте полный перечень предложений. Выпишите на бумагу или в таблицу все услуги, товары, информационные статьи и направления деятельности, которые планируется разместить на сайте. Не пытайтесь сразу группировать их — на этом этапе важен полный список без пропусков.
Шаг 3. Соберите запросы пользователей. Выясните, какими именно словами потенциальные клиенты ищут ваши товары и услуги в поиске. Реальные формулировки людей объединяют в смысловые группы — о том, как правильно организовать этот процесс, подробно рассказано в нашей статье о семантическом ядре. Каждая крупная группа запросов в будущем превратится в отдельную страницу.
Шаг 4. Сгруппируйте страницы в разделы. Объедините полученные страницы в логические блоки. Главное правило — двигаться от общего к частному: общая категория услуг делится на направления, а направления — на конкретные операции. Следите за тем, чтобы глубина вложенности не превышала трех-четырех уровней.
Шаг 5. Нарисуйте наглядную схему. Перенесите полученную структуру на онлайн-доску, в таблицу или на лист бумаги. Соедините страницы стрелками, чтобы увидеть пути движения посетителя от точки входа до страницы совершения заказа.
Шаг 6. Сформируйте понятные адреса страниц. Для каждого прямоугольника на схеме задайте понятный адрес латиницей. Адрес должен отражать путь по разделам: например, адрес страницы ремонта кухни внутри раздела услуг должен выглядеть как /uslugi/remont-kuhni, а не как бессмысленный набор цифр.
Шаг 7. Спроектируйте шапку, крошки и подвал от единой схемы. Используйте готовую схему как единственный источник для создания навигационных элементов. Самые важные разделы первого уровня вынесите в главное меню шапки, логику подчинения отразите в цепочках хлебных крошек, а в подвал поместите расширенную карту разделов со служебными ссылками.
Шаг 8. Протестируйте логику переходов со стороны. Покажите получившуюся схему коллеге или знакомому, который не участвовал в разработке. Задайте ему конкретную задачу — например, найти условия доставки или заказать расчет нестандартной услуги. Если человек находит нужный путь без подсказок за несколько секунд, структура спроектирована верно.
Что такое семантическое ядро
Это упорядоченный набор поисковых запросов и ключевых слов, по которым пользователи ищут товары, услуги или информацию в сети.
Что такое прототип
Это схематичный чертеж будущих страниц сайта, показывающий расположение блоков и элементов управления до создания финального дизайна.
Не хочется рисовать схему и собирать сайт самому? Соберём сайт под ключ за 3-5 дней, от 45 000 ₽: начинаем со структуры и сметы, потом макет и сайт на тестовом адресе; домен и хостинг на вас, код отдаём.
Структура сайта и поиск: требования к структуре сайта
Поисковые системы оценивают структуру сайта как один из фундаментальных факторов качества. Если поисковый робот путается в переходах, натыкается на тупиковые страницы или не может добраться до глубоких разделов, сайт не сможет занять стабильные позиции в результатах выдачи.
Грамотные требования к структуре сайта базируются на понятных технических и логических критериях:
- Ссылки на каждую важную страницу Поисковый робот должен находить любой важный документ по внутренним текстовым ссылкам без необходимости угадывать адрес.
- Одна тема на один адрес Каждая отдельная услуга или товарная группа должна иметь единственный четкий адрес без создания полных или частичных копий.
- Быстрый доступ к важным разделам Ключевые страницы, приносящие основной трафик и заявки, должны располагаться на расстоянии двух-трех кликов от главной страницы.
- Понятная адресная структура Адреса страниц составляются латиницей, легко читаются человеком и в точности повторяют логическое деление на разделы.
- Разделы под группы запросов Структура разделов точно повторяет спрос в поиске: страницы создаются под реальные потребности людей, собранные в семантическое ядро.
- Карта сайта для поисковых роботов В корне проекта формируется специальный служебный файл sitemap.xml со списком актуальных страниц, как описано в статье о технической оптимизации.
- Перенаправление старых адресов при переделке Если структура меняется, со старых неактуальных адресов настраивают постоянный редирект на новые страницы по правилам из статьи о 301 редиректе.
Перелинковка страниц сайта: что это и при чём тут структура
Перелинковка страниц сайта: что это и при чём тут структура, можно объяснить как систему внутренних дорог между отдельными зданиями одного города. Внутренние ссылки связывают страницы сайта в единую паутину, позволяя людям и роботам свободно переходить между материалами по смыслу.
Существует два основных типа внутренних ссылок: сквозные и контекстные. Сквозные ссылки располагаются в неизменном виде на каждой странице сайта — к ним относятся главное меню в шапке, цепочки хлебных крошек и список ссылок в подвале. Контекстные ссылки вставляются прямо в текст статей и описаний услуг, связывая текущий материал со смежными темами, примерами работ или карточками сопутствующих товаров.
Если страницу создали, но не поставили на нее ссылок из меню, текста или каталога, она превращается в сироту. Страницы-сироты практически недоступны для посетителей, а поисковые роботы могут месяцами не замечать их существования. Полноценная структура гарантирует, что каждый полезный документ включен в общую систему ссылок.
Честно скажем: сама по себе идеальная структура не гарантирует автоматического взлета на первые строчки поиска и не приносит мгновенных заявок. Поисковая оптимизация, или SEO, работает в комплексе. Структура лишь закладывает надежный фундамент: она помогает роботам быстро проиндексировать контент и правильно понять тематику страниц, но решающее значение всегда имеют качество текстов, полезность предложения и удобство самого сайта.
Что такое внутренняя перелинковка
Это связывание страниц одного сайта между собой с помощью гиперссылок в меню, навигационных цепочках и текстах статей.
Типичные ошибки в структуре сайта
При самостоятельной разработке сайта владельцы часто допускают одни и те же типовые ошибки. Большинство из них возникает из-за попытки ориентироваться на собственные привычки, а не на поведение реальных посетителей.
Вот распространенные ошибки, которые мешают пользователям и поисковым системам:
- Меню по структуре отделов компании В меню выносят названия внутренних подразделений предприятия: «Департамент продаж», «Отдел логистики». Посетителю не интересно внутреннее устройство фирмы; навигацию строят от названий услуг и товаров, понятных клиенту.
- Все услуги свалены на одну страницу Все направления деятельности компании описаны сплошным текстом на единственной странице «Услуги». В результате посетителю сложно читать огромную простыню текста, а поисковый робот не может подобрать релевантную страницу под точечный запрос. Каждую услугу необходимо выносить на отдельный адрес.
- Избыточная глубина вложенности Страница с конкретным товаром или услугой запрятана на пятый или шестой уровень вложенности через длинную цепочку промежуточных папок. Человек устает кликать и закрывает вкладку; структуру необходимо сокращать так, чтобы до любой цели можно было дойти за два-три перехода.
- Страницы-сироты без входящих ссылок Важные разделы или посадочные страницы созданы, но забыты при формировании меню, каталога и хлебных крошек. Такие страницы остаются невидимыми для пользователей; их обязательно связывают с родительскими разделами прямыми ссылками.
- Дублирование разделов и страниц Одинаковые или похожие услуги размещают под разными адресами в надежде охватить больше запросов. Это приводит к конкуренции страниц между собой в поиске; однотипные варианты объединяют в одну сильную страницу.
- Несовпадение хлебных крошек с меню Названия пунктов в навигационной цепочке расходятся со словами в главном меню шапки, сбивая посетителя с толку. Названия во всех элементах интерфейса строго синхронизируют между собой.
- Перегруженная элементами шапка В хедер пытаются втиснуть сразу пять телефонных номеров, адреса трех офисов, громоздкие рекламные баннеры и десятки ссылок мелким шрифтом. Шапка теряет опрятность и затрудняет поиск главного; второстепенные контакты и юридические данные переносят в подвал.
- Смена структуры без перенаправлений При обновлении сайта адреса разделов меняют на новые, а старые URL просто удаляют. Посетители из закладок и поисковой выдачи попадают на пустые страницы с ошибкой 404; при любой смене адресов обязательно настраивают постраничный 301 редирект.
Часто задаваемые вопросы о структуре сайта
Как называется верх сайта у разработчиков?
У разработчиков и веб-дизайнеров верхняя часть сайта называется хедером, или шапкой сайта. В международной практике используется термин header. В структуре HTML-разметки для этого блока существует специальный семантический тег с аналогичным названием. Шапка сквозным образом повторяется на всех страницах и служит постоянным ориентиром для посетителя, объединяя в себе логотип компании, навигационное меню, контактные телефоны и кнопки быстрой связи.
Нужны ли хлебные крошки на лендинге и маленьком сайте?
На одностраничном сайте (лендинге) хлебные крошки не нужны, так как весь контент расположен на одном экране или последовательно сменяется при вертикальной прокрутке. На компактном корпоративном сайте из четырех-пяти страниц навигационная цепочка также является избыточной: все основные разделы уже находятся на виду в главном меню шапки. Хлебные крошки становятся по-настоящему полезными на многостраничных ресурсах с тремя и более уровнями вложенности, таких как каталоги товаров, блоги с рубриками или крупные порталы услуг.
Сколько уровней вложенности допустимо на сайте?
Чем меньше уровней вложенности отделяет конечную страницу от главной, тем проще пользователю ориентироваться и тем быстрее поисковые роботы обходят сайт. Для подавляющего большинства коммерческих сайтов услуг и интернет-магазинов оптимальной считается глубина в три-четыре уровня: главная страница, основной раздел, подраздел или категория и конечная страница товара либо конкретной услуги. Важные разделы, приносящие основной поток заявок, должны быть доступны максимум за два-три клика от корня сайта.
Можно ли менять структуру сайта после запуска?
Да, менять и развивать структуру сайта после запуска можно и часто необходимо по мере расширения ассортимента товаров или появления новых направлений бизнеса. Однако при любых изменениях структуры критически важно сохранять преемственность адресов страниц. Если адрес страницы меняется, старый URL нельзя просто удалять: на него обязательно настраивают постоянное серверное перенаправление на новый адрес по правилам из статьи о 301 редиректе, чтобы не потерять накопленные позиции в поиске и не показывать посетителям страницу ошибки.
Нужно ли закреплять шапку при прокрутке экрана?
Закрепление шапки оправдано на сайтах с длинными посадочными страницами, в каталогах продукции и в объемных статьях, где пользователю приходится долго листать контент вниз. Закрепленный хедер держит под рукой меню и контакты, избавляя человека от необходимости прокручивать весь экран обратно вверх. При этом важно следить за размером закрепленной панели: она не должна быть громоздкой и перекрывать значительную часть полезной площади экрана, особенно при просмотре сайта со смартфона.
Чем структура сайта отличается от карты сайта?
Структура сайта — это архитектурная концепция и логическая схема распределения разделов, по которой выстраиваются связи между страницами и проектируется интерфейс навигации. Карта сайта — это конкретный технический инструмент реализации. Она может существовать в виде отдельной веб-страницы со списком всех разделов для удобства посетителей либо в виде служебного файла sitemap.xml, созданного специально для поисковых систем, чтобы роботы знали полный перечень страниц для индексации. Подробнее об этом можно прочитать в статье о технической оптимизации.
Чем шапка сайта отличается от подвала?
Шапка располагается в самом верху экрана и отвечает за быстрое первое знакомство и базовую навигацию: здесь размещают логотип, телефон для оперативной связи и короткое меню первоочередных разделов. Подвал (футер) находится в самом низу страницы и выполняет роль итогового ориентира, когда посетитель изучил контент. В подвал выносят подробную юридическую информацию, полные реквизиты, ссылки на политику конфиденциальности, схему проезда и развернутую карту всех разделов сайта. Подробный разбор устройства нижней части страницы мы подготовили в статье футер сайта.
Читайте также
- Футер сайта: что это и что в нём должно быть — разбираем назначение подвала страницы, обязательные юридические элементы и типичные ошибки верстки нижней зоны сайта.
- Микроразметка сайта: что это и как проверить — пошаговое объяснение, как разметить хлебные крошки и контактные данные компании для формирования привлекательных сниппетов в поисковой выдаче.
- Как собрать семантическое ядро сайта самому — практическое руководство по подбору поисковых запросов пользователей и их объединению в кластеры для проектирования правильной структуры разделов.