Структура сайта: основные виды, требования и примеры

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

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

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

Что такое структура сайта?

Технически структура сайта представляет собой систематизированные определенным образом URL страницы. Существует понятие «внешняя структура» и «внутренняя структура». Внешняя является макетом каждой страницы, на которой отображены блоки страницы, а внутренняя демонстрирует будущие имеющиеся категории и другие материалы, которые ниже в иерархической схеме.

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

Почему важно продумывать внутреннюю структуру веб-сайтов?

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

Маркетолог или веб-дизайнер должен иметь качественные базовые знания по маркетингу и искусству продаж, достаточно большой опыт формирования структур веб-ресурсов различного формата, способность работать на перспективу и доносить ценность своих идей. Есть два важных фактора, зачем это нужно.

1. Хорошая структура сайта является гарантией эффективного SEO продвижения.

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

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

2. Поисковая система больше доверяет сайтам с грамотной структурой.

Поисковая система анализирует понятность и интересность сайта для пользователей. Привлекательный для посетителей ресурс, на котором остаются долгое время и осуществляют целевые действия, клики, является более привлекательным и для поисковика. Google проводит аналогию и на основе этого или постепенно выводит ресурс на первую страницу системы и в ТОП, или наоборот – понижает в выдаче.

Удобство пребывания на веб-сайте зависит от логичности его структуры и наличия грамотно сформированного контента. Если потенциальный клиент проводит много времени на ресурсе и пошагово идет к завершению покупки, то это указывает на правильно продуманную структуру. Таким образом нивелируется процент отказов, то есть выходов с ресурса без получения конверсий, и алгоритм Google автоматически повышает рейтинг и позиции в выдаче такого веб-сайта.

Типы структур веб-сайтов

Когда семантическое ядро собрано, а запросы кластеризованы, то сразу вырисовывается определенная иерархическая схема страниц – от основных, являющихся самыми важными и задающих всю тематику сайта, до менее важных (как, например, страница с информацией о компании).

Последовательность подачи информации зависит от цели разработки веб-ресурса. Поэтому единой структуры не существует.

Основные типы структур

Чаще всего формируют следующие 2 структуры:

• линейная – самая простая, состоящая из 1-2 уровней вложенности. Линейная структура характеризуется расположением информации в формате единой логической цепочки компонентов, когда у посетителя нет возможности переключаться между страницами. Путь пользователя заблаговременно определен маркетологами и потенциальный клиент идет по заданному маршруту. Линейная структура часто берется за основу сайтов-визиток и в общем лендингов.

• древовидная сложнее линейной, имеет более двух уровней вложенности, то есть четко выстроенную иерархическую схему от главной страницы до категорий, подкатегорий, карточек товаров или услуг. Древовидная структура напоминает корневую систему дерева, поэтому так и называется. Она является одной из самых популярных благодаря своей логичности и легкости восприятия. Поэтому, несмотря на то что ее разработкой нужно заниматься долго и взвешенно, подбирать каждую страницу – древовидная структура стоит потраченного времени и сил.

Дополнительные типы структур

Структуры веб-ресурса, которые используют реже, следующие:

1. Алфавитная.

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

2. Хронологическая.

Проектирование такой структуры привязано к хронологии событий. Важно делать такое структурирование на онлайн-ресурсах с новостями, пресс-релизами и тому подобное. Благодаря этому пользователи могут быстро сориентироваться в актуальности информации, учитывая дату публикации. Также хронологическая организация структуры используется для блогов.

3. Географическая.

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

4. Тематическая.

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

5. Тегированная.

Достаточно функциональная структура, предусматривающая формирование страниц тегов согласно определенным параметрам. Часто ее сочетают с древовидной. Например, в интернет-магазине в разделе с детскими автокреслами доступны такие вариации тегов, как: «возрастная группа», «направление поездки», «дополнительная боковая защита» и прочее. Эта структура позволяет получить дополнительный входящий трафик из-за наличия большего количества страниц, на которых соответственно размещается больше целевых запросов.

6. Гратчатая или блочная.

Данная структура достаточно сложная, так как все страницы, за исключением главной, являются равноправными, имеют примерно одинаковый вес и находятся в отдельных ветках сайта. Пользователь имеет возможность перемещаться только вертикально и горизонтально по такому ресурсу. Как правило, используется решетчатая структура на сайтах-каталогах или для конкретного продукта. Для посетителей эта структура может быть слишком запутанной, поэтому ее для ресурсов выбирают редко.

7. Гибридная.

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

8. Ориентированная на целевую аудиторию.

Такой метод построения структуры эффективен благодаря одновременному охвату всех основных групп ЦА. Каждый пользователь получает те возможности и условия использования ресурса, на которые рассчитывает. Например, в зависимости от потребностей могут появиться дополнительные функции веб-сайта или даже другой дизайн, меню и прочее. Очень ярко это видно на сайтах по поиску работы: интерфейс сайта и приложения, личного кабинета значительно отличается для соискателей и работодателей.

Какой должна быть эффективная структура сайта?

Идеальной структуры не существует, однако есть четыре важных базовых принципа для выбора оптимального макета для вашего ресурса. Конечно, у сайта-визитки или лендинг пейдж с линейной структурой не будет многоуровневой схемы, но для всех остальных она является обязательной. Наличие иерархической структуры важно не только для быстроты понимания пользователем, где можно найти желаемый продукт или другую важную информацию, но и для SEO продвижения. Рассмотрим далее 4 показателя эффективности структуры.

Логичность расположения информации

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

Уровни вложенности

Наиболее правильная структура вложенности – это «каталог» – «категория товаров» – «товар». Чтобы не запутать потенциального клиента, стоит по возможности отказаться от лишних подкаталогов, многих ответвлений категорий и т.д.

Названия категорий, подкатегорий

Названия должны быть максимально простыми, четкими и содержать саму суть. Например, в категории «Ноутбуки» вместо подкатегории «Все ноутбуки производителя Acer» – просто «Acer». При грамотной структурированности и при условии, что бренд известен, достаточно даже одного слова.

Один товар только в одной категории

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

Типичные элементы структуры веб-сайта

При разработке правильной, работающей на владельца сайта структуры, стоит детально проработать следующие пункты.

1. Оптимизация URL.

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

Принципы создания URL:

• оптимальная длина адреса веб-сайта и его страниц – до 5 слов;
• в названии должны быть высокочастотные ключевые запросы;
• между словами не оставляют пробелов, их следует разделять дефисами.

2. Правильное проектирование главного меню.

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

Принципы проектирования меню навигации:

• продукт, который является основным, имеет больший вес и стоит выше в иерархической схеме страниц (например, категория «Компьютерные комплектующие» важнее и ее лучше видно, а вот материнские платы, блоки питания, корпуса, карты видеозахвата и прочее размещаются ниже в схеме навигации);
• если главное меню включает в себя названия разделов длиной от 1 до 3 слов, его проще воспринимать;
• разветвление разделов или категорий не должно быть слишком большим; если понимаете, что нужно вместить на сайт больше, чем воспринимает глаз с первого взгляда – делайте дополнительное меню.

3. Оформление фильтров в категориях.

Выбирая тип структуры для своего сайта, представьте себя на месте посетителя и пройдите путь покупателя от входа на ресурс до покупки. В зависимости от вариаций названий, которые будут искать люди в поисковике, добавляйте фильтры или подкатегории для отдельных характеристик.

К сожалению, при проектировании схемы сайта многие забывают о важности некоторых параметров товара для отдельной группы ЦА. Таким образом теряется часть заинтересованных клиентов, которые могли бы прийти из поисковой выдачи.

Хорошим примером количества параметров для выбора является категория «Свечи» на маркетплейсе ROZETKA: новогодняя распродажа, продавец, бренд (доступен поиск через поисковую строку или выбор в алфавитном указателе), цена, доставка, вид, тип, форма, аромат, материал свечи, время горения, дизайн и декор, цвет, особенности, подсвечник, количество предметов (шт), страна-производитель товара, новый или б/у. С таким количеством фильтров найти желаемое гораздо быстрее и это вызывает доверие покупателя, мнение, что о нем заблаговременно позаботились.

Итак, советы по разработке фильтров:

• все товары и услуги нужно логично группировать по категориям, однако, если их много, делать дополнительное меню в вертикальном формате;
• базовую структуру сайта легко собрать с помощью ключевых запросов различной частоты, которые хорошо работают у конкурентов (используя специальные сервисы, как Serpstat) и их кластеризации (распределения между страницами вашего ресурса);
• после сбора основного семантического ядра расширить его вручную и распределить все продукты в зависимости от их свойств.

4. Вложенность страниц.

Оптимальное количество уровней вложенности – 2-3. Конечно, в крупных интернет-магазинах их может быть и больше, но в таком случае критически важным является добавление на ресурс карты сайта. Она помогает роботам сориентироваться на объемном сайте быстрее, а пользователям – найти желаемое.

5. «Хлебные крошки».

Это навигационная цепочка из кликабельных названий разделов, которая размещается в верхней части веб-ресурса. Стандартная схема такова: главная – название категории – название подкатегории – название страницы.

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

Для поисковика «хлебные крошки» тоже важны: система высоко оценивает дополнительную внутреннюю перелинковку, распределение веса ссылок, и поднимает сайт выше в рейтинге.

6. Контекстные ссылки.

Такие ссылки указывают на контент, релевантный поисковому запросу пользователя. Контекстные ссылки полезны:

• поисковый робот видит связь между страницами;
• посетитель, просматривая определенные страницы, видит внутреннюю рекламу других товаров, которые могут его заинтересовать.

Требования к структуре сайта со стороны SEO

Как уже неоднократно упоминали, SEO оптимизация ресурса является очень важной для продвижения сайта. Создавая структуру с учетом SEO, владелец ресурса демонстрирует поисковому роботу, что сайт является экспертным и важным для пользователей.

Если это возможно, стоит со временем добавлять новые разделы, однако не делать это постоянно. Добавление будет способствовать быстрой индексации, притоку новых пользователей и, как результат – повышению позиции в выдаче Google.

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

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

Типичные ошибки при составлении структуры сайта

Рассмотрим, какие ошибки не стоит совершать на этапе разработки грамотной структуры сайта, если есть желание вывести ресурс в ТОП.

1. Разбивать ассортимент товаров и увеличивать вложенность страниц. Этого можно избежать с помощью большого количества фильтров, что сократит путь покупателя.
2. Оставлять страницы без внутренних ссылок. Каждая страница на ресурсе должна быть логически связана минимум с одной другой. В противном случае поисковый робот посчитает такую страницу неважной.
3. Хотя выше мы говорили, что дублирование товаров с некоторыми изменениями в разных категориях недопустимо, иногда это все же необходимость. В таком случае есть правило: не делать полностью идентичные страницы и менять URL, либо исключать одну из таких страниц из индексации.
4. Создавать отдельную страницу под названием «Каталог». Это делает длиннее путь покупателя и увеличивает размер URL страниц, тем самым ухудшая качество сайта.
5. Недостаточно детально сразу продумывать структуру, что приведет к постоянному созданию новых страниц. Из-за этого со временем придется полностью редактировать всю структуру для получения логической навигации на веб-сайте.
6. Публиковать категории без товаров или с очень малым количеством (меньше 5-7) не стоит из-за падения уровня доверия и увеличения отказов на сайте.
7. Неравномерно делить товары по категориям таким образом, что в некоторых их будет слишком много, а в других – менее 10. Если даже фактически так произошло, нужно поделить большую категорию на подкатегории и создать визуальный баланс.
8. Размещать в одной категории товары и комплектующие к ним не рекомендуется из-за нарушения логической цепочки страниц. Лучше добавить на основную страницу товара рекомендуемые товары.
9. Нарушать правильную иерархию, когда сначала идет более важная страница (категория), а потом второстепенные (фильтры). Неправильный порядок доступа к страницам может сбить с толку как потенциальных клиентов, так и поискового робота.
10. Ограничивать количество фильтров. Пользователь никогда не вернется в интернет-магазин, если не сможет быстро и легко сделать заказ впервые. А максимальное количество фильтров поможет найти товар даже самому требовательному покупателю.

Как сделать структуру сайта: поэтапная инструкция

Во время разработки структуры веб-сайта не нужно спешить. Вся работа ресурса зависит от тщательности продумывания каждой детали схемы размещения информации. Лучше сразу потратить больше времени, чем потом перестраивать все с нуля.

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

Проектирование структуры сайта включает следующие этапы.

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

Не стоит забывать о разделах «О компании», «Доставка и оплата», «Гарантии», ведь потенциальный клиент должен иметь возможность перейти на них в любое время и получить необходимую для завершения сделки информацию.

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

Программы для визуализации структуры сайта

Имея основные знания по формированию структуры веб-ресурса, можно обратиться к программам-помощникам. Вот интересные сервисы для построения макета:

• Coogle – простое в использовании веб-приложение, которое делает иерархически структурированные документы и может загрузить результат в Google Docs;
• Mindmeister – программа для записи идей и создания связей между ними, разработка ментальных карт. Удобство сервиса в возможности работать над структурой макета с командой онлайн;
• Microsoft Visio – редактор диаграмм и векторной графики, с помощью которого визуализируют идеи;
• XMind – сервис, завоевавший любовь миллионов благодаря легкости использования, хорошей визуализации интеллект-карт и командным мозговым штурмам для улучшения результатов;
• Google таблицы – всем известное приложение, в котором вполне реально прописать основу структуры.

Эти программы помогают не только наглядно увидеть разделение и связи между всеми страницами, но и легко редактировать интеллект-карты, меняя блоки, пункты местами.

Выводы

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

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

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

Сергей Иванченко

CEO

Страница автора