Структура сайта


Как правильно разработать и оптимизировать структуру сайта?

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

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

  1. Логичность. Структура разделов должна быть понятной и логичной для пользователя. Посетитель сайта должен понимать, какая информация находится в том или ином разделе.
  2. Гибкость. Структура должна предусматривать возможность добавления новых разделов, категорий, подкатегорий. Например, если компания решит расширить ассортимент, это не должно привести к кардинальной смене структуры сайта.
  3. Масштабируемость. Костяк структуры должен сохраняться при значительном росте сайта. Например, если число товаров в каталоге магазина вырастет со 100 до 1500, это не должно стать проблемой.

  4. Привычность. Стоит использовать решения, привычные для пользователей или ставшие стандартом в отрасли. Пользователь консервативен, и излишняя новизна может усложнить взаимодействие с сайтом.
  5. Правило трех кликов. На большинство страниц сайта пользователь должен попадать, сделав не более 3 кликов мышкой с главной страницы. Это важное правило для поисковых систем. Роботы-пауки имеют ограничения по уровню вложенности страниц, которые они просматривают и могут добавить в индекс поисковой системы.
  6. Страницы, которые продвигаются по конкурентным запросам, должны получать больше внутренних ссылок с других страниц сайта, чем страницы, которые продвигаются по менее конкурентным запросам.
  7. Структура сайта должна содержать все обязательные страницы. Об этом мы поговорим позже.

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

В ряде случаев в структуре сайта должны присутствовать определенные страницы. Это может быть связано с требованиями законодательства (например, для сайтов образовательных учреждений). Но чаще наличие таких страниц обусловлено практикой.

Корпоративные сайты:

  1. Страница «О компании».
  2. Страница с сертификатами или лицензиями, если деятельность подлежит лицензированию.
  3. Страница с перечнем услуг или каталог товаров.
  4. Страница «Отзывы» или «Наши партнеры».
  5. Страница «Гарантии», если гарантии предусмотрены.
  6. Страница с ценами, если на других страницах цены не указаны.
  7. Страница «Контакты» со схемой проезда.


Сайты частных специалистов, фрилансеров:

  1. Страница «Обо мне».
  2. Страница с перечнем услуг.
  3. Портфолио.
  4. Страница «Цены».
  5. Страница «Отзывы».
  6. Контакты.

Сервисы и информационные сайты:

  1. Страница «О сайте».
  2. Информационные материалы или сам сервис.
  3. Страница «Пользовательское соглашение».
  4. Страница «Помощь» с описанием функционала сайта.
  5. Страница «Поддержка» для обращения в службу поддержки.

Интернет-магазины, торговые площадки, агрегаторы:

  1. Каталог товаров.
  2. Страница «О магазине».
  3. Страница с описанием вариантов оплаты.
  4. Страница с условиями доставки.
  5. Страница с условиями возврата товара.
  6. Страница «Поддержка» для обращения в службу поддержки.
  7. Страница с реквизитами компании.

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

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

Данная структура сделана в виде интеллект-карты при помощи программы Mindmeister, у которой имеется бесплатная версия.

пример структуры сайта

Этапы разработки структуры сайта


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

  1. Составьте перечень информации, которую Вы хотите разместить на сайте. Определите список и типы страниц, которые потребуется создать. Например: страница о сайте, каталог товаров, личный кабинет покупателя, служебные разделы (условия оплаты, доставки, возврата товаров, реквизиты), контакты, полезные статьи по выбору товаров (блог).
  2. Создайте навигацию верхнего уровня. Она должна содержать максимум 5-7 ссылок, лучше 4-5 (чтобы была возможность дальнейшего масштабирования). В навигацию верхнего уровня должны входить основные разделы, которые играют значительную роль для посетителей.
  3. Создайте структуру каждого раздела, который вошел в навигацию верхнего уровня. Например, в навигацию верхнего уровня у Вас вошли страницы «О сайте», «Каталог», «Оплата и доставка», «Контакты». Три страницы («О сайте», «Оплата и доставка», «Контакты») являются обычными страницами и подразделов не содержат. Поэтому на третьем этапе Вам необходимо продумать структуру раздела «Каталог», а именно дробление товаров на категории и подкатегории.

  4. Продумайте дополнительную навигацию на сайте. Например, в интернет-магазине можно сделать боковое меню с категориями товаров. Посетители смогут переходить в каталог с любой страницы сайта, что удобно. В самом каталоге можно предусмотреть дополнительные элементы, позволяющие сортировать товары по цвету, размеру, иным параметрам. На страницах статей можно предусмотреть дополнительное меню с перечнем товаров, которые могут заинтересовать читателя. Например, в обзоре лучших фотоаппаратов разместить ссылки на карточки данных товаров в магазине.
  5. Служебные разделы можно разместить в подвале сайта – так называют нижнюю часть интернет-ресурса. Например, там можно разместить ссылку на пользовательское соглашение или реквизиты компании.
  6. Нарисуйте получившуюся структуру на бумаге. Представьте, что Вы попали на главную страницу сайта. Куда Вы отправитесь далее? Затем представьте, что попали на карточку товара, в раздел каталога или на информационную страницу, например, статью из блога. Сможете ли Вы комфортно продолжить свое путешествие по сайту, быстро ли найдете каталог, выберете нужный товар или найдете дополнительную информацию по теме? Такая практика позволяет примерить будущую структуру сайта и понять, насколько удобное решение придумано.

Оптимизируем структуру сайта: секреты и трюки

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

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


  1. Выделите на сайте страницы, получающие существенный трафик из поисковых систем. Менять оптимизацию данных страниц не желательно, чтобы не потерять (путь даже временно) трафик из поисковых систем. Удалять их тоже не стоит без крайней необходимости.
  2. Если Вы меняете адрес страницы (URL), обязательно настраивайте редирект со старого адреса на новый. Проверьте, что редирект работает корректно!
  3. Вносите изменения в структуру уже работающего сайта постепенно, мелкими шагами. Резкие изменения могут дать негативный эффект. Делайте паузы между изменениями, минимум 2-4 недели, чтобы отследить эффективность доработок и понять необходимость дальнейшей оптимизации структуры.
  4. Часто в крупных разделах каталога имеет смысл сделать несколько подразделов, каждый из которых оптимизируется к средне и низко- частотным запросам. Это позволяет охватить больше запросов и привлечь на сайт больше посетителей.
  5. При внедрении нового функционала на сайте обратите особое внимание на закрытие служебных страниц и результатов поиска от индексации. Также проследите, чтобы в индекс не попали дубли (страницы, содержание которых копирует уже находящиеся в индексе страницы).

  6. Если на Вашем сайте много страниц и часть документов не попадает в индекс из-за лимитов (у каждого сайта есть лимит страниц, которые индексируются поисковой системой), то закройте от индексации второстепенные страницы. Таким образом Вы добавите в индекс более ценные документы.
  7. Часто проблему со структурой удается решить при помощи дополнительных небольших меню. Например, на карточках товаров сделать блок «Аксессуары» со ссылкой на сопутствующие товары. На информационном сайте сделать небольшое меню со ссылками на самые свежие статьи или популярные материалы. Не спешите вносить на сайт глобальные изменения. Возможно, проблему можно решить небольшой доработкой.

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

Если у Вас остались вопросы, добавьте их в комментариях. Постараюсь всем ответить.

www.kadrof.ru

7. Карта ума.

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


Для создания карты ума (её чаще называют английским термином «Mind map»), мы можем использовать специальное ПО, я рекомендую Xmind.

Для начала нужно взять несколько наших документов с идеями, которые мы сделали на прошлых этапах, их мы будем систематизировать. Все идеи необходимо разбить на глобальные блоки (разделы). Например, представим, что мы проектируем портал недвижимости, глобальными блоками которого могут быть: каталог недвижимости; сообщество; статьи-новости; база знаний и т.д. Все идеи мы должны распределить по этим глобальным блокам. Взаимоисключающие идеи объединяем или выбираем одну из них. По принципам мозгового штурма отбрасываем малополезные идеи, вернее оставляем до лучших времен. Общее количество блоков должно соответствовать будущим разделам сайта, у каждого из разделов могут быть подразделы. В идеале количество разделов не должно превышать 7-8 для большого портала, если мы проектируем, например, СМИ, там может быть много разделов, которые по сути отличаются только тематикой контента, но имеют одинаковое назначение, такие варианты тоже допустимы, но с ними нужно быть очень осторожным, важно, чтобы пользователь не запутался.

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


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

В mind map мы можем выделить бета-версию, но спроектировать желательно сразу весь проект, чтобы была возможность продумать расширяемость.

На выходе мы получаем mind map со всеми идеями проекта, некую карту будущего проекта. Её, конечно, очень важно утвердить с заказчиком.

Пример:

Проект: социальная сеть владельцев домашних животных.

Рис. 3. Карта ума

Структура сайта

8. Структура сайта.

Имея карту ума, на которой видны основные разделы и подразделы, мы можем составить структуру сайта, по которой собственно и будем вести прототипирование в следующем этапе. Структуру можно делать в mind map или Visio.

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


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

Пример:

Проект: социальная сеть владельцев домашних животных.

Рис. 4. Структура сайта

Структура сайта

9. Прототипирование.

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

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

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


Перед началом проектирования нужно вспомнить, кто является ядром нашей ЦА. и вжиться в их роль. Это позволит проектировать с точки зрения нашей ЦА.

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

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

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

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

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

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

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

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

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

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

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

Пример:

Проект: социальная сеть владельцев домашних животных.

Рис. 5. Профиль пользователя:

Структура сайта

Рис. 6. Группа:

Структура сайта

Рис. 7. Зоопедия. Сравнение животных:

Структура сайта

Таких прототипов интерфейса в этом проекте около 90.

Для сравнения можно посмотреть прототипы других проектов разработанных нами:

Социальная сеть по фотографии FOTO.ua: прототип и на основе этих прототипов дизайн.
Автомобильная социальная сеть Mazda Russia: прототип.
Портал по продаже строительных материалов СтройПрайс: прототип и на основе этих прототипов дизайн.
Сервис для реализации мечтаний Dreamany: прототип и на основе этих прототипов дизайн.
Интернет-магазин Lego: прототип и на основе этих прототипов дизайн.

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

10. Юзабилити тестирование.

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

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

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

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

11. Техническое задание.

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

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

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

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

На выходе мы получаем весьма объемный документ, который точно описывает будущую систему. В этом документе уже заложены интересные для ЦА «фишки», есть требования к дизайну и технологиям, есть полное описания любой функции на сайте. Документ утверждает заказчик и до конца разработки он больше не меняет, только после утверждения можно начинать этап продакшна сайта. Если это коммерческая разработка на заказ, ТЗ в обязательном порядке должно быть приложением к договору, и именно по нему будет происходить сдача-приемка работы.

Пример:

Проект: социальная сеть владельцев домашних животных.

Файл ТЗ: TZ-slj.doc

ТЗ обрезанное, только для ознакомительных целей.

habr.com

Что нужно знать для построения правильной структуры сайта

Давайте немного отойдем от блога «Учебка WordPress«, поговорим о том, что такое структура сайта, как ее формировать и создавать.

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

  1. Что такое структура сайта;
  2. требования к структуре сайта;
  3. типы структуры, примеры в виде схем;
  4. внешняя и внутренняя структуры сайта;
  5. как правильно изменить (переделать) структуру сайта;
  6. чек-лист «Учебка WordPress» — что, как и почему изменилось после смены структуры сайта.

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

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

В тезисах структуру сайта можно охарактеризовать так:

  • Где я нахожусь сейчас (страница входа);
  • куда я могу попасть (переход);
  • взаимосвязь между категориями.

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

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

Вот вам пример простейшей структуры сайта небольшого интернет-магазина:

struktyra-sajta

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

Какие существуют требования к структуре сайта

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

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

Что же говорят поисковые системы, какие требования к структуре сайта они выдвигают

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

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

  • Поддерживайте четкую ссылочную структуру на сайте. Каждый документ (страница) должна относиться к своему разделу (категории, блоку). На каждую страницу сайта должна быть хотя бы одна ссылка с другой страницы.
  • Используйте карту сайта (имеется ввиду xml карта сайта), она ускорит индексацию сайта.
  • Ограничивайте индексирование служебной информации, с помощью файла robots.txt.
  • Каждая страница должна иметь уникальный и единственный URL-адрес. Имеется ввиду, что на разные страницы сайта должны вести разные URL, и наоборот одна и та же страница должна быть доступна только по одному адресу.
  • Делать ссылки на другие разделы (страницы) сайта текстовыми, Яндексу так проще анализировать контент.
  • Проверка корректности symlink-ов, при переходе по сайту URL не должны добавляться (example.com/vasya/vasya/vasya/vasya/ пример самого Яндекса).

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

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

Google в отличие от Яндекса вместил рекомендации в один абзац и они довольно просты и понятны:

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

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

Правильная структура сайта, типы структуры, примеры в виде схем

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

Итак, давайте все по порядку. Структура сайта бывает:

  • Простая (двухуровневая), главная страница и много внутренних страниц 2-го уровня (home.ru/stranica1 и home.ru/stranica2 и т.д.)
  • сложная (древовидная, три и больше уровней вложенности home.ru/category/stranica1 и home.ru/blog/statya и т.д.)

Все больше вариантов нет! Можно встретить такие понятия как смешанная, линейная, решетчатая и еще куча всякой белиберды можно найти в сети. Только два вида простая (2 уровня вложенности URL) и сложная или древовидная 2 и больше уровней.

Так же можно разделить структура на два типа:

  • Правильная (логически составленная и понятна людям и роботу);
  • не правильная (никакой логики, полное отсутствие структуры (сплошная каша)).

Пример простой структуры сайта (схема)

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

struktura-sajta-primer-1

Если кроме главной вы планируете создавать 20-30 или же 100 страниц, обязательно создайте структуру, разбейте страницы и будущие страницы на группы, это будет правильно и в дальнейшем позитивно скажется на продвижении вашего сайта.

Пример древовидной структуры сайта, схема и пояснения

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

%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%80%d0%b0%d1%81%d1%88%d0%b8%d1%80%d0%b5%d0%bd%d1%8b%d0%b9-%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80

%d0%ba%d0%bb%d0%b0%d1%81%d0%b8%d1%84%d0%b8%d0%ba%d0%b0%d1%86%d0%b8%d1%8f-%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d1%8b

На примере схемы показано все виды структуры, в совокупности это и есть древовидная структура сайта.

Теперь немного поясню:

  1. примеры 1.1, 1.2, 2.1, 3.1 идентичны, так показал что бы вас не вводили в заблуждения другие «умники». Древовидная структура формируется по принципу Главная/категория/статья или же Главная/категория/подкатегория/статья.
  2. В древовидной структуре может быть несколько веток, каждая из которых может иметь разную глубину вложенности (первая ветка Главная/О компании, вторая ветка Главная/Услуги/SEO анализ, третья ветка Главная/Блог/Самостоятельное продвижение/Методы продвижения), в совокупности эти три ветки сформируют отличную, правильную структуру сайта.
  3. В примере 3.2 показано как делать ненужно, очень глубокое размещение материала не эффективно. Как поисковые роботы так и посетители попросту не дойдут до этой информации, контент будет утерян и не принесет никаких плодов. Опускаться ниже 4-го уровня лучше не стоит, если только вы не владелец Amazon.

Внутренняя структура сайта

То о чем писалось выше и есть внутренняя структура сайта или структура URL, правила и порядок формирования URL и будет внутренней структурой.

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

У меня на момент «переделки» было 170 страниц в индексе, что бы все исправить, добавить контент к рубрикам и подрубрикам (24 страницы), заранее подготовить все редиректы, сменить внутренние ссылки и перелинковку ушло больше месяца. А как вы думаете сколько это будет стоять у наемного рабочего?

Внешняя структура сайта

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

Внешняя структура сайта

Давайте по порядку, рассмотрим базовое размещение элементов на сайте:

  1. Голова, шапка, хедер все это названия верхней части сайта, блок в котором располагается эмблема, главное горизонтальное меню плюс добавочные элементы присущие данному сайту или его тематике (банеры, реклама, цветовая палитра, большое изображение).
  2. Левый и правый сайдбар, может быть только один или оба, а может и вовсе не быть бокового меню, что редко встречается на практике. Главное предназначение этих блоков дать дополнительную информацию, направить посетителя вглубь сайта, заинтересовать слоганами и видео. Вкратце задержать посетителя как можно дольше на сайте.
  3. Центральный блок, самый главный, это та информация или сервис, ради которого посетитель пришел на ваш сайт. Именно эта часть в первую очередь интересует пользователя. Контент должен быть легко читаем и заметен в первом экране, ну максимум во втором. Не нужно заставлять посетителя пролистывать все ниже и ниже в поисках того, что ему нужно сейчас же. В наше время люди разучились ждать, по этому с легкостью закроют ваш сайт и пойдут на другой.
  4. Футер, подвал сайта, блок предназначен в первую очередь для размещения контактной информации (название компании, телефона, адрес). Так же активно используют подвал для добавления навигационного меню и других полезных ссылок.

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

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

Как правильно изменить (переделать) структуру сайта

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

С чего начать изменение структуры:

  1. Первым делом вам нужно вывести (выписать) все страницы вашего сайта на отдельный лист (я это делал в екселе). Это нужно для разбивки и построения материала по рубрикам (темам). Сразу указывайте и текущие url для дальнейшего удобства.
  2. Следующий этап — четкое понимание (заранее составленный) плана, дополнительные рубрики (страницы) с ключевыми словами или без них. В эти рубрики вы будете распределять страницы выписанные в ексель.
  3. Распределить все страницы и записи по соответствующим категориям и страницам. Можно в отдельные листы или файлы.
  4. Придумать (использовать ключи) для формирования будущих дополнительных страниц.
  5. Прописать в файле для каждой страницы будущий URL.
  6. Подготовить тексты или шаблоны контента промежуточных страниц (рубрик).
  7. Подготовить файл (блокнот) с редиректами со старых на новые адреса страниц.
  8. Добавить новые рубрики (страницы) и текст к ним.
  9. Поменять структуру ссылок в вашей CMS.
  10. Проставить к каждой записи принадлежность к тем или иным страницам (рубрикам) что бы новые url совпали с плановыми.
  11. Внедрить перенаправление со старых адресов на новые.
  12. Поменять внутренние ссылки, перелинковку, что бы ссылки со страниц вели на новые URL, а не на редиректы.

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

Теперь давайте быстро пробежим по всем пунктам списка. С 1-го по 7-й можно делать не спеша, никакого «яда» от этого не будет.

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

Последний 12-й пункт можно провести в течении месяца, он не так критичен, как остальные.

Я больше чем уверен что у вас возникло больше вопросов чем ответов, по этому советую ознакомиться с более детальным описанием всего происходящего на примере сайта «Учебка WordPress». После ознакомления вам все станет ясно.

Чек-лист «Структура сайта Учебка WordPress» — как происходил процесс смены структуры

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

Выводим все названия страниц и их URL в отдельный файл.

struktura-sayta

Формируем дополнительные страницы, рубрики.

struktura-sayta-primer

Прописываем будущие URL и распределяем страницы по категориям.

pravilnaya-struktura-sayta

Изменяем старые URL на новые в екселе.

logicheskaya-struktura-sayta

На основе новых и старых URL формируем лист (блокнот) со всеми редиректами.

razrabotka-strukturyi-sayta

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

analiz-strukturyi-sayta

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

Результаты полученные сайтом «Учебка WordPress» в первый месяц после смены структуры сайта

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

Переиндексация новой структуры сайта Google

Что я вам хочу сказать, Google справился с этой задачей довольно быстро. Примерно за неделю полторы все страницы были переиндексированы. Сразу же после переиндексации почувствовалось влияние новой структуры, трафик стал стабильнее и вырос примерно на 20%. Я думаю что на это не так сильно повлияла смена структуры, как увеличение контента (плюс 24 страницы с текстом в рубриках). Хотя с другой стороны на данный момент по высококонкурентным словам рубрик трафика пока не наблюдалось вообще (прошел только месяц, для ВК ключей это очень мало).

Переиндексация новой структуры сайта Яндексом

Как долго яндекс переиндексирует новую структуру сайта? Могу сказать что мои 170 страниц за месяц попали в индекс только 147 (остальные робот яндекса обошел, но пока не в поиске). Было явно видно проседания трафика на несколько дней, затем резкий взлет, который продолжает радовать.

Яндекс отлично воспринял смену структуры сайта, отблагодарив меня увеличением трафика в первый месяц на 40%, по сравнению с предыдущим месяцем. Графики приведу ниже.

Смена структуры сайта, добавление «хлебных крошек»

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

kak-posmotret-strukturu-sayta

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

yrokiwp.ru

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

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

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

Структура сайта

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

Для чего нужна структура разделов сайта

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

    -на главную 
    -в любую другую категорию 
    -в категорию, где он находился 
    -в контакты и условия работы 
    -в похожие товары и пр. 

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

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

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

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

  3. Продвижение. Чем выше уровень вложенности страницы, тем легче ее продвигать. Вес сайта распределяется по всему сайту зависимо от уровней вложенности страниц. То есть, главная (1 уровень) имеет, по мнению поисковиков, самую большую важность. Категории (2 уровень) имеют тоже большой вес, но уже не такой, как главная.

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

Как создать правильную структуру сайта

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

  • какие категории нужно добавить
  • какие категории нужно поднять выше в структуре
  • какие вообще стоит убрать

Когда Вы определитесь, что ищут люди чаще всего и какие категории/подкатегории оставить, переходите к следующему пункту.

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

Например, когда мы создавали сайт по солнцезащитным очкам, то поняли, что нужно выделить категории «женские» и «мужские», но не нужно делать категорию  «унисекс». За то отдельный бренд очков пользуется таким огромным спросом, что его мы вынесли в отдельную категорию «очки Ray-Ban». Более того, эту категорию мы разбили на подкатегории. В то время как другие бренды очков имеют 3 или 4 уровни вложенности.

 

Структура сайта

 

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

 

seo-akademiya.com

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

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

Структура сайта

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

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

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

Желательно, чтобы по адресу можно было определить, что находится на странице и в каком разделе и подразделе её можно найти. Например, для статьи про сосновые стулья подошел бы адрес http://siteforyandex.com/mebel/stool/stool-sosna. Адрес может быть написан и на кириллице, и на латинице — важно, чтобы он был понятным. Помимо адреса, путь до страницы можно выводить на сайте в виде дополнительного меню. Такое меню называется «хлебными крошками»: по ним пользователь может вернуться к более общему разделу сайта.

Посмотреть, какие разделы вашего сайта известны роботу Яндекса, можно в сервисе Яндекс.Вебмастер — с помощью инструмента «Структура сайта».

yandex.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Структура сайта

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

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

Порталы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Проверяйте корректность symlink-ов. То есть не должно быть цикличных страниц с большим количеством повторений, например semyadro.pro/sbor/sbor/sbor/sbor.

Указанные рекомендации позволят создать правильную структуру не только для Яндекса, но и для пользователя.

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

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

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

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

  • Используйте пунктуацию в ссылках. То есть для разделения нескольких слов в ссылках необходимо использовать знаки пунктуации: не /sineeplatje, а /sinee-platje. Гугл рекомендует “-”, а не “_”.

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

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

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

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

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

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

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

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

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

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

Liveinternet — рейтинг сайтов по категориям, где можно взять список лидеров ниши.

Структура сайта
Фото 7: Перечень категорий сервиса Liveinternet. Категории достаточно широкие, это несколько усложняет задачу.

Top 100 Rambler — удобный топ с конкретными разделами.

Структура сайта
Фото 8: Рамблер удобно сгруппировал сайты по направлениям, можно смело использовать.

Яндекс Каталог — каталог от поисковой системы Яндекс.

Структура сайта
Фото 9: Яндекс.Каталог — хороший источник качественных сайтов.

Семраш — многофункциональный сервис по работе с Google, в котором можно найти конкурентов и выгрузить их карты сайта.

Серпстат — так же сервис для поиска и выгрузки структуры конкурентов по Яндекс и Google.

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

Что нам необходимо сделать — нам нужно найти нашу категорию в рейтингах сайтов и выписать оттуда конкурентов, например в таблицу excel или в гугл таблицы (Google speadsheets).

Структура сайта
Фото 10: Составляем таблицу с url сайтов конкурентов в нашей тематике. Лучше брать крупных игроков, т.к. выше шанс что у них в плане структуры все в порядке.

Расширение через Serpstat, Semrush и сервис Arsenkin

Затем переходим к сервисам — получаем базу сайтов по ключевому слову “бытовая техника”. Подробнее об использовании сервисов: Серпстат и Семраш.

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

Структура сайта
Фото 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.

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

semyadro.pro


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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