Структура сайта

Из чего состоит страничка сайта, названия областей странички.

Структура сайта

Для того что бы в дальнейшем не возникало затруднений при создании странички, мы сегодня ознакомимся с названиями областей странички. Решение написания этой статьи пришло ко мне после того как мне пришлось обяснять что такое футер (footer) сайта. 

Требования к структуре сайта едины т.е. все элементы сайта должны соответствовать единому шаблону. Это значит если пользователь находится на сайте и переходя со страницы на страницу, у него не возникало чувства, что он переходит на другой сайт.

Структуру странички мы сегодня будем изучать на примере этого сайта, где вы сейчас находитесь smiley

И так все области имеют свои названия это:

  • Шапка или хедер (Header) (область вверху)

В нём, как правило, содержится логотип сайта, блога, социальной сети… Одним словом, проекта  со ссылкой на главную страницу.

Может  присутствовать контактная информация (телефоны, email) и данные пользователя, под которым вы прошли процедуру авторизации (логин/имя и меню пользователя, состоящее из различных элементов в зависимости от типа сайта).

Также широко распространён вариант шапки с главным меню ресурса, хотя на некоторых ресурсах оно может располагаться у правого или левого края зоны контента.

Помимо всего перечисленного здесь также может размещается поиск по сайту.

Подвал или футер (Footer) (область внизу)

Данный элемент структуры страницы сайта содержит, как правило, общую информацию о ресурсе и перечень ссылок на различные его страницы.

Как правило, это ссылки, которых нет в главном меню. Поэтому данный блок практически на каждом ресурсе уникален, потому что он напрямую зависит от типа ресурса и структуры страниц сайта.

В подвале так же часто распологают ссылки на соц сети.Располагать их так же лучше в фиксированном месте. Именно поэтому на большинстве ресурсов они расположены в футере или хедере.

Помимо этого здесь также часто расположены ссылки на сайты партнёров, информация о годе основания ресурса с контактами его разработчиков и баннеры статистики (например, LiveInternet, HotLog, Яндекс.Метрика и др.)

  • Зона контента (Content) (информация, расположенная между хедером и футером)

Это основная область странички, здесь размещается основная информация которую хотят донести до пользователя. В нашем примере как информационный портал это статьи присутствующие на сайте.

На многих ресурсах можно найти различные рекламные баннеры сторонних рекламодателей, что позволяет владельцам данных сайтов иметь дополнительный доход.

Правда, в таком случае, к выбору материала для размещения нужно подходить очень осторожно, чтобы не завести себе армию конкурентов и не привести к уходу пользователей от Вас на ресурс рекламодателя.

На большинстве в зоне контента ресурсов располагаются сайдбары, как в нашем случае сайдбар справа, расположены строго по бокам зоны контента.

  • Зона сайдбара (Sidebar) (информация, расположенная между хедером и футером)

Учитывая критерий однородности структуры страниц сайта, хедер, футер и сайдбары присутствуют на всех страницах, содержимое зоны контента различно.

На моем сайте сайдбар присутствует на всех страницах исключение страница "Контакты"

Вот на этом урок и закончим, теперь вы будете понимать при создании своего сайта (странички), что мы делаем.

Поделиться в соц сетях