Проработка структуры сайта — один из трудоёмких шагов. Грамотно продуманный план расположения разделов и страниц упрощает использование сайта и помогает посетителям быстрее найти то, что они ищут. Готовая структура поможет вам правильно выполнить дальнейшие этапы создания сайта.
Структура у каждого сайта, как правило, своя. Есть основные элементы, которые присутствуют почти всегда. Также могут быть дополнительные элементы, их наличие зависит от того, что у вас за сайт и какие цели перед ним стоят
Основные разделы и страницы
1. Главная страница
Главная страница сайта — это та, на которую пользователи попадают при первом посещении. Превратите её в что-то вроде краткого обзор вашего сайта. Покажите посетителю, что вы предлагаете, разместите ссылки на ключевые разделы, выведите предложения ваших основных товаров или услуг, добавьте блок с несколькими последними новостями.
Вот что можно разместить на главной:
- основной заголовок с уникальным предложением (слоган);
- краткое описание сайта, вашей компании или того, чем вы занимаетесь;
- призывы к действию (кнопки: «Начать», «Связаться с нами» и т.д.);
- ссылки на важные разделы (услуги, блог, продукты и т.д.);
- блок с новостями или последними публикациями;
- контактная информация или социальные сети.
2. О нас
В этом разделе расскажите подробнее о себе, о вашей компании или проекте. Например:
- история компании или проекта;
- миссия, цели и ценности;
- команда (если она есть) с краткими биографиями;
- достижения или награды.
3. Услуги или товары
Если вы предлагаете какие-то товары или услуги, расскажите о них в этом разделе. Представьте их в виде карточек или списка, сопроводжая иконками и ссылками на подробное описание каждого из них.
В каждом таком товаре желательно наличие следующих элементов:
-
описание каждой услуги или продукта;
-
преимущества, особенности, цены;
-
фотографии, видеоматериалы, примеры работ;
-
кнопка действия: заказать, добавить в корзину, связаться и т.п.
Если товаров или услуг много, полезной окажется опция «сравнить».
4. Новости или блог
Это раздел, в котором будут регулярно появляться актуальные статьи или новости, отсортированные по дате. Не забудьте предусмотреть здесь:
-
фильтр или поиск тегам, дате или другим параметрам;
-
разделить статьи на тематические категории (например, на нашем сайте новости мы публикуем в категориях «Новости компаний», «Технологии», «В мире»;
-
функции комментирования, а также возможность поставить лайк или поделиться, например, в соцсетях.
5. Портфолио
Этот раздел предназначен для демонстрации проектов или успешных кейсов, над которыми вы работали. Это можно сделать в следующем виде:
-
галерея проектов с описанием;
-
фотографии, видео или документы;
-
описание процесса работы и полученных результатов.
6. Отзывы
Отзывы чаще оставляют на специализированных площадках, таких как Trustpilot или «Отзовик», либо просто в картах Google или Yandex. На вашем сайте вы можете вывести лучшие или последние отзывы с одной из таких площадок.
Но также можно предоставить вашим клиентам полноценную возможность оставлять отзывы и прямо на вашем сайте. При этом к обычному тексту отзыва желательно добавлять такие функции, как:
-
добавление фото;
-
выставление оценки (звёзды или «хорошо/плохо»);
-
ответы на чей-то ранее оставленный отзыв.
Не забывайте, что спам никто не отменял. Предусмотрите возможность модерации комментариев. Периодически проверяйте уже размещённые отзывы на предмет наличия нежелательного контента — не позволяйте вашему сайту превратиться в спам-помойку.
7. Контакты
Здесь приведите все способы связи с вами. Это могут быть, например:
-
телефон;
-
email;
-
физический адрес (страна, город, улица, дом);
-
карта Google для отображения местоположения (если актуально);
-
ссылки на ваши представительства в социальных сетях;
-
форма обратной связи.
По возможности указывайте максимум контактной информации. Чем её больше — тем выше уровень доверия пользователей к вам.
10. Поиск
Типовая функция поиска по сайту напоминает сплит-систему. Первый её элемент — незамысловатая поисковая строка в шапке сайта (реже — в другом месте). Второй — отдельная страница, где показываются результаты поиска. На этой странице можно предложить пользователю настраивать поиск, например, по следующим параметрам:
-
по дате;
-
по разделам (в новостях, в товарах, в блоге и т.д.);
-
по автору публикаций;
-
по тегам
и так далее.
Дополнительные разделы
Если на вашем сайте будет предусмотрена регистрация пользователей, есть ещё некоторые обязательные или настоятельно рекомендуемые разделы.
9. Юридические условия
Для сайтов, работающих с данными пользователей, есть как минимум две обязательные страницы:
-
Политика конфиденциальности.
Подробно опишите, как собираются, хранятся и используются данные посетителей и пользователей. -
Условия использования.
Особенно актуально, если вы предлагаете товары или услуги.
11. Личный кабинет
Это стандартный раздел для авторизации и работы с личной информацией пользователя. Актуально для интернет-магазинов. Обычно включает следующие функции:
-
регистрация и вход;
-
история заказов;
-
настройки профиля;
-
информация о подписках или платных услугах.
12. Корзина
Функционал, без которого сегодня невозможно представить ни один интернет-магазин. Отображает товары, добавленные в корзину, и предлагает опции для оформления заказа и перехода к оплате.
Меню сайта
Структура готова? Теперь пора определиться, что из всего этого будет «подано» в меню сайта.
Сайты, содержащие многообразный контент, чаще всего имеют два типа меню:
-
Основное меню.
Располагается чаще всего в верхней части сайта (в шапке). Содержит ссылки на основные разделы. -
Меню разделов.
Может быть выполнено, например, в виде выпадающих списков со ссылками на категории товаров. Так, если вы продаёте технику, то в выпадающем списке с названием «Мобильные устройства» могут быть ссылки на категории «Смартфоны», «Планшеты».
Старайтесь не перегружать меню. Ограничьте основное меню 5-7 пунктами
Пример структуры сайта
Главная
│
├── О нас
│ ├── Наша миссия
│ └── Наша команда
│
├── Услуги/Продукты
│ ├── Услуга 1
│ ├── Услуга 2
│ └── Услуга 3
│
├── Портфолио
│ ├── Проект 1
│ ├── Проект 2
│ └── Проект 3
│
├── Блог
│ ├── Категория 1
│ ├── Категория 2
│ └── Категория 3
│
├── Отзывы
│
├── Контакты
│ └── Форма обратной связи
│
└── Политика конфиденциальности
И ещё кое-что
- Четкость и логика: структура сайта должна быть понятной для пользователя.
- Подумайте о будущем: спроектируйте сайт так, чтобы его легко было дополнять новыми разделами или страницами.
- Удобство навигации: убедитесь, что пользователи могут быстро найти нужную информацию, включая поиск и четкие переходы между страницами.