Как составить структуру сайта. Пошаговая инструкция

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

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

1. Изучите своих клиентов

Подумайте, кто ваши клиенты, что для них важно и почему они приходят к именно к вам. Рекомендуем прочитать статью Дмитрий Суслова, основателя Vigbo, о том, как определить целевую аудиторию своего проекта.

2. Проведите анализ сайтов конкурентов

Посмотрите сайты 7-10 конкурентов или проектов, близких вам по тематике. Какие разделы и страницы есть на сайте? Какие страницы выделены в первую очередь, а какие являются второстепенными? Как называются разделы? Необязательно копировать эту информацию для своего сайта, но иногда это может быть полезным. Например, если клиенты заходят на сайт дизайнера, они автоматически ищут раздел с портфолио. И если назвать это раздел «Работы» вместо «Портфолио», то это может быть непонятным для клиента. Обращайте внимание на привычки клиентов в своей сфере..

3. Соберите список вопросов от клиентов и распределите их на группы

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

Затем распределите вопросы на группы. Эти группы и будут разделами или страницами вашего сайта. Например, всё, что спрашивают про условия работы и стоимость следует оформить на странице «Цены». Это нужно, чтобы клиент в один клик смог найти ответ на свой вопрос.

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

4. Составьте структуру сайта

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

Пример структуры сайта-портфолио

→ Главная

→ Портфолио

→ Цены / Условия работы

→ О проекте / Обо мне

→ Отзывы

→ Блог

→ Контакты

Для каждой страницы дизайнеры Vigbo сделали готовые шаблоны, поэтому об оформлении и верстке можно не думать. Заходите в библиотеку готовых блоков, находите нужный вам раздел, например «Обо мне» или «Отзывы» и в один клик добавляете готовый шаблон на страницу. Вам останется только заменить фото и тексты на свои — и страница готова!

Примеры готовых блоков для разных страниц на конструкторе сайтов Vigbo