Содержание

Правильная структура веб сайта под SEO: примеры, виды и 15+ рекомендации по разработке структуры

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

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

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

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

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

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

Хорошая структура = эффективное СЕО-продвижение

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

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

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

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

Хорошая структура = доверие поисковой системы к сайту

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

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

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

Типы структур сайтов: уровни иерархии и классификация

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

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

  1. Главная;
  2. Товары для кухни;
  3. Мелкая бытовая техника;
  4. Электрические чайники;
  5. Товарная карточка.

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

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

Алфавитная организация структуры

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

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

Хронологическая организация

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

Географическая организация

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

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

Тематическая организация

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

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

Организация, ориентированная на целевую аудиторию

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

Менее популярные организации

Более редкие и менее встречаемые организации структуры при работе с SEO сайтами — основанная по задачам и метафорическая.

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

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

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

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

Гибридная организация

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

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

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

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

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

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

  1. Структура должна быть максимально понятной посетителю. Градация всех товаров по их предназначению должна быть интуитивно доступна. Предположим, потенциальный клиент посетил ваш интернет-магазин одежды для всей семьи с целью покупки куртки для своего ребенка. Если схема ресурса не предусматривает категорию «Детская одежда», то клиент попросту потеряется между другими категориями, например «Одежда» и «Товары для детей», где будут размещены сопутствующая продукция по уходу за ребенком;
  2. Вложенность страниц каталога должна быть максимально оптимизирована и логична. Не создавайте дополнительные мини-каталоги, запутав посетителя и заставив его выполнить с десяток кликов для поиска необходимого. Логическая и правильная оптимизация — залог успеха;
  3. Простая навигация. Разместите меню, навигационные цепочки (хлебные крошки) и вспомогательные блоки (например, сопутствующие товары). Это поможет пользователю сориентироваться в ассортименте, а также быстро переходить с одной страницы на другую.

Требования разработки схемы сайта для поисковых систем

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

Пример неправильного урла: mysite.com.ua/index.php?docid=17_88UaWp8hXtvMnFA-4P-e8Vj8MQItEPbk&ln=ru

Пример правильного: mysite.com.ua/catalog/divany/uglovoy

Как видите, вложенность каталога просматривается только во втором случае, что позволяет и пользователю, и поисковику прочитать и посмотреть URL, поняв что находится на странице.

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

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

Структура сайта визитки

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

Структура коммерческого сайта компании

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

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

Структура сайта интернет магазина

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

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

Структура информационного портала

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

Как сделать структуру сайта

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

Семантическое проектирование сайта

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

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

Обобщение категорий

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

Расставление приоритетов в навигации

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

Раскрытие потребностей для разных групп ЦА

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

Это поможет потребителю быстрее найти информацию в зависимости от его запросов.

Добавление возможности масштабирования

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

Распространенные ошибки структуры web сайта, которые не следует делать

Правильная структура помогает пользователю ориентироваться на сайте. Но иногда чересчур большие усилия по созданию древовидной схемы играют злую шутку — усложняют юзабилити, что, в результате, негативно сказывается на СЕО. Приведем 7 распространенных ошибок в структуре web-сайта, которые приведут к снижению потребительских факторов.

1. Детальная разбивка ассортимента и, как следствие, большая вложенность страниц на ресурсе

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

2. Неточное или непонятное название категорий

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

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

3. Использование в названии категории сразу несколько слов-синонимов одного термина

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

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

4. Использование в категории отдельных групп товаров с указанием бренда

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

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

5. Ограниченное количество фильтров и их параметров

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

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

6. Дублирование товаров и категорий

Желательно, чтобы URL товара не зависела от категории, в которой расположен данный товар. А товары, которые могут быть сразу в нескольких категориях очень много. Например, есть категория «плойки», а есть «утюжки», но есть товар «плойка-утюжок» и кто-то подобное ищет в «плойках», а кто-то, напротив, в «утюжках» и надо показывать товар и там, и там. И то же самое с категориями, если их ищут в двух разных разделах, то показываем их в меню и там, и там, а по URL это все должно находиться только по одному адресу, чтобы не создавать дубликатов для поисковых систем. Это является одной из серьезных ошибок при разработке коммерческого сайта. Хотите узнать больше об этом? Читайте подробнее о распространенных 20 ошибках новичков при создании сайта.

7. Недостаточная классификация товаров

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

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

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

Так какая же ты, правильная продающая структура сайта?

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

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

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

Следующий проект:Правильные сочетания и подбор цвета для сайта: рекомендации для новичковПредыдущий проект:Какой домен выбрать для сайта? Правила по выбору доменного имени сайта для развития бизнеса в Интернет

Описываем структуру сайта в приложении FreeMind.

Для начала немного теории. Как известно, структура веб сайта – это визуальное представление внутреннего каркаса сайта. Существует несколько ее разновидностей:

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

Приложение FreeMind служит для создания диаграмм связей или интеллект-карт. Диаграмма связей описывается в виде древовидной схемы, очень схожей с древовидной структурой сайта. Так как древовидная структура сайта самая распространённая, мы можем использовать приложение FreeMind для описания структуры сайта. К тому же FreeMind — бесплатная программа, распространяемая по лицензии GNU GPL V2+. С ней очень удобно и просто работать.

Скачать FreeMind можно со страницы проекта на sourceforge.net. Приложение написано на Java, поэтому для его работы требуется виртуальная машина JRE (Java Runtime Environment) версии 1.4 и старше.

Примеры использования FreeMind.

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

  • Компания
    • О компании
    • Руководство
    • Миссия и стратегия
    • История
    • Вакансии
  • Новости
  • Продукция
    • Мягкая мебель
    • Офисная мебель
    • Мебель для кухни
    • Офисная мебель
  • Услуги
  • Контакты
  • Авторизация

Меню демо-сайта выглядит так:

Программа FreeMind предназначена для создания интеллект-карт, а как известно все интеллект-карты состоят из узлов. В нашем случае узлы – это разделы сайта. При создании новой карты на ней уже присутствует один корневой узел. Переименуем его в «Корпоративный сайт». Теперь можно добавлять к узлу «Корпоративный сайт» подчиненные узлы, следуя по структуре нашего сайта, начиная с раздела «Компания» и заканчивая страницей «Авторизация». Для этого просто щелкайте правой кнопкой мыши по узлу и выбирайте пункт «Новый подчиненный узел» (или нажимайте Insert). После добавления первого узла, остальные узлы того же уровня можно добавлять щелкая правой кнопкой мыши по узлу и выбирая пункт меню «Новый смежный узел после текущего».

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

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

В конце статьи можно увидеть скринщот разработанной структуры демо-сайта.

После создания документа, с описанием структуры нашего сайта, его можно экспортировать в различные форматы. Например, PDF, PNG, SVG и JPEG, а также HTML и XHTML.

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

Как и у любой другой программы, у FreeMind существуют альтернативы как распространяемые бесплатно, так и коммерческие. Из бесплатных приложений, схожих по функционалу с FreeMind можно назвать Thinkgraph и VYM — View Your Mind , а из коммерческих продуктов — MindManager и Inspiration , а также другие аналогичные приложения.

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

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

Время прочтения: 12 минут

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

Что Вас ждёт впереди…

  1. Что такое структура сайта?
  2. Как создать структуру сайта?
  3. Типичные ошибки при создании структуры сайта?
  4. Заключение

Что такое структура сайта и какую роль она играет

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

Простейшая иерархическая структура сайта

Структура отражается в системе навигации сайта:

  • В меню.
  • В хлебных крошках.
  • В HTML-карте сайта (для людей).
  • В XML-карте сайта (для поисковых роботов).

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

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

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

Структура категории «Компьютеры и ноутбуки»

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

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

Поисковики считывают структуру сайта из карты sitemap.xml. Если ее нет, роботы используют HTML-карту сайта или результаты обхода. Структуру сайта глазами «Яндекса» можно увидеть в «Вебмастере» в соответствующем разделе.

Структура сайта в «Вебмастере»

Как создать структуру сайта

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

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

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

Переносим структуру интернет-магазина на бумагу

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

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

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

Отражаем страницы каталога первого уровня

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

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

Отражаем страницы второго уровня

Для страниц второго уровня можно указать дочерние страницы. Например, для страницы «Косметика после бритья» дочерними будут страницы «Лосьоны», «Бальзамы», «Кремы».

Отражаем страницы третьего уровня

Обратите внимание, в каталоге можно реализовать параллельные структуры. Например, косметика может классифицироваться по категориям на до, для и после бритья. Одновременно на сайте можно создать категории производителей. Тогда параллельная структура будет выглядеть так: Косметика – Производители – Gillette – Страница товара.

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

Когда структура будет готова, переходите к ее реализации на сайте.

Как реализовать структуру сайта

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

Создаем дочернюю страницу «Контакты»

На платформе Recommerce структура каталога задается с помощью разделов. В меню «Каталог» нажмите кнопку «Добавить раздел в корень».

Добавляем раздел в корень

Укажите свойства раздела, добавьте фото.

Указываем свойства раздела

На вкладке «Текст» добавьте текст с описанием раздела. На вкладке SEO укажите title, description и ключи. Здесь же можно временно закрыть раздел от индексации и указать URL раздела вручную.

Настраиваем SEO страницы раздела

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

Создаем подразделы

В итоге структура каталога должна быть логичной и удобной для серфинга.

Возможная структура одного из разделов каталога

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

Навигационное меню создается автоматически

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

Дополнительные элементы навигации делают структуру удобной

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

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

Начинающие e-коммерсанты и вебмастера часто допускают типичные ошибки при планировании структуры каталога и сайта в целом. Вот самые яркие примеры:

Отсутствие общих категорий

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

Отсутствие фильтров

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

Отсутствие параллельных структур

Добавление товара в несколько тематических категорий повышает его видимость. Например, крем для бритья фирмы X можно поместить в категории «Товары фирмы X», «Кремы для бритья», «Косметика для бритья» и даже «Идеи подарков».

Незаметное навигационное меню

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

Заключение

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

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

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

Понравилась статья? Поделитесь с друзьями! 

 

Please enable JavaScript to view the comments powered by Disqus.

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

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

Что такое логическая структура сайта

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

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

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

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

Рекомендации Google по структуре сайта

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

  1. Используйте текстовые, а не баннерные (в виде изображения) ссылки. Это даст поисковым роботам возможность четче оценить релевантность ссылки, то есть упростит сканирование и анализ контента страниц вашего сайта.
  2. Для посетителей создайте страницу навигации (HTML-карту сайта) и файл Sitemap.xml, в котором укажите целевые URL и даты последних изменений, чтобы Googlebot быстрее нашел новые и измененные страницы вашей структуры.

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

  4. Используйте человекопонятные адреса страниц (ЧПУ) вместо идентификаторов. Они более понятны для посетителя, легче запоминаются и показывают, на какой странице оказался пользователь.

Например, вместо https://site.com/index.php?cat=10&subcat=2&id=41 используйте https://site.com/product/phone/samsung/.

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

Подробнее о рекомендациях Google можно почитать в справке.

Рекомендации от Яндекс

  1. Придерживайтесь четкой иерархии страниц. У каждого документа должен быть свой раздел.
  2. Используйте карту сайта. Создайте файл Sitemap и загрузите его в Яндекс.Вебмастер или укажите ссылку на файл в Robots.txt. Поисковый робот будет быстрее индексировать и анализировать нужные документы.
  3. Ограничивайте индексирование служебной информации с помощью файла Robots.txt, чтобы не тратить ресурсы на ненужные для пользователя страницы.
  4. Используйте уникальные URL-адреса страниц. Каждая страница должна быть доступна только по одному адресу.
  5. Делайте текстовые ссылки на другие разделы сайта, чтобы робот мог понять их содержимое.
  6. Проверяйте корректность symlink-ов, чтобы при переходе на другие страницы сайта не создавался бесконечно растущий URL. Например, example.com/vasya/vasya/vasya/vasya/.

Больше рекомендаций по структуре сайта от Яндекс ищите в справке.

Для чего нужна правильная структура сайта

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

  1. Повышение юзабилити. Простая и удобная навигация дает возможность пользователю быстрее найти необходимую ему информацию. Это позволит задержать его на сайте и улучшить поведенческие факторы ранжирования.
  2. Ускорение индексации страниц. Логическая структура сайта помогает поисковым роботам понять, какие страницы важны для веб-мастера и конечного пользователя. Оптимизаторы придерживаются правила трёх кликов, где самые важные страницы не должны находиться дальше 3-х кликов от главной. В противном случае, поисковики могут не проиндексировать страницу, сделать это позже или её приоритет будет очень мал.
  3. Уменьшение количества технических ошибок. Правильная структура позволит избежать большого количества дублей страниц, что позволит сэкономить время и деньги на продвижение.
  4. Распределение внутреннего ссылочного веса. Ссылочный вес распределяется в соответствии с важностью страниц. Необходимо, чтобы на продвигаемые страницы вело достаточное количество внутренних ссылок. Чем больше ссылок ведет на приоритетные страницы, тем они важнее для поисковых систем.
  5. Охват большого количества запросов. Создание дополнительных разделов, категорий и посадочных страниц под узкие группы запросов дает возможность ранжироваться по большому количеству ключевых слов. Такие страницы будут более релевантны подобранной узкой группе запросов, что позволит привлечь больше органического трафика.

{«0»:{«lid»:»1573230077755″,»ls»:»10″,»loff»:»»,»li_type»:»em»,»li_name»:»email»,»li_ph»:»Email»,»li_req»:»y»,»li_nm»:»email»},»1″:{«lid»:»1596820612019″,»ls»:»20″,»loff»:»»,»li_type»:»hd»,»li_name»:»country_code»,»li_nm»:»country_code»}}

Истории бизнеса и полезные фишки

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

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

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

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

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

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

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

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

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

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

Древовидная (иерархическая) структура сайта. Самый популярный и оптимальный вариант для большинства сайтов. Каждая последующая страница — часть предыдущей. 

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

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

Ошибки при создании структуры сайта

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

Страница оптимизирована под разный интент (смысл, который вкладывает пользователь в запрос в поисковике). Например, используя Serpstat, проверяем частотность по запросу «тумбы и комоды». Видим, что пользователи не часто вводят в поиске такое словосочетание:

Будет намного эффективнее, если вы создадите отдельно страницу «Тумбы» и страницу «Комоды»:

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

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

Также создал фильтр «Тип» со значением «Мультипликаторная катушка»:

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

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

Например, на сайте доставки цветов присутствуют разные страницы: недорогие цветы, дешевые цветы, бюджетные цветы.

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

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

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

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

Для небольших веб-ресурсов отсутствие карт сайта — не критическая ошибка.

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

Запомнить

  1. Логическая структура сайта — это основа вашего веб-ресурса. От того, насколько правильно и качественно будет проработана структура, зависит успех дальнейшего взаимодействия пользователей и поисковых роботов с сайтом.
  2. При создании правильной структуры сайта необходимо придерживаться рекомендаций поисковых систем.
  3. Преимущества логической структуры:
  • повышение юзабилити;
  • ускорение индексации страниц;
  • уменьшение количества технических ошибок;
  • распределение внутреннего ссылочного веса; 
  • охват большого количества запросов. 
  1. Вид структуры зависит от типа вашего сайта:
  • линейная структура сайта;
  • линейная с ответвлениями;
  • блочная структура;
  • древовидная структура.
  1. Типичные ошибки при создании правильной структуры:
  • страница оптимизирована под разный интент пользователя;
  • дубли страниц;
  • нечёткие дубли;
  • большой уровень вложенности страниц;
  • отсутствие карт сайта;
  • несоблюдение иерархии страниц.

Как создать сайт? Структура и контент / Хабр

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

Пример структуры веб-сайта (Блоки кликабельны)

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

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

Начало

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

Кстати можно быстро и бесплатно визуализировать структуру почти любого веб-сайта c помощью инструмента visual sitemap generator, нужно просто ввести адрес сайта.

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

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

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

Звучит многообещающе? Тогда начинаем!

Основной совет


Навигация и футер

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

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

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

Максимизируйте CTR

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

Поэтому, разместив наиболее ценную информацию и элементы призыва к действию CTA (call-to-action) в эффективном первом поле экрана, вы увеличите показатель кликабельности (CTR — click-through rate) и завладеете вниманием посетителя. Речь идет буквально о 3-4 секундах, за которые посетитель сканирует экран и, не найдя быстро нужной информации, чаще всего сразу покидает страницу.

Призыв к действию (CTA)

Следующий шаг — убедитесь, что элементы call-to-action (CTA), призывающие к конкретному целевому действию, расположены в нужном месте. Стандартным способом размещения CTA является добавление соответствующей кнопки, но также распространены и другие формы — картинки, видео, ссылки.

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

Политика конфиденциальности GDPR

Если ваша целевая аудитория — это клиенты из стран ЕС, то обработка данных пользователей должна соответствовать правилам обработки персональных данных GDPR (General Data Protection Regulation), принятых в Европе.

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

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

Структура


Мы уже сделали это за вас

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

Вот эти страницы, из которых состоит грамотно сбалансированная структура сайта:

  • Главная
  • О нас
  • Продукты / Услуги
  • FAQ
  • Вакансии
  • Блог
  • Контакты
  • Ошибка 404
  • Правовая информация

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

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

  • Главная
  • О нас
  • Продукты / Услуги
  • Контакты
  • Правовая информация

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

Вы можете заранее выбрать организацию содержания каждой страницы из таких вот вайрфреймов (low-fidelity wireframes). Это очень удобно для вас и разработчиков.

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

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

Главная страница

Для чего создавать:

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

Содержание:

  • Hero image / Основной визуальный посыл
  • Продукт / Услуги
  • Ключевые преимущества
  • О нас
  • Вакансии
  • Отзывы (тематические исследования, рекомендации)
  • CTA

Пример главной страницы — iea.org

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

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

“Главная страница — это как лобби отеля. Хотя это и важная часть отеля, но это не то место, где ваши гости хотели бы остановиться. Они хотят попасть в свой номер.”

Hero image

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

Чтобы лучше понять какой посыл должно нести это изображение, ознакомьтесь с концепцией JTBD (jobs-to-be-done), краткий смысл которой состоит в том, что у клиента на данный момент есть конкретная задача / проблема, которую надо выполнить, и он ищет лучшее решение (продукт), который поможет ему в этом. Ваша же цель — дать ему понять, что ваш продукт решает эту задачу.

Ваши продукты / услуги

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

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

Как сказал Саймон Синек в своей знаменитой речи — люди покупают не то, ЧТО вы делаете, они покупают то, ПОЧЕМУ вы делаете это.

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

Социальное влияние

Люди склонны прислушиваться и доверять своему окружению. Еще один прекрасный способ быстро внедрить и распространить информацию — это добавить отзывы о вашей компании или продуктах. Сосредоточьтесь на вашей целевой аудитории и добавьте соответствующие отзывы. Чем более известен и публичен автор отзыва, тем лучше. Не беспокойтесь, если вы еще не засветились на TechCrunch или Forbes; ваши посетители должны быстро установить положительный эмоциональный контакт с рецензентами, вот что важно на данный момент.

О нас

Зачем создавать:

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

Содержание:

  • История / timeline
  • Цели и миссия компании
  • Отзывы
  • Команда
  • Партнеры
  • Видео
  • Статистика
  • Интересные факты

Пример страницы О компании — hines.com/about

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

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

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

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

История компании

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

Ваши основные принципы

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

И снова отзывы

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

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

Люди за кулисами

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

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

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

Партнеры

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

Запишите видео

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

Статистика и интересные факты

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

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

Продукты / услуги

Зачем создавать:

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

Содержание:

  • Изображения
  • Описание
  • Особенности и преимущества
  • Цены
  • Отзывы / рекомендации
  • Контактная форма
  • FAQ

Пример страницы Услуги/Продукты — stripe.com/payments

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

Вместе или раздельно

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

Визуальный язык

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

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

Описание продукта

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

Особенности и преимущества (ценность)

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

Цены

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

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

Наличие отдельной ценовой страницы (продукты / услуги) хорошо для вашего SEO: больше страниц в вашем индексе, больше ключевых слов для ранжирования в содержании страницы. Еще одним преимуществом отдельного расположения цен является возможность точной настройки пути вашего клиента, особенно в воронках B2B. Но общее правило — лучше сразу экономить ресурсы и указывать цены на своей домашней странице.

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

Актуальность обратной связи

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

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

Будьте на связи

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

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

Подготовьте ответы на вопросы заранее

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

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

Навигация

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

FAQ

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

  • Вопросы и ответы
  • Поиск
  • Живой чат

Пример страницы Помощь / FAQ — help.dropbox.com

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

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

Разделение по темам

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

Поиск

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

Отвечайте на вопросы напрямую

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

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

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

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

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

Вакансии

Зачем создавать:

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

Содержание:

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

Пример страницы Вакансии — spotifyjobs.com

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

Чем вы лучше остальных?

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

Кого конкретно вы ищете?

Ключевой раздел вашей страницы «Карьера» — это вакансии. Как и FAQ, этот раздел нуждается в классификации. Сегментируйте свои вакансии по уровню профессионализма, или отделу. Если у вас много вакансий одновременно, рассмотрите возможность добавления фильтра или поля поиска.

Отдельная страница для каждой вакансии

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

Аргументируйте

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

Блог

Зачем создавать:

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

.

Содержание:

  • Контент, который создает ценность
  • Привлекательные изображения
  • Видео
  • Комментарии
  • CTA
  • Ссылки на профили в соцсетях

Пример страницы Блог — goodonyou.eco/category/stories

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

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

“Напрасно ты приобрел знания, если не передал их другим”
Дварим Рабба (комментарий к Книге Второзаконие)

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

Мы уже упоминали про рейтинг по релевантным ключевым словам. Для этого убедитесь, что ваши тексты имеют относительно большой объем, не менее 250 слов. Для лонгридов — от 800 слов. Осторожно придерживайтесь SEO оптимизации текстов.

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

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

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

Заманите читателя

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

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

С точки зрения Pillar модели это позволит URL-адресам, таким как «https://yoursite.com/blog/#seo», выступать в качестве идеальных хабов для накопления органического трафика со смежных кластерных страниц. Роботы идентифицируют страницы как смежные, если они правильно сшиты.

Упорядочьте содержимое

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

Изображения и видео

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

Позвольте аудитории высказаться

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

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

Кнопки навигации

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

Расшарьте контент

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

Страница новостей

Что у нас по новостям? Похоже, что на сайтах компаний менее 1% посетителей считают новости стоящими своего времени. Кроме того, корпоративные новости часто воспринимаются как слишком субъективные и самовосхваляющие. Изучите поведенческие паттерны групп пользователей; возможно, вы обнаружите, что тот небольшой процент посетителей, интересующихся вашими новостями — это те, кто конвертируются лучше остальных.

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

Контактная информация / связаться с нами

Зачем создавать:

позволить посетителям оперативно связаться с вашей компанией и улучшить SEO.

Содержание:

  • Номера телефонов, e-mail (для разных целей)
  • Форма обратной связи
  • Карта

Пример страницы Контакты — rndhouse.com/contact

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

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

Категоризация

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

Создайте форму

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

Местоположение

Еще одна полезная функция для страницы контактов — отображение местоположения вашего офиса на карте. Просто адрес уже никому неинтересен. Некоторые компании выходят за рамки стандартной Google Maps или Яндекс Карты и превращают свою карту в нечто уникальное.

Ошибка 404

Зачем создавать:

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

Содержание:

  • Изображения / видео / интерактивные элементы
  • Сообщение об ошибке
  • Ссылки на другие страницы сайта

Пример страницы Ошибка — netflix.com/notfound

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

Ключевые моменты

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

Плохо, если ваша страница с ошибкой по сути является тупиком, такой вариант не понравится ни вашим посетителям, ни SEO. Можно и нужно перенаправлять трафик со страницы ошибки в правильное место.

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

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

Правовая информация

Зачем создавать:

расскажите о своем соответствии требованиям законодательства.

Содержание:

  • Политика конфиденциальности
  • Уведомления об авторских правах
  • Правила и условия пользования
  • Дисклеймер
  • Злоупотребление или жалобы контактная информация
  • Патенты
  • Корпоративная политика

Пример страницы Privacy Policy — samuelsre.com/privacy-policy

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

Убедитесь, что документация изложена безошибочно и проверена вашими юристами, а также:

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

Заключение

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

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

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

Что касается нас, авторов этого руководства, то мы занимаемся этим уже 18 лет. И весь свой опыт постарались аккумулировать (помимо этого гайда) в мощном и одновременно простом инструменте Octopus.do, с помощью которого вы сможете бесплатно создать структуру веб-сайта, планировать контент и делиться этим с кем угодно. Регистрация необязательна.

Структура сайта — пример коммерческого сайта с наглядной структурой

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

Структура сайта и компоненты схемы — пример будет приведен в статье

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

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

Кстати, первый урок по структуре Структура сайта – зачем и что такое эт?

1. Описание свадебного информационного портала.

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

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

Пример структуры — сайт имеет схему с 15 элементами

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

1.1 Описание информационного портала

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

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

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

1.2 Схема информационного портала

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

Схема структуры сайта может включать в себя элементы (блоки) разных типов:

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

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

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

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

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

1.3 Описание блоков информационного портала

Для информационных важно SEO. Чтобы привлечь больше, повысить посещаемость используйте SEO:

  • Урок по Seo структуре сайта здесь

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

1) Блок «Новости» — содержит новостную ленту из различных источников — ресурсов, связанных со свадебной тематикой. Благодаря ему содержимой страниц сайта меняется каждый день — потому что обновление новостей происходит ежедневно. Каждая новость участвует в структуре и содержимом сайта только определенный промежуток времени — в начале следующего месяца, новость устаревает и попадает в архив. Впрочем, новости не удаляются из архива — наоборот, они копятся и заставляет структуру сайта увеличиваться в объеме и делать посещаемость сайта выше с каждым днем.
2) Блок «Акции» — содержит объявления из различных источников (купонаторы, порталы компаний, магазинов и т.д.) информацию об акциях, скидках и т.д., связанных с организацией свадьбы и существующих в данный момент времени на рынке, по достижению конца акции, информация удаляется. Это очень полезный компонент структуры — посетители смогут сами оставлять информацию о проводимых у них акциях, но размещение возможно только после проверки модератором. Таким образом, не все ссылки в данном блоке ведут на страницы сайта — в большинстве случаев это ссылки на другие ресурсы.
3) Блок «Свадебная Энциклопедия» — содержит классическую информацию (статьи, фото, видео на отдельных страницах) об организации свадьбы. Этот блок структуры сайта помогает пользователям при ответе на свои вопросы. Кроме того, он также привлекает на сайт дополнительный трафик.
4) Блок «Тренды» — содержит современную, модную информации (статьи, фото, видео) об организации свадьбы, после 12 месяцев с даты размещения информации, она переходит в блок свадебной энциклопедии. Структура данного блока может быть разной — от простого перечисления трендов в текстовом формате до эргономичного слайдера с соответствующими фото и привлекательными названиями. Те части структуры, что могут иметь различное строение, имеют на схеме соответствующие подписи.

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

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

Порядок и требования и к оказываемым наполнению структуры

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

2.1 Порядок оказываемых услуг.

Порядок оказания услуг по наполнению информационного ресурса обычно делят на 3 этапа:

1) Начальный этап – создание страниц и размещение базовой информации на портале.
Цель данного этапа – сформировать минимальный объем данных на портале, для размещения его в сети.
2) Этап развития – продолжение размещения информации на сайте, согласно его структуре и плану продвижения.
Цель данного этапа – еженедельное увеличение аудитории портала.
3) Этап оптимизации – регламентированное добавление информации на портал в виде новых страниц. В данный этап реализации структуры сайта входит также оптимизация существующей информационной базы.
Цель данного этапа – выход в топ 10 поисковых систем.

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

2.2 Основные требования к разработке и наполнению

Основой для выполнения плана по разработке и реализации структуры сайта являются четыре пункта:

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

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

Контент-план наполнения сайта — пример для структуры

Резюме

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

Главная

Агентство интернет-маркетинга «Авентон» предоставляет профессиональные услуги интернет-продвижения сайтов в Москве и других регионах России с 2005 года. Наш огромный практический опыт и экспертный уровень владения технологиями – залог высоких позиций Вашего сайта в поисковой выдаче и прибыльности Вашего бизнеса.

Наши основные услуги:

  • Продвижение сайтов

    Продвижение и раскрутка сайта в поисковых системах Яндекс, Google и др. Выгодна для малого и среднего бизнеса из-за невысокой стоимости целевого контакта.

  • Создание сайтов

    Разработка сайтов в нашем дизайн-бюро особенно выгодна нашим клиентам. Закажите разработку сайта у нас и получите 5% скидку на его поисковое продвижение!

  • Контекстная реклама

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

  • Маркетинг в соцсетях

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

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

Более 10 лет мы обеспечиваем

превосходные результаты:

Повышение коммерческой
эффективности сайтов
Пример: Russianelka
  •  

    Кол-во
    звонков
  •  

    Новых
    посетителей
  •  

    Всего
    посетителей
Пример: Stella-Tech
  •  

    Кол-во
    звонков
  •  

    Новых
    посетителей
  •  

    Всего
    посетителей
Пример: Expoparts
  •  

    Кол-во
    звонков
  •  

    Новых
    посетителей
  •  

    Всего
    посетителей
Пример: Plaid
  •  

    Кол-во
    звонков
  •  

    Новых
    посетителей
  •  

    Всего
    посетителей
Предыдущий Следующий Продвижение ключевых слов
в поисковых системах
Пример: Коелгакарб

Мрамор микроизмельченный >> 1 место

Измельченный мрамор >> 2 место

Мраморный наполнитель >> 3 место

Мраморный наполнитель купить >> 3 место

Мраморная мука купить >> 3 место

Пример: Stella-Tech

Такелажное оборудование >> 3 место

Тележки для перевозки коле >> 3 место

Ремонт тележек >> 5 место

Тележка для бочек >> 6 место

Тележка для лестниц >> 7 место

Пример: ПрофДекор

Жалюзи вертикальные >> 2 место

Вертикальные жалюзи >> 2 место

Деревянные жалюзи >> 3 место

Горизонтальные жалюзи >> 3 место

Купить горизонтальные жалюзи >> 4 место

Пример: Russianelka

Елочные игрушки >> 1 место

Кукла под елку >> 1 место

Куклы под елку >> 1 место

Авторские елочные игрушки >> 1 место

Елочные игрушки ручной работы >> 5 место

Пример: Expoparts

Купить запчасти авто оптом >> 1 место

Запчасти оптом на авто >> 5 место

Купить запчасти оптом на авто >> 5 место

Продажа запчастей оптом >> 6 место

Запчасти на авто оптом >> 6 место

Пример: Медис Клиник

Анализы на рак груди >> 4 место

Пэт кт печени >> 5 место

Пэт кт легких >> 6 место

Рак шейки матки цена >> 6 место

Радиочастотная абляция москва >> 7 место

Пример: Центр Дмитрия Петрова

16 дмитрий петров >> 1 место

Полиглот петрова >> 1 место

Петров язык >> 1 место

Дмитрий петров >> 1 место

Дмитрия петрова >> 1 место

Пример: Студия аэрографии Николая Михайлова

Аэрография на шлеме >> 1 место

Аэрография на мотоциклах >> 2 место

Аэрография на автомобилях >> 2 место

Аэрография в москве >> 3 место

Сделать аэрографию >> 3 место

Пример: Лагерь Орлёнок

Детский лагерь орлено >> 2 место

Сайт лагеря орленок >> 2 место

Лагерь орленок >> 2 место

Орленок всероссийский детский лагерь >> 3 место

Орленок >> 3 место

Пример: toriclinic.ru

Прессотерапия >> 2 место

Обертывание для похудения >> 2 место

Косметология москва >> 3 место

Похудение обертываниями >> 3 место

Косметология в москве >> 3 место

Пример: Artek-Galaxy

Путевка в артек официальный сайт >> 4 место

Путевки в лагерь артек >> 4 место

Лагерь артек в крыму >> 5 место

Купить путевку в артек >> 5 место

Лагерь артек 2020 >> 6 место

Пример: Солви Пак

Этикетка колбасы >> 2 место

Этикетка воды >> 2 место

Этикетка минеральной воды >> 2 место

Этикетки моторное масло >> 5 место

Этикетка на бутылку вода >> 5 место

Пример: Аквабур

Скважина под ключ >> 1 место

Скважина на воду под ключ >> 2 место

Бурение на воду >> 2 место

Скважина под воду >> 3 место

Скважина под воду цена >> 5 место

Пример: Проперегородки

Сантехнические кабины >> 1 место

Перегородка для туалета >> 2 место

Перегородки для туалета >> 3 место

Сантехнические перегородки из лдсп >> 4 место

Перегородки сантехнические из лдсп >> 4 место

Предыдущий Следующий

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

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

Какова структура веб-сайта?

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

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

Роль дизайнера — создать веб-сайт с отличным UX и простым в использовании. Отличная структура веб-сайта повышает удобство использования или удобство использования вашего веб-сайта, позволяя пользователям легко находить то, что они ищут.Чтобы создать структуру веб-сайта, вам необходимо наметить, как вы будете организовывать контент на своем сайте (домашняя страница, категории, отдельная страница, сообщения в блоге).

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

Как выбрать лучшую структуру для вашего сайта

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

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

Элементы хорошей структуры веб-сайта (плюс наглядные примеры)

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

Давайте посмотрим на каждый из этих элементов и на то, как вы можете оптимизировать их в процессе проектирования:

Домашняя страница

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

Вот как разработать полезную навигацию / меню для вашего веб-сайта:

Навигация / меню

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

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

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

Основная навигация / меню (Источник)

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

Дополнительное вертикальное меню (Источник)

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

Категории и подкатегории

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

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

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

Категории и подкатегории (Источник)

Отдельные страницы / сообщения

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

Маршруты из хлебных крошек

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

Тропа из хлебных крошек (Источник)
Теги

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

Например, в блоге Grammarly используются такие теги, как «как сделать», «продукт» и «вдохновение» для группирования содержания блога.

Теги блога (Источник)

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

Связанные теги (Источник)

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

Вот лучшие практики для создания тегов:

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

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

Контекстные ссылки (Источник)

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

Простое включение структуры веб-сайта в свой дизайн

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

Руководство по различным типам структур веб-сайтов

Иллюстрация Тридиба Даса

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

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

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

Правильно спроектированная веб-структура помогает пользователям легко ориентироваться и достигать своих целей с помощью удобной навигации и категоризации.Изображение предоставлено Adobe Stock.

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

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

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

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

Есть ли идеальная структура сайта?

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

Идеальная структура веб-сайта выглядит как пирамида, начиная с домашней страницы вверху, затем категорий, подкатегорий и отдельных сообщений и страниц. Изображение предоставлено Yoast.
  • Домашняя страница — Домашняя страница находится на вершине пирамиды. Он действует как центр для посетителей вашего сайта. Дизайнеры должны ссылаться на важные или популярные страницы с домашней страницы.Таким образом дизайнеры смогут легче направлять пользователей к наиболее важным страницам.
  • Категории — Категоризация — важная часть структуры веб-сайта. С помощью хорошей категоризации дизайнеры могут помочь пользователям принимать решения быстрее и проще. Дизайнеры могут использовать категории, чтобы сократить время, затрачиваемое на принятие решения.
  • Подкатегории — они играют важную роль в определении структуры веб-сайта. Например, на таких онлайн-площадках, как eBay и Amazon, количество страниц почти невозможно.Пользователю будет легко потеряться в предоставленной информации. Подкатегории предоставляют структурированную методологию просмотра и категоризации информации значимым образом, особенно для веб-сайтов со сложными данными.
  • Отдельные сообщения и страницы — Отдельные сообщения и страницы являются основными элементами веб-сайта. Дизайнерам следует сосредоточиться на том, как создать значимую информационную иерархию на каждой странице, чтобы пользователю было меньше думать о потреблении контента.

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

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

Иерархическая модель

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

Иерархическая модель — один из наиболее распространенных типов архитектуры сайта.Иерархическая модель часто используется в веб-приложениях, содержащих большой объем данных. Иерархическая модель похожа на дерево тем, что у нее есть ствол (например, домашняя страница), который разветвляется на категории и страницы. Такие сайты, как CNN.com и BBC.co.uk, являются прекрасными примерами иерархической модели.

Последовательная модель

Последовательная модель может использоваться для разработки потоков для процесса. Изображение кредита slickplan.

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

Матричная модель

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

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

Модель базы данных

Модель базы данных веб-структуры определяет логическую структуру базы данных. Изображение кредита slickplan.

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

Почему вам следует начать со структуры сайта

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

Что такое структура сайта и почему это важно? • SEO для начинающих • Yoast

Марике ван де Ракт

Мариеке ван де Ракт — генеральный директор Yoast. Ее основное внимание уделяется развитию компании. Она действительно любит поддерживать открытую и дружелюбную корпоративную культуру. Марике также активно участвует в маркетинге Yoast и Yoast SEO Academy: платформы онлайн-курсов.

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

Какова структура сайта?

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

Научитесь делать это хорошо.Наш тренинг по структуре сайта научит вас, как настроить лучшую структуру сайта для ваших посетителей и Google!

По мере роста вашего сайта он будет загроможден

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

Почему? Позвольте мне рассказать вам небольшую историю. Жила-была эта молодая женщина.Ее зовут Алиса. Алиса встает каждое утро, садится за свой стол и начинает писать красивый рассказ. Она пишет по одной истории каждый день. Алиса печатает все свои истории на этой красивой старинной пишущей машинке. Когда она заканчивает писать, она вынимает листок из машины и кладет свой прекрасный новый рассказ на стол. Как вы понимаете, ее стол будет постепенно захламляться всеми этими листами бумаги. Через год написания у нее будет 365 листов бумаги. После трех лет написания у нее будет больше тысячи.Алиса не сможет найти свою любимую историю из-за обилия историй на ее столе.

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

Почему структура сайта важна для Google и пользователей?

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

1. Структура — это руководство для Google

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

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

2. Отсутствие конкуренции с вашим контентом

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

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

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

3. Структура сайта важна для UX

Таким образом, хорошая структура сайта поможет вашему сайту занять высокие позиции в Google. Но не забывайте, что структура сайта также важна для опыта пользователя (UX). Структура вашего сайта должна отражаться в навигации по вашему сайту.Если эта структура понятна, ваша аудитория легко найдет свой путь на вашем сайте. Хороший UX увеличит ваши шансы для людей конвертировать: покупать ваши продукты; подпишитесь на рассылку новостей или вернитесь для следующего визита. И Google любит сайты, которые тоже работают хорошо!

Как начать работу со структурой сайта?

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

1. Удалить старое содержимое

Во многих магазинах каждый сезон продаются разные коллекции товаров (одежда; обувь). Если вы не планируете снова продавать тот же продукт, вам следует удалить эту страницу. Однако у вас могли быть ссылки на страницу, которую вы хотите удалить. И вы знаете, что ссылки на вашу страницу важны для вашего SEO! Вы должны быть уверены, что пользуетесь этими ссылками, даже если страница больше не существует. Вот почему вам следует перенаправить URL.

2.Оцените свои категории

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

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

3. Улучшите структуру внутренних ссылок

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

Подробнее: Избегайте этих ошибок в структуре сайта! »

Yoast поможет вам!

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

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

Заключение: начните с улучшения структуры вашего сайта

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

Продолжайте читать: Структура сайта: полное руководство »

Создание долговечной структуры веб-сайта

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

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

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

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

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

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

Иерархическая модель

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

Последовательная модель

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

Матрица

Модель

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

База данных Модель

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

Почему стоит начать со структуры сайта

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

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

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

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

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

Как выбрать лучшую структуру сайта

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

Структура сайта и аудитория

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

Иерархический

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

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

Последовательный

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

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

Матрица и база данных

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

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

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

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

Создайте свою структуру

Теперь, когда вы немного разбираетесь в структуре веб-сайтов, вы, вероятно, задаетесь вопросом, что делать дальше. Короткий ответ: начните создавать карту сайта. Нужна помощь в начале работы? Эта статья агентства цифрового маркетинга Protofuse отлично объясняет, как использовать Slickplan для представления выбранных структур сайта, планирования навигации и создания архитектуры, которая выдержит испытание временем.

Как создать структуру сайта, которая улучшит SEO

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

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

Почему структура имеет значение

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

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

Хорошая структура сайта означает удобство для пользователей.

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

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

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

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

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

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

Но как получить дополнительные ссылки? Вам не нужно просто перейти в Google Search Console и заполнить несколько полей формы. Вы не можете отправить запрос дополнительной ссылки.Вместо этого алгоритм Google автоматически награждает веб-сайты дополнительными ссылками. И они делают это на основе отличной структуры сайта.

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

Хорошая структура означает лучшее ползание.

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

Поисковый робот

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

Хорошая структура сайта лежит в основе хорошей SEO-оптимизации для поисковых роботов.

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

Шесть шагов для создания структуры сайта

Теперь я расскажу вам, как создать такую ​​структуру сайта.

1. Перед разработкой веб-сайта спланируйте иерархию.

Если вы создаете веб-сайт с нуля, у вас есть прекрасная возможность спланировать структуру сайта для наилучшего возможного SEO. Еще до того, как вы начнете создавать страницы в CMS, спланируйте свою структуру. Вы можете сделать это на доске, в программе для работы с электронными таблицами (Excel, Google Sheets), в большинстве текстовых редакторов или в чем-то вроде Visio или OmniGraffle.

«Иерархия» — это не что иное, как способ организации вашей информации — что-то простое и разумное.Ваша иерархия также станет вашей навигацией и вашей структурой URL-адресов, поэтому все важное начинается здесь.

Обычно иерархия сайтов выглядит так:

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

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

Иерархия сайта — это отправная точка для хорошей структуры сайта.

2. Создайте структуру URL-адресов, которая соответствует вашей иерархии навигации.

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

Итак, допустим, ваша иерархия выглядит так:

Структура URL-адреса китайского квартала будет выглядеть следующим образом:

www.kimsrestaurant.com/locations/chinatown

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

3. Создайте навигацию по сайту в HTML или CSS.

Создавая навигацию, делайте кодирование простым.HTML и CSS — ваш самый безопасный подход. Кодирование на JavaScript, Flash и AJAX ограничит способность сканера охватить хорошо продуманную навигацию и иерархию вашего сайта.

4. Используйте неглубокую структуру навигации.

Очевидно, что ваша структура навигации будет соответствовать иерархии вашего сайта. Убедитесь, что страницы, особенно важные, не находятся слишком глубоко внутри сайта. Мелкие сайты работают лучше как с точки зрения удобства использования, так и с точки зрения сканера, как отмечено в этой статье журнала Search Engine Journal:

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

5. Создайте заголовок, в котором перечислены ваши основные страницы навигации.

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

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

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

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

6. Разработайте комплексную внутреннюю структуру ссылок.

Внутренние ссылки закладывают основу логической иерархии сайтов. В статье Моза о внутренних ссылках перечислены три причины их важности:

  • Они позволяют пользователям перемещаться по веб-сайту.
  • Они помогают установить информационную иерархию для данного веб-сайта.
  • Они помогают распространять ссылочный вес (рейтинг) по веб-сайтам.

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

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

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

Заключение

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

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

Что вы посоветуете по улучшению структуры сайта?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью.

Заказать звонок

Это лучшая структура сайта в 2020 году, согласно Google

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

Однако один элемент, который не так часто обсуждается, — это физическая структура вашего сайта.

Это относится к всеобъемлющей иерархии вашего веб-сайта — как вы переходите с одной страницы на другую и как все они соотносятся друг с другом.

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

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

Что ж, Джон Мюллер из Google дал нам ответ на этот вопрос во время видеовстречи в Центре веб-мастеров Google.

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

Google: лучшая структура сайта

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

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

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

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

В ответ на вопрос о веб-сайтах с плоской структурой Мюллер сказал:

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

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

Эта неорганизованность временами затрудняет навигацию для пользователей.

Мюллер более подробно остановился на этом, объяснив:

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

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

Ссылки предоставляют ценный контекст для Google

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

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

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

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

Но убедитесь, что они актуальны!

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

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

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

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

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

Прежде всего: подумайте о пользователе

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

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

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

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

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

Примеры иерархии в веб-структуре | Small Business

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

Структуры веб-сайта

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

Подход пирамиды

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

Уровень три и выше

Whitehouse.gov — это пример сайта, имеющего несколько уровней, образующих сложную иерархию. Домашняя страница проста, но вы можете перейти на любую другую страницу сайта с домашней страницы. Этот тип иерархии может распространяться на многие уровни, где более низкие уровни предоставляют больше деталей, чем более высокие уровни.Хорошим примером трехуровневой иерархии является сайт с рецензиями на книги. Домашняя страница на первом уровне может предоставлять общую информацию, а также ссылки, указывающие на страницу отзывов. Эта страница, составляющая второй уровень, может содержать список книг. Когда вы щелкаете книгу, другая страница с названием «Война и мир» может отображать рецензию на эту книгу. Эта страница будет находиться на третьем уровне сайта. Если вы построите схему этой иерархии так же, как и организационную диаграмму, вы должны нарисовать рамку вверху и написать на ней «Домашняя страница».Затем вы можете нарисовать поле «Отзывы» под полем «Домашняя страница» и добавить поле «Война и мир» под полем «Домашняя страница».

Использование заголовков для отображения иерархии

Помимо организации страниц на веб-сайте, вы можете организовать содержимое страницы для отображения иерархических отношений. Заголовки, например, позволяют людям представить информацию в форме структуры, которая легко усваивается. HTML предоставляет несколько тегов заголовков, таких как h2, h3 и h3, которые могут помочь вам добавить иерархию на веб-страницу.Например, вы можете использовать большой тег h2 в качестве основного заголовка страницы и меньший тег h3 для раздела с названием «Продукты». Затем вы можете добавить тег h4 под «Товары», чтобы создать подраздел, описывающий ваши продукты. У вас также есть возможность добавлять на свою страницу маркированные списки.