Содержание

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

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

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

Получайте до 18% от расходов на контекстную и таргетированную рекламу!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
  • Подключиться можно самому за 1 день.
  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Начать зарабатывать >> Реклама

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

Читайте также: Как сделать удобную навигацию по сайту

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

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

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

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

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

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

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

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

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

Статья в тему:

Юзабилити-аудит сайта

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

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

Линейная

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

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

Читайте также: ТОП-10 хостингов для вашего сайта

Блочная

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

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

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

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

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

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

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

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

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

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

1. Собираем и кластеризуем семантическое ядро.

Для этого можно использовать специальные программы – например, KeyCollector.  Собираем все ключи, убираем ненужные нам, или которые не относятся на самом деле к нашим услугам (например, мы не реализуем стройматериалы оптом; ключ «краска оптом» уже нам не нужен).

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

Более подробно: Как составить семантическое ядро сайта

2. Прорабатываем непосредственно структуру.

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

Из категорий (если судить по ключам) нам нужны:

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

Каталог и услуги будут включать в себя подкатегории.

У каталога это будут:

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

Услуги будут включать в себя подкатегории:

  • грузчики.
  • вывоз мусора.

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

3. Визуализация.

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

Итак, у нас вышло:

Читай также: Прототипирование сайта

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

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

Далее вам нужно будет построить структуру сайта. Это можно сделать:

Word или Excel

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

Draw.io

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

Xmind

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

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

Полезные ссылки:

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

Время прочтения: 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. Типичные ошибки при создании правильной структуры:
  • страница оптимизирована под разный интент пользователя;
  • дубли страниц;
  • нечёткие дубли;
  • большой уровень вложенности страниц;
  • отсутствие карт сайта;
  • несоблюдение иерархии страниц.

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

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

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

Какие сложности возникают из-за структуры сайта?

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

Самый простой способ спланировать структуру сайта.

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

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

  1. Нарежьте карточки из бумаги — это будущие страницы сайта.
  2. Выпишите на карточки все возможные варианты страниц сайта: товары, прайсы, новости, описания. Чем больше видов страниц будет — тем лучше.
  3. Теперь из карточек нужно собрать древовидную структуру сайта.

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

Наглядный способ создать структуру сайта

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

Важность страниц или статический вес.

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

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

  • На главную страницу ведут ссылки со всех страниц сайта
  • На разделы ведут ссылки его подразделов и страниц
  • На подразделы ссылки его страниц
  • На страницы обычно ведет одна ссылка из раздела/подраздела.

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

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

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

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

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

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

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

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

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

Здесь я просто публикую свой рабочий черновик раздела сайта, пример структуры, в которой продумана вложенность и перелинковка (связь) страниц. Такие вещи можно делать в любой программе предназначенной для рисования диаграмм. Например, онлайн-сервис https://www.draw.io/

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

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

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

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

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

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

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

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 место

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

Правильная структура сайта для SEO-продвижения: рекомендации по оптимизации

Оглавление:

1. Что собой представляет структура сайта?

2. Подводя итог

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

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

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

Что собой представляет структура сайта?

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

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

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

1. Главное правило: удовлетворение запросов пользователя

При разработке структуры сайта и ее реализации нужно учитывать три основных вопроса:

  1. Что ищут люди?

  2. Что для них самое важное?

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

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

Используя системы аналитики, можно проанализировать поисковые данные и определить страницы, которые:

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

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

2. Правило трех кликов

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

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

Допустим, что каждая страница содержит более 100 ссылок, тогда количество страниц, доступных с нее в три клика растет в геометрической прогрессии:

  • 200 ссылок на странице дают доступ к 8 000 000 страниц;

  • 500 ссылок на странице дают доступ к 125 000 000 страниц;

  • 1000 ссылок на странице дают доступ к 1 миллиарду страниц за три клика.

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

3. Разбивка на страницы

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

  1. пагинация;

  2. кнопка «Показать все»;

  3. бесконечная прокрутка.

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

Стоит отметить, что необходимо правильно оптимизировать страницы пагинации, поскольку в глазах поисковых систем они являются некачественными страницами. Лучше всего их закрывать в файле robots.txt от индексации и прописывать в коде самих страниц «Nofollow» или указывать «Rel = Canonical» на самую первую страницу в списке пагинации.

Пример пагинации показан на картинке ниже.

4. Используйте Sitemaps в HTML

В настоящее время практически все понимают важность  XML-карты сайта, а вот HTML-карты используются всё реже и реже. 

Давайте вернем их!

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

Для примера можно обратиться к сайту компании «МТС»


или посмотреть интернет-магазин техники и электроники OLDI

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

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

5. Ссылки с новых страниц на старые

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

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

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

6. Навигационные «хлебные крошки»

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

Не сложно догадаться, что они играют важную роль и в структуре сайта, а именно:

  • показывают относительную позицию URL’а в существующей иерархии раздела;

  • связывают между собой первую и последнюю страницу в этой иерархии;

  • помогают посетителям не заблудиться в навигации по сайту.

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

Пример хлебных крошек на странице в поиске:

Подводя итог

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

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


Структура сайта | Руководство по веб-стилю 3

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

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

Возможность просмотра вашего сайта

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

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

Рисунок 3.2 — Примеры «проблемы Златовласки» в получении «правильной» структуры сайта. Слишком мелкая структура (слева) заставляет меню становиться слишком длинными. Слишком глубокая структура (справа), и пользователи расстраиваются, копаясь во многих слоях меню.

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

Поиск по сайту как навигация

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

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

Как и в случае с популярными книгами в библиотеке или хитами в iTunes, использование контента на крупных веб-сайтах является классическим феноменом «длинного хвоста»: некоторые элементы привлекают 80 процентов внимания, а остальные — значительно меньше трафика. Поскольку потребности пользователя становятся более конкретными, чем может удовлетворить интерфейс браузера, поисковые системы — это средство для поиска контента в длинном хвосте, где в противном случае он мог бы остаться незамеченным (рис.3.3).

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

Структурные темы сайта

Веб-сайты

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

Последовательности

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

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

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

Иерархии

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

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

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

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

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

Рисунок 3.6 — Локальная (левый столбец) и глобальная (вкладки под заголовком) системы навигации представляют собой гибкую и простую для понимания систему навигации.

Паутины

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

Рисунок 3.7 — Простая сеть связанных страниц.

Сводка

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

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

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

Рисунок 3.9. Выберите правильную структуру сайта для вашей аудитории и контента.

полное руководство • Yoast

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

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

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

Содержание

Почему важна структура вашего сайта?

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

Значение для удобства использования

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

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

Значение для SEO

Прочная структура сайта значительно увеличивает ваши шансы на ранжирование в поисковых системах. Для этого есть три основных причины:

а. Это помогает Google «понять» ваш сайт

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

г. Это мешает вам соревноваться с самим собой

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

г. Он занимается изменениями на вашем сайте

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

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

Как настроить структуру вашего сайта

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

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

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

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

2. Категории (или разделы)

3. Подкатегории (только для крупных сайтов)

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

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

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

Ваша домашняя страница

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

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

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

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

Навигация

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

Меню

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

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

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

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

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

Тропа из хлебных крошек

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

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

Таксономии

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

Категории

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

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

Подробнее: Использование страниц категорий и тегов для SEO »

Теги

Структура вашего сайта также выиграет от добавления тегов. Разница между категорией и тегом в основном связана со структурой. Категории являются иерархическими: у вас могут быть подкатегории и даже подкатегории. Однако у тегов нет такой иерархии. Теги просто говорят: «Эй, у этой статьи или продукта есть определенное свойство, которое может быть интересно посетителю.Подумайте об этом так: категории — это оглавление вашего веб-сайта, а теги — это индекс. Тег для упомянутого выше интернет-магазина одежды может быть брендом, например, Timberlands.

Продолжайте читать: В чем разница между тегами и категориями? »

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

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

Читайте дальше: Правильная маркировка сообщений для пользователей и SEO »

Контекстная внутренняя ссылка

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

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

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

Контекстные ссылки для блогов

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

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

Продолжайте читать: Внутренние ссылки, почему и как »

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

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

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

  1. ссылка со страницы комплекта продуктов на отдельные продукты
  2. раздел «связанные элементы» или «сравнение с аналогичными элементами»
  3. а раздел «клиенты также купили»
  4. раздел «комплекты продуктов» или раздел «часто покупаемые вместе» .

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

Целевые страницы

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

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

Цель поиска

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

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

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

Прочтите все о целях поиска и их важности для SEO.

Краеугольные страницы содержания

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

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

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

Целевые страницы продукта

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

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

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

Поддержание структуры вашего сайта

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

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

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

Подробнее: Оптимизация меню вашего сайта »

Переосмыслите свою таксономию

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

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

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

В том маловероятном случае, если вы создали карту сайта в формате HTML вручную, обновите эту карту сайта после изменения структуры сайта. В гораздо более вероятном случае, если у вас есть карта сайта в формате XML, повторно отправьте ее в Google Search Console.

Продолжайте читать: Структура растущего блога »

Очистить устаревшее содержимое

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

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

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

Избегайте каннибализации ключевых слов

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

Если вы страдаете от каннибилизации ключевых слов, вам нужно поработать. Короче говоря, вам следует исследовать производительность вашего контента и, возможно, объединить и перенаправить часть из них. При объединении сообщений мы рекомендуем создать новый черновик, клонировав один из исходных сообщений с помощью плагина Yoast Duplicate Post. Это дает вам возможность работать над объединенным сообщением, не внося этих изменений в действующий пост. Прочтите руководство Joost, чтобы узнать больше о каннибализации ключевых слов и о том, как это исправить.

Внутренние ссылки с Yoast SEO

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

Счетчик текстовых ссылок

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

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

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

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

Читайте дальше: Как использовать Yoast SEO для вашей краеугольной контентной стратегии »

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

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

Хотите улучшить структуру своего сайта, но не знаете, с чего начать? Пройдите обучение по структуре сайта ! Это часть нашей подписки на обучение Yoast SEO Academy. Мы шаг за шагом проведем вас через весь процесс.

Продолжайте читать: WordPress SEO: полное руководство по повышению рейтинга сайтов WordPress »

Как создать структуру сайта, которая улучшит 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-адреса на другой URL-адрес на вашем веб-сайте, просто используя ссылки на странице »

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

Эта неорганизованность временами затрудняет навигацию для пользователей.

Мюллер более подробно остановился на этом, объяснив:

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

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

Ссылки предоставляют ценный контекст для Google

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

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

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

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

Убедитесь, что они актуальны!

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

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

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

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

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

Прежде всего: подумайте о пользователе

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

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

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

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

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

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

О DoITHTML TutorialJavaScript TutorialXML TutorialPHP Tutorial

Глава 1 — Создание веб-страниц Глава 2 — Базовый макет документа Глава 3 — Базовый стиль документа Глава 4 — Форматирование текста Глава 5 — Графические изображения Глава 6 — Применение специальных стилей Глава 7 — Использование воспроизведения страниц Глава 8 МультимедиаГлава 10 — Создание формГлава 11 — Проектирование веб-сайтов Приложение HTML / CSS

Структура сайтаПринципы дизайнаВыбор цветовТипографияДоступностьРазработка сайтаМобильная разработка

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

Цели веб-сайта

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

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

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

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

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

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

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

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

Контент веб-сайта

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

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

  • конспект чтения по учебнику
  • конспект лекций
  • решения по назначению
  • проект
  • марка
  • календарь

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

Структура веб-сайта

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

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

Иерархическая структура

Иерархическая или древовидная структура тем — это наиболее распространенная структура веб-страниц. Древовидная структура упорядочивает темы от общих к частным — или от резюме к деталям — от сверху вниз по иерархии.

Рисунок 11-1. Иерархическое расположение веб-страниц.

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

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

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

Рисунок 11-2. Линейное расположение веб-страниц.

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

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

Рисунок 11-3. Смешанное расположение веб-страниц.


Случайная структура

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

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

Навигация по веб-сайту

Следующие действия считаются передовыми при создании навигации по веб-сайту:

  • Простое меню навигации
  • Короткие страницы
  • Содержание
  • Карты сайта

TOP | СЛЕДУЮЩИЙ: Принципы дизайна

Как спланировать структуру веб-сайта? 9 шагов, чтобы сделать это правильно!

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

Так что вы улучшаете свой SEO и пользовательский опыт.

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

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


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

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


Зачем планировать структуру веб-сайта?

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

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

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

Давайте углубимся в подробности.


Повышает удобство использования ваших веб-сайтов

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

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

И что самое главное, посетитель дольше остается на вашем сайте.

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

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

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

Но об этом позже.


Хорошая структура облегчает сканирование вашего сайта

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

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

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


Хорошая структура сайта улучшает SEO

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

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

Вы помните, что я говорил о бункерах, верно? Ну вот тут и пригодится.

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

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

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

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


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

О чем я говорю?

Что ж, если вы планируете структуру своего сайта, вы также исследуете своих конкурентов и ключевые слова.

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

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

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

Это также зависит от вашего языка и региона.Если вы ищете ключевое слово на более крупных рынках, таких как Великобритания, Германия или США, то вы, вероятно, хотите, чтобы ваши ключевые слова имели около 1000 ежемесячных объемов поиска.

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

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

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

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


Почему недостаточно создать простую простую структуру и карту сайта?

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

Кроме того, вы заранее знаете описания своих страниц. Что ж, по крайней мере, вы их запланируете.

Это означает, что у вас не будет:

  • Отсутствуют описания страниц
  • Повторяющиеся заголовки
  • Повторяющиеся описания страниц

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

Итак, видите ли, простой карты сайта и структуры недостаточно.

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


Основные этапы создания структуры веб-сайта

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

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

Вот как я это делаю, если бы я создал ваш веб-сайт или магазин электронной коммерции.


1. Начните с получения основных сведений о своем бизнесе

Что это значит?

Это означает знакомство со своим бизнесом.

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

Вы не поверите, что можете узнать о собственном бизнесе.

Если бы я делал ваш сайт, я бы спросил у вас:

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

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

Это также покажет, чем вы отличитесь от них.

Ну хотя бы в основном масштабе.

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


2. Начните исследование ключевых слов

Следующим шагом я бы погрузился в исследование ключевых слов.

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

Вы знаете, какой трафик может увеличить ваш доход.

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

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

Первое, что нужно сделать, это установить надстройку Google Chrome или Mozilla Firefox под названием Keywords Everywhere.

Этот инструмент покажет вам объем поиска и конкуренцию, с которой вы можете столкнуться.

Как показано на изображении ниже.

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

В данном случае я искал основной термин «физиотерапия».

Инструмент ключевых слов везде, показывающий объем поиска и конкуренцию

Вы можете увидеть объем поиска, цену за клик и конкуренцию.Но это еще не то, что вам нужно.

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

Затем вы хотите проверить связанные термины, которые обычно находятся внизу страницы поиска Google.

Связанные поисковые запросы в поиске Google

Сохраните эти термины на листе или в документе, указав объем поиска и конкуренцию.

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

Инструмент «Ключевые слова везде» Список связанных ключевых слов

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

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

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

Это находится под связанным ключевым словом в правой части экрана.

Инструмент «Люди также ищут везде» по ключевым словам

Но это должно быть только начало вашего исследования.

Сохраните его, чтобы вы могли проверить его дальше. Я порекомендую Google Docs или другое программное обеспечение, например Microsoft Excell (у вас есть бесплатное онлайн-приложение, если вы хотите его проверить).

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

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

Убедитесь, что вы помещаете их в электронную таблицу и записываете объем поиска и конкуренцию.

Что касается конкурса, я бы сказал, что если ваш веб-сайт не пользуется большим авторитетом или это новый веб-сайт, не превышайте 0,20 балла.

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

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

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

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


3. Исследование конкуренции

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

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

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

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

Я взял ключевое слово «что такое физиотерапевтическое лечение» и поискал в Google. См. Изображение ниже.

Поиск Гугл

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

Теперь, когда у вас есть URL-адрес веб-сайта, перейдите в Ubersuggest.Вставьте URL-адрес и посмотрите их лучшие страницы.

Убер-советует лучшие SEO-страницы

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

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

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

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

Ubersuggest Лучшие страницы SEO Просмотреть все Кнопка

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

Ключевое слово в предложении ключевого слова для определенной страницы

Сначала вы увидите первые 10 ключевых слов.

У вас есть возможность увидеть объем поиска, сложность SEO, приблизительное количество посещений, рейтинг страницы и т. Д.

Вы также можете увидеть следующие 10 или экспортировать ключевые слова в файл CSV, который можно открыть с помощью Excell или Google Sheets.

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

Я бы посоветовал вам выполнять поиск по ключевым словам не менее 100 запросов в месяц, в идеале — не менее 500.

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

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

Ключевые слова возможностей в Ubersuggest

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

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

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

Конечно, хотим осмотреть дальше.

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

Вы можете видеть, как Нил Патель говорит вам, что это ключевое слово довольно легко ранжировать, и у вас есть 90% шанс попасть в топ-20.

С хорошим постом даже выше.

Обзор ключевых слов Ubersuggest

Но это еще не все, что вы можете получить на этой странице.

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

Предлагаемое ключевое слово — варианты ключевых слов

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

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

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

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

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

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

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

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

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

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

Для этого небольшого исследования я выбрал США.

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


4.Планируйте иерархию ваших веб-сайтов

Вот где начинается настоящая ваша работа.

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

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

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

Примерно так.

Схема иерархии веб-сайтов

Я сделал это в бесплатном редакторе Canva. Но вы легко можете создать это в программе для работы с электронными таблицами.

Вот несколько моментов, о которых следует помнить:

  • Как было сказано выше, сделайте это логичным, поскольку это ваша основа для структуры URL.
  • Не создавайте слишком много категорий. Убедитесь, что вы находитесь где-то между 2 и 7. Я знаю, что если вы большой бизнес, у вас будет больше.
  • Если возможно, убедитесь, что вы создаете симметричную структуру или близкую к ней. Мы, люди, любим даже визуальные эффекты. Но, как вы увидите, это возможно не во всех случаях.

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


5. Создайте структуру URL-адресов своих веб-сайтов

А теперь посмотрим, как все это сочетается.

Наиболее распространенная структура URL-адресов выглядит так.

У вас есть домашняя страница, услуги, о нас, ссылки / работа, блог и контакты.

Это будет представлять вашу иерархию, структуру URL-адресов и основную навигацию.

Вы получаете что-то вроде этой простой схемы веб-сайта.

Схема базовой структуры веб-сайта

Отсюда вы можете легко получить структуру URL.

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

Physiotherapy.com/about

Physiotherapy.com/services

физиотерапия.com / услуги / физиотерапия при боли в спине

Как видите, я использую слова. Убедитесь, что ваша структура URL-адреса использует слова вместо идентификаторов, символов или форматов даты.

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

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

При создании структуры URL убедитесь, что вы используете дефисы (-), как показано в приведенном выше примере, не используйте символы подчеркивания (_).

Это лучше для вашего SEO и пользовательского опыта.

Но вы спросите, а как насчет веб-сайта электронной коммерции?

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

Схема веб-сайта электронной коммерции

Конечно, у вас будут свои категории.

Теперь, когда у вас есть структура URL, пора создать навигацию.


6.Создайте простую и логичную навигацию

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

А это выглядело бы примерно так.

Структура навигации веб-сайта

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

Навигация по сайту электронной коммерции

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

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

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


7. Создайте свою навигацию с помощью HTML и CSS

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

Держитесь подальше от JS, flash, AJAX, потому что это может ограничить доступ к вашей навигации.

И это плохо для SEO.

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

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

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

NWD навигация

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

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

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


8. Создайте стратегию внутренних ссылок

Так что же делает внутренняя симпатия?

Проще говоря, он выливает «сок SEO» или авторитет одной страницы на другие страницы, на которые она ссылается.

Это важная часть SEO.

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

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

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

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

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

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

Базовая структура внутренних ссылок

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

Помните, что чем больше ссылок между страницами, тем лучше.

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

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

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

Структура бункерного веб-сайта

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

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


9. Создайте карту сайта для своего веб-сайта

Хорошо, это последний.

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

Дело в том, что большинство поисковых систем используют карты сайта, чтобы узнать о ваших новых страницах.Это также помогает поисковой системе быстрее индексировать ваши страницы, чем если у вас ее нет.
Для этого существует множество инструментов (Генератор карты сайта), но в большинстве CMS есть что-то, что установлено для его создания. Если вы используете WordPress, то хорошим плагином для использования является Yoast SEO, который сгенерирует его для вас.


Заключение

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

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

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

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

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

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

Понравился гид? Прикрепите его к Pinterest с изображением ниже.

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

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

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

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

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

Что такое информационная архитектура?

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

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

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

Основные компоненты информационной архитектуры
Источник:
Люсия Ванг

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

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


Пять этапов разработки информационной архитектуры

1. Изучение клиентов

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

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

2. Обновите и просмотрите содержимое

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

Инвентарь

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

  • Рубрики и субпозиции
  • Тексты
  • Медиа-файлы (изображения, видео, аудио)
  • Документы (doc, pdf, ppt)
  • URL-ссылки страниц

Эти элементы перечислены в шаблоне контента с их характеристиками.

Шаблон инвентаризации контента
Источник:
Eckford

Контент-аудит

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

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

3. Применить сортировку карточек для классификации содержимого

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


Таксономизация применена на веб-сайте Airbnb
Источник:
Stanford K. Kekauoha

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

Сортировка карт

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

Типы сортировки карточек
Источник:
Дизайн взаимодействия

Существует три типа сортировки карт:

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

Закрытый — с заранее разработанными категориями. Этот метод сортировки карточек обычно применяется при редизайне. Участникам даются заранее определенные категории из инвентарного списка контента, и они сортируют контент в соответствии с ними.

Гибрид — объединяет элементы обоих типов или начинается с открытого типа, переходя к закрытому типу, чтобы следовать логике пользователя.

Схема сортировки карточек
Источник:
Дизайн взаимодействия

Вы можете проводить сортировку карточек в группах или на личном собеседовании или удаленно с помощью таких инструментов IA, как UserZoom, usabiliTEST, xSort и Optimal Sort .

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

4. Постройте иерархию веб-сайтов для удобной навигации

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

Навигация

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

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

Раскрывающееся меню в ASOS
Источник:
ASOS

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

Левостороннее меню в The New York Times
Источник: The
New York Times

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

Локальная навигация на сайте Оксфордского университета
Источник:
Оксфордский университет

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

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

Маркировка

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

Маркировка веб-сайтов Expedia именами и значками
Источник: E
xpedia

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

Интеллектуальное отображение

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

Интеллектуальная карта для веб-сайта информационных систем Cornerstone и приложения для iOS

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

Шаблоны проектирования иерархии

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

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

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

Плоская структура
Источник:
Блог WebFX и др.

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

Шаблон индексной страницы

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


Шаблон строгой иерархии

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

Шаблон сосуществующей иерархии

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

Карта сайта

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

Карта сайта портфолио
Источник: Келлин Лоер на Dribble

На карте сайта вы визуализируете всю иерархию контента.Вы можете сделать это на бумаге или с помощью различных инструментов, таких как WriteMaps, MindNode, Scapple, MindManager, XMind.

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

5. Создайте прототип пользовательского интерфейса для будущей разработки

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

Каркас

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

Каркас веб-приложения Back to my body
Источник: Alyoop

Каркасы создаются на бумаге или с помощью специального инструмента или программного обеспечения, такого как Justinmind, Wireframe.cc, Fluid UI, Balsamiq или Visio, для создания цифровых каркасов, карт сайта или высокоточных прототипов.Каркасы тестируются пользователями, чтобы определить, является ли структура ясной и лаконичной.

Моделирование данных

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

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

Восемь принципов информационной архитектуры

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

Восемь принципов информационной архитектуры
Источник:
CareerFoundry

Эти восемь принципов были определены Дэном Брауном, соучредителем дизайнерской компании EightShapes.Информационный архитектор должен придерживаться их при создании продукта:

  1. Принцип объектов: контент — это живое существо со своим жизненным циклом, поведением и атрибутами.
  2. Принцип выбора — страницы продукта должны предлагать пользователям ряд значимых вариантов выбора.
  3. Принцип раскрытия информации — пользователей нельзя перегружать информацией; показывать только ту информацию, которая поможет им понять, какую информацию они найдут, копая глубже.
  4. Принцип экземпляров — лучший способ описать категории контента — показать примеры контента.
  5. Принцип парадных дверей — предположим, что по крайней мере половина посетителей веб-сайта будет проходить через какую-то страницу, отличную от главной.
  6. Принцип множественной классификации — предлагайте пользователям несколько различных схем классификации для просмотра содержимого сайта.
  7. Принцип целенаправленной навигации — не смешивайте разные категории в своей схеме навигации.
  8. Принцип роста — предположите, что контент, который у вас есть сегодня, составляет небольшую часть контента, который у вас будет завтра.

Применяя эти принципы, вы, вероятно, структурируете существующий контент и оставите пространство для роста.

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

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

BBC Weather

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

Карта сайта BBC Weather
Источник: Интернет-блог BBC

Global Seed Network

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

Global Seed Network Sitemap
Источник: 1 st Way

Spotify

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

Карта сайта Spotify
Источник: Рене Лин на носителе и др.

Рене Лин, UX-дизайнер, нашла способ улучшить его, упростив и удалив некоторые разделы.