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