Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов

Microsoft Visio – платный софт от компании Майкрософт, подойдет для создания структур сайта любой сложности и направленности.

Глава 10. Внешняя структура сайта

В этой главе:

1. Определения

2. Структура интернет-магазина

3. Шапка сайта, меню и слайдер

4. Преимущества и модуль «О компании»

5. Каталог, Модуль «Схема работы», «Партнеры»

6. Отзывы, гарантии, сертификаты

7. Новости, контакты, подвал сайта

1. Определение

Внутренняя структура сайта – логичное расположение всех элементов (модулей) на страницах сайтов, их взаимосвязанность по тематике и значению, а также упорядоченность страниц ресурса. Внутренняя структура сайта включает в себя категории и разделы сайта, и отношение к ним отдельных страниц. См. рис.61.

Внешняя структура сайта представляет собой макет страницы, на котором блоками обозначены отдельные её элементы (расположение модулей на странице, например, на Главной). См. рис. 62.

В первую очередь речь идёт о Главной странице сайта. На этой странице бывает максимальное количество модулей по сравнению с остальными страницами.

Тем не менее, есть повторяющиеся модули на всех страницах, обычно это:

– Шапка сайта.

– Первый баннер (он же может быть слайдером, сменой нескольких баннеров).

– Меню сайта.

– Мобильное меню.

– Форма заявки (обратной связи).

– Контакты.

– Интерактивная карта в контактах.

– Подвал сайта.

От того, насколько грамотно и просто продумана структура сайта, зависит конверсия сайта; время, которое провели посетители на сайте; количество посетителей и заказов.

2. Структура интернет-магазина

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

От того, как выглядит Главная страница интернет-магазина, – зависит, продолжит ли пользователь знакомство с брендом и товарами, перейдет ли он в каталог товаров или нет. Здесь важен не только дизайн, но и структура, а именно: нужное количество и корректный порядок продающих модулей сайта положительно влияют на позиции в поисковой выдаче и увеличивают конверсию сайта. Если структура запутанная, не продуманная, не даёт посетителю сайта понять, где он находится и как купить товар – конверсия стремительно снижается. Посетитель сайта уходит к конкурентам, так и не совершив покупку.

Главная страница должна отвечать на следующие вопросы посетителя сайта:

– Что здесь продают?

– Кто продает?

– Как купить товар или заказать услугу?

Рис. 62. Внешняя структура первой страницы

Упрощенная внешняя структура интернет-магазина (первая страница):

1. «Шапка» (хедер).

2. Меню.

3. Промо-блок с акциями и спецпредложениями (топ товаров, новинки и т.д.).

4. Модуль «Повышение лояльности» с реальными отзывами, гарантиями, лицензиями, сертификатами, наградами и пр.

5. Информационный блок с основными ключевыми словами и преимуществами компании.

6. Контакты.

7. «Подвал» сайта (футер).

Обратите внимание: для дизайна интернет-магазина слайдер или большой баннер с УТП не является обязательным. На таком сайте основная задача – сразу перевести внимание посетителя на каталог акционных или популярных товаров, не отвлекать его лишними деталями от покупки или заказа товара.

Разберем подробнее основные модули внешней структуры.

3. «Шапка» сайта, меню и слайдер

«Шапка» сайта (хедер)

Зачем нужна «шапка» сайта

Хедер (от англ. «header» – заголовок) – это верхняя плашка, верхняя часть сайта. «Шапка сайта» – это первое, что видит посетитель сайта. При правильном заполнении она помогает удостовериться, что пользователь зашел на нужный сайт.

Чаще всего, когда пользователи ищут что-то в поисковых системах, то просматривают несколько сайтов, сравнивают их между собой. В этом случае хедер может помочь отстроиться от конкурентов. Ссылки в шапке сайта (в меню) помогают клиентам быстро перемещаться на сайте, а также позволяют ознакомиться с основными разделами и возможностями сайта.

Такие элементы, как логотип и слоган – участвуют в формировании бренда и узнаваемости компании.