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

Содержание:

Что надо понимать под структурой сайта

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

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

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

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

Тема 3. Проектирование структуры веб-сайта

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

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

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

Структуризация представляемой на сайте информации выполняется на двух уровнях: внутреннем и внешнем.

Внутренняя структура определяет логические связи между веб-страницами, то, что в SEO называется внутренней перелинковкой. Продуманная внутренняя структура позволяет избежать ситуаций, когда, например, на сайте появляются страницы, доступные более чем в 3-х кликах от стартовой или в поисковую выдачу попадают приватные страницы или множественные дубли. С другой стороны, под внутренней структурой сайта иногда подразумевают размещение файлов и каталогов в файловой системе веб-сервера. Хороший пример — размещение всех изображений в каталоге images, а скачиваемых файлов — в каталоге download. Внутренняя структура может частично или полностью отображаться во внешнюю структуру.

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

Типовые структуры

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

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

Рис. 1.

Критерии структуры

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

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

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

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

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

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

Типы применяемых структур сайта

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

Особое внимание целесообразно уделить полноте охвата, логике подачи материала

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

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

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

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

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

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

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

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

Особенности линейной структуры сайта

  1. Акцент на одном продукте;
  2. Возможность выложить большой объем специализированной или маркетинговой информации;
  3. «По дефолту» очевидный процесс покупки продукта, который может быть спроектирован исходя из специфики продукта;

Пример: сервис для улучшения текста «Главред»

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

Область применения сайтов с линейной структурой чётко ограничена.

Она может использоваться на имиджевых сайтах (т.н. «визитных карточках») и в онлайн учебных пособиях,

Линейная структура с альтернативными вариантами

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

Рис. 2 Линейная структура сайта с альтернативным вариантом А

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

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

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

Рис. 3 Линейная структура сайта с альтернативным вариантом Б

Данная структура аналогична дороге с множественными ответвлениями от неё.

Из чего состоит ТЗ

Общая информация

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

Статус текущего документа и конфиденциальность.

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

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

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

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

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

Информационная архитектура и интерфейс

  1. Структуру сайта. Это так называемые высокоуровневые прототипы.
  2. Шаблоны страниц. Низкоуровневые прототипы, описывающие непосредственно интерфейс сайта.
  3. Опись контента. Табличное описание содержания каждой страницы сайта.

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

  • Не жалейте места. Старайтесь располагать блоки так, чтобы они были отделены друг то друга. Это поможет читабельности карты.
  • Не мельчите. Прочитать текст, напечатанный 4 кеглем, в принципе можно, но это уже причина для ненависти.
  • Выравнивайте «квадратики» страниц относительно друг друга, выстраивая в линии. Это улучшит восприятие уровней вложенности страниц.
  • Не пересекайте линии. Старайтесь избегать большого количества пересечений линий связей. Если они пересекаются, то должны «перескакивать» одна над другой. Кто занимался черчением функциональных схем в университете, меня поймет.
  • Подписывайте карту. Подпишите саму карту, а также отдельные блоки. Это позволит меньше путаться в дальнейшем.
  • Почаще сохраняйте файл. Банально, но надо просто помнить об этом. Не стоит лишний раз вспоминать родственников разработчиков программы Visio, в сущности, они ни в чем не виноваты.

Пример карты сайта.Шаблоны страниц

  1. Перечень шаблонов. Выявляются основные типы страниц и описывается их использование.
  2. Типовой шаблон. Основные блоки. Описываются основные блоки страниц с целью уменьшить повторяемость информации.
  3. Описание каждого шаблона согласно перечня. Шаблоны отрисовываются в любом графическом пакете (Adobe Illustrator, Adobe InDesign, MS Visio и др.), а затем дополняются кратким описанием.

ОговоркаПример разворота из ТЗ с описанием шаблона интерфейса (вайрфрейма).Описание контента

Требования

  • Технические требования к системе;
  • Требования к персоналу;
  • Требования к надежности;
  • Требования к эргономике и технической эстетике;
  • Требования к защите информации от НСД;
  • Требования по сохранности информации при авариях;
  • Требования к видам обеспечения;
  • Требования к программным средствам;
  • Требования к информационному обеспечению;
  • Требования к техническим средствам;

Разработка структуры сайта

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

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

Вот набросок, пример структуры сайта туристической фирмы, сделанной в Mindjet:

Это, так называемая логическая структура web-сайта

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

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

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

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

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

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

Что такое структура сайта и зачем она нужна

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

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

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

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

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

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

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

Статья в тему: Юзабилити-аудит сайта

Дублирующий контент

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

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

Рекомендации для WordPress

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

Тем не менее я бы хотел дать вам несколько рекомендаций по этому поводу:

Одна статья – одна рубрика

В ВП можно привязывать к статье несколько рубрик. Одна из них будет “основной”, вторая – “дополнительной”. Однако на схему проекта такой подход влияет крайне негативно.

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

Рубрики в URL

Обычно вебмастеры упускают этот момент, но он очень хорошо повышает видимость ваших материалов среди поисковиков. Я говорю о структуре ссылок – добавляйте рубрики, чтобы ссылки на ваши материалы имели вид: site.ru/рубрика/статья. Это можно очень просто сделать через “Настройки” – “Постоянные ссылки”.

Закрывайте метки (/tag/) от индексации

Метки – это, конечно, хорошо, но они негативно влияют на схему и создают лишние дубли. Лучше закрыть метки через robots.txt, дабы поисковые системы адекватно индексировали ваш проект.

Виды структур сайта

Существует несколько видов структур сайта:

Линейная

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

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

Блочная

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

Деревовидная

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

Это интересно: Продающая структура Landing Page

Структурирование информации в базах данных

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

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

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

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

  • Гарантировать целостность данных.
  • Исследовать, находить и удалять противоречивости.
  • Обеспечивать легкое восприятие.
  • Позволять пользователю структурировать информацию и вносить новые данные.
  • Удовлетворять требования производительности.

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

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

зачем нужна структура разделов сайта?

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

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

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

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

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

Как создать структуру своего сайта с примерами

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

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

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

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

Коммерческий ресурс

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

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

Блог или контентный проект

Блог по своей сути является смесью новостного и статейного сайта, где пользователь в большей степени ориентируется на дату.

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

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

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

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

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

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

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

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

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

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

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

Об этом мы поговорим позже.

Заключение о правильной структуре сайта

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

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

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

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

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

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

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

Adblock
detector