Структура сайта: как продумать разделы и меню
Структура сайта — это то, как страницы организованы между собой: какие есть разделы, что в них лежит, как посетитель перемещается от одной страницы к другой. Её не видно напрямую, как дизайн, но она ощущается сразу. На сайте с продуманной структурой человек находит нужное за пару кликов и задерживается почитать что-то ещё. На сайте с хаотичной — теряется, раздражается и уходит. Поисковые системы тоже смотрят на структуру: она помогает им понять, о чём проект и какие страницы в нём главные. Разберём, как продумать разделы и меню так, чтобы сайт оставался удобным и при десяти, и при пятистах страницах.
Почему структуру нужно продумать заранее
Многие начинают с того, что просто публикуют статьи, а рубрики придумывают по ходу. Первое время это работает. Но когда материалов становится больше полусотни, выясняется, что рубрики пересекаются, одни разрослись до сотни статей, а в других по две, меню не помещается на экран, а адреса страниц построены по-разному.
Исправлять структуру на живом сайте болезненно. Нужно переносить статьи, менять адреса, настраивать перенаправления со старых страниц на новые, чтобы не потерять посетителей из поиска и внешние ссылки. Гораздо проще потратить пару вечеров на проектирование до запуска. Если вы только начинаете, советую сначала прочитать материал о том, с чего начать создание своего сайта, а затем возвращаться к структуре.
Типы структур
Существует несколько базовых моделей организации сайта.
Линейная. Страницы идут одна за другой, как главы книги. Подходит для обучающих курсов, пошаговых инструкций, презентаций. Для обычного сайта слишком жёсткая.
Иерархическая, или древовидная. Главная страница, под ней разделы, в разделах подразделы, в них конечные страницы. Это самая распространённая модель для информационных сайтов, магазинов и корпоративных проектов. Она интуитивно понятна и хорошо масштабируется.
Сетевая. Каждая страница связана с множеством других, без чёткой иерархии. Так устроены энциклопедии. В чистом виде новичку она не подходит, но элементы сетевой структуры полезны в любом проекте — это внутренние ссылки между статьями.
На практике почти всегда используется иерархия, дополненная сетью перекрёстных ссылок. Иерархия задаёт порядок, а ссылки позволяют свободно перемещаться между связанными материалами.
Сбор материала для структуры
Начните не с названий рубрик, а с полного списка тем, которые будут на сайте. Выпишите всё, о чём собираетесь писать, без фильтров: пятьдесят, сто, двести заголовков. Источники идей:
- вопросы, которые задают люди в вашей теме на форумах и в соцсетях;
- подсказки поисковых систем при вводе запросов;
- оглавления хороших книг и курсов по теме;
- разделы сайтов конкурентов, но только как ориентир, а не как образец для копирования;
- собственный опыт: какие вопросы возникали у вас, когда вы сами были новичком.
На этом этапе важно количество, а не качество. Отсеивать будете потом.
Структура хорошего сайта строится от вопросов читателя, а не от того, как удобно автору.
Группировка в разделы
Когда список готов, начинается самое интересное — группировка. Выпишите каждую тему на отдельную строку в таблице или на отдельную карточку и начните раскладывать их по кучкам. Темы, которые отвечают на похожие вопросы или относятся к одному аспекту, ложатся вместе.
Обычно получается от пяти до десяти крупных групп. Это и будут ваши основные разделы. Проверьте каждую группу по нескольким критериям:
- Понятное название. Раздел должен называться так, чтобы человек без раздумий понял, что внутри. Избегайте абстрактных слов вроде «Разное», «Полезное», «Интересное».
- Достаточный объём. В разделе должно быть хотя бы десять-пятнадцать будущих материалов. Если меньше — возможно, это подраздел другой рубрики.
- Не слишком большой объём. Если тем больше сотни, раздел стоит разбить на подразделы.
- Отсутствие пересечений. Каждая статья должна однозначно попадать в одну рубрику. Если тема одинаково подходит в две, значит, границы разделов проведены неудачно.
Хорошая проверка — дать список рубрик знакомому и попросить угадать, где будет лежать та или иная статья. Если он ошибается часто, названия или границы стоит пересмотреть.
Глубина вложенности
Чем меньше кликов отделяет посетителя от нужной страницы, тем лучше. Для большинства сайтов оптимальна вложенность в два-три уровня: главная, раздел, статья. Иногда добавляется подраздел. Если путь до важного материала требует четырёх-пяти переходов, человек скорее уйдёт, а поисковики будут реже заходить на такие глубокие страницы.
Плоская структура, где все статьи лежат в одной куче, тоже плоха: без разделов невозможно ориентироваться, когда материалов много. Ищите баланс.
Отдельно подумайте о метках, или тегах записей. Многие CMS позволяют помечать статьи ключевыми словами помимо рубрик. Если пользоваться ими бессистемно, на сайте появляются сотни почти пустых страниц с одной-двумя статьями, которые только размывают структуру. Либо заведите небольшой продуманный набор меток, либо не используйте их вовсе — рубрик для большинства проектов вполне достаточно.
Меню и навигация
Меню — это видимая часть структуры. Для небольшого и среднего информационного сайта обычно хватает нескольких элементов навигации:
- Главное меню в шапке с основными разделами. Пять-семь пунктов — комфортный предел, больше уже трудно охватить взглядом.
- Хлебные крошки — строка над заголовком страницы, показывающая путь от главной до текущей страницы. Они помогают понять, где находишься, и в один клик подняться на уровень выше.
- Боковая колонка или блок внизу статьи с похожими материалами и популярными записями.
- Подвал сайта со служебными ссылками: о проекте, контакты, политика конфиденциальности, карта сайта.
- Поиск по сайту — особенно полезен, когда материалов больше сотни.
Названия пунктов меню должны совпадать с названиями разделов и быть максимально короткими. Не делайте многоуровневых выпадающих меню с десятками пунктов: на телефоне ими почти невозможно пользоваться.
Адреса страниц
Структура отражается и в адресах. Понятный адрес подсказывает, где находится страница, и выглядит аккуратно, когда им делятся. Хорошая практика — использовать в адресе название раздела и короткое обозначение статьи латиницей: например, адрес вида «название-сайта, косая черта, рубрика, косая черта, тема статьи».
Несколько правил для адресов:
- используйте латиницу и последовательную транслитерацию;
- разделяйте слова дефисами;
- делайте адреса короткими, без служебных слов;
- не меняйте адреса опубликованных страниц без крайней необходимости, а если меняете — настраивайте постоянное перенаправление;
- выберите единый вариант окончания адреса (с косой чертой или без) и придерживайтесь его везде.
Служебные страницы
Помимо разделов с контентом, на любом сайте нужны страницы, которые повышают доверие и закрывают юридические вопросы. Это страница «О проекте» с рассказом, кто и зачем делает сайт, страница контактов, политика обработки персональных данных, если вы собираете хоть какие-то данные посетителей, а для коммерческих проектов — условия использования и информация о продавце. Эти страницы обычно размещают в подвале. Они не приносят много посетителей, но без них сайт выглядит несерьёзно и для людей, и для рекламных сетей.
Связь структуры с перелинковкой
Иерархия — это вертикальные связи: от главной к разделам, от разделов к статьям. Но не менее важны горизонтальные связи между статьями внутри раздела и между разными разделами. Если в статье о выборе хостинга упоминается защищённое соединение, логично поставить ссылку на материал о сертификатах. Такие ссылки удерживают читателя на сайте и помогают поисковикам находить и правильно оценивать страницы. О том, как делать это системно, подробно рассказано в статье о внутренней перелинковке.
Как развивать структуру со временем
Структура — не застывшая конструкция. Раз в несколько месяцев полезно её пересматривать. Признаки того, что пора что-то менять:
- в одном разделе материалов в разы больше, чем в остальных;
- появились темы, которые не вписываются ни в одну рубрику;
- статистика показывает, что какой-то раздел почти никто не открывает;
- посетители часто пользуются поиском, чтобы найти то, что должно быть в меню.
Меняйте структуру аккуратно и с перенаправлениями. И держите карту разделов в актуальном виде — она пригодится, когда будете составлять контент-план для сайта.
Итог
Хорошая структура начинается со списка вопросов читателя, группируется в пять-десять понятных разделов без пересечений и не уходит глубже трёх уровней. Короткое меню, хлебные крошки, понятные адреса, служебные страницы и перекрёстные ссылки между статьями превращают набор страниц в удобный сайт. Потратьте время на проектирование до запуска, и вам не придётся переделывать всё, когда материалов станут сотни.