Что такое правильная структура. Структура - что такое слово может означать? Основные значения и понятие структуры

27-07-2016, 16:46

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

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

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

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

Линейная структура сайта

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

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

Сфера применения сайтов с подобным размещением страниц весьма ограничена.

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

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

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

Древовидная структура сайта

Является самой оптимальной структурой, которую часто используют веб-мастера в своей работе.

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

Решетчатая структура (системы координат)

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

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

Легче будет воспринимать такой ресурс, если вы представите пример структуры сайта в виде схемы.

Смешанная структура (паутина)

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

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

Что такое лендинг?

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

Что такое правильная структура сайта?

http://vistanews.ru/uploads/posts/2016-07/1469627166_3.jpg " alt="" width="800" height="476" />

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

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

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

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

Типы структуры сайта

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

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

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

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

Как посмотреть структуру сайта

Именно так видят наш сайт индексирующие роботы поисковых систем. В Яндекс.Вебмастер есть специальный раздел Структура сайта.

Правильная структура сайта

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

www.mysite.ru/index.html
www.mysite.ru/o-kompanii.html
www.mysite.ru/uslugi/
www.mysite.ru/uslugi/prodaga.html
www.mysite.ru/uslugi/dostavka.html
www.mysite.ru/kontakty.html

Не сложно догадаться, что в контейнере нашего сайта находятся

Cтраницы:
1. Главная (index.html)
2. О компании
3. Контакты

Папка:
1. Услуги
   Внутри папки страницы
   1. Продажа
   2. Доставка

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

Структура больших сайтов - интернет-магазина, каталога

Может оно и правильно, чтобы пользователям было удобно. Но на деле это создает нагромождение из ссылок.

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

Вот как с этим справилась другая крупная компания.

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

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

К сожалению, по сути своей CMS не умеют создавать вложенность контента.
Например, если просмотреть интернет-магазины, то везде категории товаров находятся в одной директории сайта, как правило, это папка с названием группы товаров, например /computer, а товары в другой, например, папка /products или /goods.
Почему так?

Все дело в том, что CMS работает с базой данных, которая представляет из себя набор таблиц. Есть таблица категорий, где содержится информация о категориях — computer, hardware и т.п., а информация о товаре содержится в другой таблице — goods. Из-за того, что для формирования страницы категории данные берутся из одной таблицы, а для формирования страницы с товаром из другой таблицы, с технической точки зрения очень сложно присвоить разным таблицам один путь URL.

В идеальном сайте с точки зрения архитектуры каждая конечная страница с продуктом должна иметь следующую структуру

www.mysite.ru/catalog/computers/notebooks/brand/art-123.html

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

Проектирование структуры сайта

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

Но кому хочется делать лишнюю работу? Вот так и живем. Находим оптимальное решение при минимуме затрат.

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

Как бы мы не хотели, но организовать правильную структуру URL может только грамотный программист, которому ещё нужно доказать, что это важно с точки зрения SEO. К сожалению, те программисты, которых я встречала, никогда не задумаются, а как оно должно быть не только с точки зрения логики программного кода, но и с точки зрения сканирующего робота. Именно поэтому с появлением CMS стало так сложно понимание структуры сайта.

Отсутствие правильно сформированных URL создает нарушение внутренней структуры сайта и вносит путаницу в понимание внешней структуры, как профессионалом, так и пользователем.

Что делать?

Вариант первый. Если ресурс старый, хорошо индексируется, на страницах есть PR, который страшно потерять, то лучше ничего не делать и оставить все, как есть.

Как изменить структуру сайта

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

Предупреждаю, я не программист. Мои знания ограничиваются ровно на столько, на сколько я делюсь информацией. Если вам нужно настроить другую CMS, ищите ответы в поиске. Я даю общую информацию для понимания проблемы

Давайте рассмотрим на примере WordPress, как можно правильно организовать URL.

Решение проверено на WordPress 4.4.2.

В админ панели WordPress в настройки постоянных ссылок, выбираем пункт Произвольно, в поле вставляем:

/%category%/%postname%.html

Таким образом мы указали, что страница с постом должна иметь вид

www.mysite.ru/webmaster/struktura-site.html

Но WordPress устроен так, что сама страница с рубрикой открывается по адресу

То, от чего пытались избавиться, опять мешает правильно организовать структуру сайта.
Но это не страшно. Открываем файл.htaccess и добавляем в него следующий код:

RedirectMatch 301 /category/(.*) http://mysite.ru/$1

Не забываем изменить mysite на адрес своего блога.
Вот как получилось у меня.


Но есть несколько НО!

www.mysite.ru/category/webmaster/

Кардинально мы ничего не поменяли, но, для пользователей в адресной строке формируется более привлекательный URL, а для поисковых роботов мы сообщили, что постоянный адрес страницы без папки /category/.

Второе. Нельзя одну статью относить к разным рубрикам. Каждой статье в URL будет присвоена одна рубрика, та, которая будет первой по алфавиту.

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

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

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

Понятие структуры сайта

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

Для лучшего понимания разделяют на следующие части:

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

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

Cтруктура сайта в виде схемы: требования

Структура сайта в виде схемы и требования предъявляются к правильно разработанному проекту. Главным образом их формируют поисковики, поэтому под них обычно подстраиваются вебмастера. Однако не стоит забывать, что первым делом необходимо позаботиться о посетителях, а уж затем о роботах.

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

Требования от Яндекс:

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

Требования от Google:

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

Правильная основа и примеры в схемах

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

Я постараюсь рассказать вам все подробно. Давайте по порядку. Конструкция сайта подразделяется на следующие виды:

Больше вариантов по сути нет. Конечно, вы наверняка встречались с такими понятиями, как линейная, смешанная, решетчатая и т.д., но это всего лишь выдумки и дополнения.

Разделяется структура на эти типы:

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

Примеры схем конструкции сайта

Изначально хочу привести пример простейшей конструкции одностраничного сайта.


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

Далее…древовидная является самой распространенной. Она применяется на большинстве больших сайтов, интернет – магазина и порталах. Вот ее внешний вид:

Внутренняя и внешняя структуры

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

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


Базовые элементы на ресурсе располагаются по следующему принципу:

1. Шапка, голова и хедер – это названия верхушки, где располагается эмблема, меню и добавочные элементы.
2. Сайдбар или боковое меню. Его можно делать, а можно и нет. Эти блоки несут дополнительную информацию и их задачей является, насколько можно дольше задержать посетителей.
3. Основной блок. В этом случае контент должен быть легко читаемым и заметным посетителям на первой странице.
4. Подвал проекта где размещается информация о контактах и полезные ссылки.

Пункты изменения конструкции проекта

Основное понятие мы разобрали, теперь переходим к наиболее интересному. С чего начать изменение ресурса? Рассмотрим подробно.

1. Четко продумываем и переписываем на отдельный лист, как будут выглядеть проект в виде схемы. Здесь следует заранее указать адреса страниц для удобства (особенно для интернет-магазина).
2. Используем дополнительные рубрики с ключевиками.
3. Распределяем по категориям, пакуем их в отдельные листы или файлы.
4. Придумываем ключи для формирования контента.
5. Прописываем для каждой страницы URL.
6. Готовим тексты дополнительных адресов.
7. Добавляем рубрики и контент к ним.
8. Меняем структуру ссылок.
9. Перенаправляем старые адреса ссылок на новые.
10. Меняем внутренние ссылки, делаем перелинковку.

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

Онлайн программа для создания внутренней структуры

Программа mindmeister лучший выбор, советую. Основная задача делать интеллектуальные карты в виде схемы. Регистрация идет в две минуты. После регистрации вам дан начальный пакет в три бесплатных карты. Чтобы начать делать нажимаем my maps и выбираем шаблон.

Создаете карту сайта в виде блок схемы и сохраняете. Интерфейс интуитивно понятный разбирать не буду.

Вывод

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

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

Надеюсь, теперь стало понятно, что такое структура сайта в виде схемы и как ее можно составлять. Применяйте полученные знания на практике. Успехов!

Структура сайта - это базис, фундамент любого интернет ресурса, будь то интернет магазин или информационный сайт.

Благодаря качественной, грамотно спроектированной структуре поисковые системы быстро совершают обход сайта, не расходуют напрасно ресурсы робота (crawl budget, бюджет на обход). Это приводит к быстрой индексации сайта поисковыми системами. У хорошо спроектированного сайта новые документы могут попадать в индекс практически через день после размещения на интернет ресурсе.

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

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

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

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

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

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

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

Фото 1: Пример кулинарного сайта, который сгруппировал виды блюд в категории, сделав что-то наподобие поваренной книги.

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

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

Принципы построения структуры сайта

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

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

Принцип построения связей между документами зависит от типа сайта который нам необходим.

В целом можно выделить следующие типы сайтов, имеющие различия в структурах:

Сайт-визитка

Коммерческий сайт

Интернет-магазин

Информационный сайт

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

Сайт-визитка

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

Фото 2: Пример структуры простого сайта визитки какой либо небольшой компании.

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

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

Коммерческий сайт

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

Фото 3: Пример структуры более сложного коммерческого сайта, где каждая страница сайта раскрывает информацию о том или ином направлении бизнеса или услуге.

На этот раз количество связей имеет более разветвленный вариант и из раздела “Услуги” мы можем перейти в рубрику “Ремонт квартир”, а уже из неё попасть на документ “Капитальный ремонт”.

Интернет магазин

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

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

Фото 4: Пример структуры базового интернет магазина с каталогом товаров, карточками и фильтрами (тегами).

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

Информационные сайты

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

Информационные сайты можно разделить на два вида, от которых будет зависеть их структура:

Сайты с узкой тематикой, нишевые сайты (например сайт, посвященный лечению варикозного расширения вен или акне).

Сайты порталы, посвященные какой то широкой проблеме (материнство, мода, прически, домашние животные).

Нишевые сайты

Пример информационного сайта с узкой тематикой фитнеса:

Фото 5: Упрощенная структура информационного сайта об упражнениях и здоровом образе жизни.

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

Порталы

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

Если бы мы делали портал про фитнес, раздел "Спорт”, мог бы быть одним из разделов со своими рубриками и статьями:

Фото 6: Многоуровневая структура раздела обусловлена большим количеством рубрик, которые планируется развить.

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

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

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

Требования ПС Яндекс к структуре

Поисковая система Яндекс имеет подробную инструкцию по работе со структурой сайтов - ссылка . Если не вдаваться в детали, в общем можно выделить следующие ключевые рекомендации:

Каждый документ должен относиться к своему разделу.

Чем больше вложенность страницы, тем дольше Яндекс будет ее индексировать . То есть, если страница в структуре выглядит так: eda.ru/salaty/olivie то она проиндексируется быстрее, чем eda.ru/bluyda/prazdniki/novyj_god/olivie.

Используйте карту сайта sitemap.

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

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

Желательно, чтобы формат URL давал представление о том, что находится на странице куда он ведет. То есть ЧПУ хорошо воспринимается не только пользователями, но и поисковыми системами.

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

Проверяйте корректность symlink-ов..

Требования ПС Google к структуре

Google так же имеет свои требования к правильной структуре сайта.

Структура сайта должна быть предельно простой, логичной и понятной для человека.

Используйте ЧПУ. Гугл так же ориентируется на ЧПУ для определения релевантности страницы.

Не используйте сложные URL.

Так же информация по структуре и не только есть в руководстве по оптимизации от самой компании Google - ссылка .

Как правильно составить структуру сайта в виде схемы

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

Анализ конкурентов

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

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

Алгоритм изучения конкурентов на примере интернет магазина бытовой электроники.

Поиск конкурентов в каталогах

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

Проверка запроса в серпстат.

Фото 11: Ищем топ конкурентов по ключевому слову в тематике.

Мы получаем “Конкурентов в поисковой выдаче”:

Фото 12: Серпстат показывает список наиболее видимых сайтов в выдаче по запросу.

Выписываем получившийся список в нашу таблицу.

Фото 13: Создаем новую колонку и вносим в нее данные.
Фото 14: Повторяем операцию в сервисе Semrush.

Не забываем поменять регион на RU. Получаем список конкурентов по Google.

Фото 15: Список конкурентов из Семраш.

В Семраш есть возможность экспорта получившегося ТОП 100 если у вас приобретена подписка (99$), в ином случае переносим необходимые данные вручную.

Фото 16: Экспорт доступен только при активной подписке.

Так же добавляем в нашу таблицу Excel.

Фото 17: Создаем отдельную колонку для конкурентов, полученных из Semrush.

Ту же операцию проделываем на сайте Арсенкина.

Чистка и объединение

После всех манипуляций нам необходимо объединить все эти списки в один и почистить его от дублей. На выходе у нас должно получиться нечто подобное.

Фото 18: Итоговый список после чистки на дубликаты.

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

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

Рассмотрим на примере магазина М-Видео. Для выгрузки структуры сайта у нас есть 2 варианта:

Визуальное ознакомление со структурой и её воспроизводство в excel таблице.

Выгрузка URL’ов с помощью сервисов.

Ручная выгрузка структур конкурентов

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

Фото 19: Дочерние страницы раздела "Компьютеры и мониторы" на сайте М-Видео.

То, как мы переносим в нашу рабочую таблицу (краткий пример).

Фото 20: Создаем древовидную структуру в excel таблице по образу и подобию того, что мы видим на сайте.

Таким образом нам необходимо выгрузить структуру каждого отобранного сайта .

Автоматизированная выгрузка с использованием сервисов

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

Фото 21: Анализируем сайт через Serpstat.

Жмем поиск и затем в разделе “SEO анализ” находим “Страницы сайта”:

Фото 22: Наша задача - найти инструмент "Страницы сайта".

В итоге мы получаем такой результат:

Фото 23: Serpstat показывает нам все документы выбранного сайта.

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

Такую операцию нужно будет провести для каждого сайта из списка и внести данные в таблицу .

Объединение структур

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

Для объединения необходимо взять за основу сайт с самой хорошей и полной структурой. К нему мы будем добавлять структуры других сайтов. Например, mvideo оказался наиболее удачным вариантом и его мы будем дополнять.

Фото 24: Берем структуру сайта М-Видео в качестве базиса.

Как происходит наполнение? Все просто - мы смотрим схожие разделы у других интернет магазинов и переносим сюда их содержимое. Для удобства можно каждый раздел разбить на колонки. Есть 2 вариант работы: добавлять только уникальные разделы, которых нет в основной структуре, либо добавлять всё и затем удалить дубли. Второй вариант подходит для объемных структур.

Допустим, в магазине Эльдорадо представлено большее количество марок мониторов, чем у М-видео. В таком случае мы просто дополняем раздел мониторы нужными марками:

Фото 25: Дополняем раздел отсутствующими марками, дубли чистим потом.

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

Чистка и удаление неэффективных разделов

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

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

Фото 26: Копируем марки мониторов в отдельную вкладку.

Чтобы составить матрицу парсинга необходимо для каждой марки добавить слово “монитор”, для последующего добавления в Key Collector.

Фото 27: Дополняем матрицу.

Копируем полученный результат и отправляем его на парсинг в Key Collector. О том, как настроить Key Collector для эффективного парсинга можно прочитать в .

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

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

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

Программы для построения структуры сайта

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

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

Наиболее удобные ПО для создания структур сайта:

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

Draw.io - бесплатный онлайн сервис для создания структур и диаграмм. Требует наличия почты от Google. В арсенале инструментария побольше, чем у X-mind, присутствует ряд технических и инженерных шаблонов (для наших целей не интересны). Еще одним плюсом является возможность выгрузки результата на Google диск и прочие сервисы наравне с выгрузкой на ПК.

Microsoft Visio - софт от популярной компании который очень гибок в настройках и возможностях. Подойдет для создания структур любой сложности и направленности, обладает онлайн интерфейсом. Приобретается в рамках пакета Microsoft Office.

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

Схема структуры сайта в X-Mind

Мы рассмотрим построение структуры в программе X-Mind. Чтобы наглядно увидеть все наши разделы, рубрики и категории переносим данные из excel таблицы в x-mind карту. Для добавления подраздела можно использовать кнопку Tab, переносить разделы можно мышью.

Краткий пример одного из разделов в итоге будет выглядеть так:

Фото 28: Структура нашего интернет магазина в виде майнд карты в программе X-Mind.

Такой вариант наиболее удобен в использовании и поможет сориентироваться при добавлении карточек товара, рубрик и разделов на сайт.

Выводы

Структура сайта не менее важна для фундамента проекта, чем семантическое ядро. Правильная структура - один из критериев успеха сайта.

Приведенный в статье алгоритм является очень эффективным и не раз применялся нами на практике при создании новых проектов.

Основные моменты:

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

Проверяем актуальность разделов через Key Collector. Разделы без спроса могут быть полезны, но с коммерческой точки зрения они не принесут ощутимой пользы (релевантно только для ecommerce сайтов, для информационных проектов разделы и рубрики обычно формируются по логическому принципу).

Используем ЧПУ. Это помогает как роботам поисковых систем, так и пользователям.

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

Используя опыт конкурентов, ориентацию на пользователя и правила поисковых систем у нас получится отличная и правильная структура сайта.