15 советов по архитектуре сайта: как составить seo-структуру, навигацию, разметку и перелинковку

Содержание
  1. Какова идеальная структура сайта?
  2. Идеальная структура сайта блога
  3. Идеальная структура сайта малого бизнеса / корпоративного сайта.
  4. Идеальная структура для новостного сайта.
  5. Идеальная структура сайта для сайта электронной коммерции
  6. Почему структура сайта важна для SEO
  7. Разработка структуры сайта
  8. Структура сайта и SEO
  9. Создание макета сайта: что стоит запомнить
  10. Как быстро и правильно сделать структуру сайта: примеры
  11. Коммерческий
  12. Визитка
  13. Информационный проект
  14. Термины
  15. Пошаговый алгоритм проектирования структуры
  16. Для каких сайтов подойдет SILO
  17. Составление на основе поисковой выдачи
  18. Примеры
  19. Сайт-визитка
  20. Коммерческий
  21. Информационный
  22. 5 последних уроков рубрики «Для сайта»
  23. 45+ бесплатных материалов для веб дизайнеров за август 2016
  24. Структура сайта как неотъемлемая часть продвижения
  25. Внешняя структура
  26. Как составить правильную структуру интернет-сайта, что важно знать
  27. Виды структуры сайта
  28. Линейная
  29. Линейно-разветвленная
  30. Дерево
  31. Решето, сеть
  32. Типы структуры сайта

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

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

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

  • Блоги
  • Корпоративные сайты
  • Новостные сайты
  • Сайты коммерческие сайты (продажа товаров или услуг в Интернете)

Идеальная структура сайта блога

Хорошая структура сайта для блога выглядит так:

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

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

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

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

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

Идеальная структура для новостного сайта.

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

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

Идеальная структура сайта для сайта электронной коммерции

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

Однако в типичном случае хорошая структура может быть следующей:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Четко определенная структура сайта важна для SEO по трем основным причинам:

  1. Она помогает поисковым системам лучше понять ваш контент

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

Работа поисковых систем заключается в следующем:

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

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

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

  1. Хорошая структура увеличивает ваши шансы на получение дополнительных ссылок в поиске Google

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

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

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

  1. Хорошая структура приводит к улучшению поведенческих факторов.

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

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

Создание макета сайта: что стоит запомнить

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

Создание макета идет по следующим этапам:

  1. Техзадание
  2. Отрисовка блочной схемы — прототипа
  3. Подбор цветов
  4. Подбор шрифтов
  5. Отрисовка макета
  6. Гайд по макету для верстальщика

Каких ошибок стоит избегать, чтобы макет сайта получился красивым и его было легко сверстать:

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

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

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

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

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

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

Визитка

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

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

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

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

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

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

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

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

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

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

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

Термины

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

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

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

Собрать семантику

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

Сгруппировать

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

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

Визуализировать

Чтобы визуализировать и упростить восприятие результата, рекомендую использовать сервисы и программы для создания интеллект-карт, или mind maps. Например, бесплатная версия онлайнового Mindmeister.com позволяет создавать до 5 проектов и делиться доступом с коллегами и клиентами.

Вот пример структуры сайта, созданной в Mindmeister:

Вся работа в Mindmeister строится по принципу drag-n-drop, то есть управлять элементами можно простым перетаскиванием. Настройки удобны и интуитивно понятны, разобраться легко.

Следовать советам SEO-специалистов

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

Для каких сайтов подойдет SILO

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

Помимо запросов «купить планшет», у вас присутствуют ключевые фразы, по которым ищут определенную продукцию – «купить планшет Lenovo», «купить планшет Sony» и прочие.

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

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

Составление на основе поисковой выдачи

Подход заключается в изучении поисковой выдачи Яндекса по сайту с применением :

  • “rhost:” – поиск по хосту и поддоменам;
  • “host:” – поиск по страницам хоста;
  • “inurl:” – поиск по страницам, содержащим в адресе заданный набор символов;
  • “~~” – минус или исключение.

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

Но и минусы у данного подхода ощутимые:

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

Ограничения:

Сайт должен некоторое время индексироваться Яндексом;

Адреса страниц сайта должны быть ЧПУ, или у исполнителя должно быть точное представление о паттернах формирования адресов страниц.

Приступим к практической части и изучим структуру сайта, которым я часто пользуюсь .

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

Запрос

Расшифровка

rhost:ru.readly* ~~ host:readly.ru

Поиск по хосту и поддоменам:ru.redly* минус хост основного зеркала:readly.ru

Примеры

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

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

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

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

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

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

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

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

5 последних уроков рубрики «Для сайта»

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

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

  • Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

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

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

Структура сайта как неотъемлемая часть продвижения

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

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

1376 views

Анастасия Осипенко

Анастасия — контент-маркетолог и редактор в SE Ranking, пишет про SEO, маркетинг и цифровые технологии. Кроме текстов для блога SE Ranking, Анастасия пишет музыку, а также любит старые фильмы и свою собаку.

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

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

Он состоит из:

  • Header. Голова сайта, в которой указывается название организации, размещается логотип и прочая дополнительная информация (контактные данные, адрес офиса, часы работы и т.д.);
  • Sidebar. Сайдбар не является основным элементом, вместо двух блоков может быть один справа или слева. Его назначение — показ посетителю дополнительной информации, которая увеличит время его пребывания на страницах проекта;
  • Content. Главная часть сайта, где находится основная и полезная информация. Её необходимо излагать в доступном виде, не нагружать лишними элементами. Тексты на онлайн-ресурсе должны быть интересными и легко читаемыми;
  • Footer. Нижняя часть, в которой размещается иная полезная информация о компании, и показываются полезные ресурсы.

Как составить правильную структуру интернет-сайта, что важно знать

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

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

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

Линейная

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

Например:

  • Главная
  • О компании
  • Услуги
  • Контакты

Линейно-разветвленная

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

Пример:

  • Главная
  • О компании
    • Наши работы
    • Отзывы о нас
  • Услуги
    • Создание
    • Продвижение
  • Контакты

Дерево

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

Решето, сеть

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

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

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

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

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

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Знай и умей
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: