Архитектура сайта пример: 15 точечных советов для выхода в топ – Информационная архитектура в Интернете часть 1 / Habr

Содержание

Что такое архитектура веб сайта при продвижении SEO?

Есть проблемы с ранжированием, проект не растет, хотите проверить работу своих специалистов по продвижению? Закажите профессиональный аудит в Семантике

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

Подпишись на рассылку и получи книгу в подарок!

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

 

Для чего нужна архитектура веб-сайта?

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

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

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

 

В чем суть оптимизации архитектуры?

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

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

Что представляет собой процесс оптимизации структуры?

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

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

 

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

Успех раскрутки сайта зависит от двух основных моментов:

  • Внешний фактор (количество внешних ссылок)
  • Внутренний фактор (контент, размещенный площадке, и структура страницы)

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

 

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

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

Ультимативное руководство по информационной архитектуре — CMS Magazine

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

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

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

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

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

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

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

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

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

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

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

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

Аналогия с архитектурой

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

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

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

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

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

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

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

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

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

Что информационный архитектор делает весь день?

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

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

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

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

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

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

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

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

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

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

  5. Принцип парадного входа.

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

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

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

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

Все эти принципы в большей или меньшей степени будут применимы к тому или иному проекту. Как начать работу над информационной архитектурой?

C чего начать

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

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

Выяснили эти два момента — можно планировать контент-стратегию детально.

Как пользователи находят контент

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

Известная цель

В этом случае пользователь точно знает, что он ищет, знает, как это описать, и даже может знать, где начать это искать. Это мечта IA-профессионала.

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

Исследование

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

Неизвестность

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

Повторный поиск

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

Модели для организации контента

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

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

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

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

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

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

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

«Конвенция о маркировке»

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

Аналогично — страница «о компании» или «команда» лучше воспринимается, когда названа примерно так.

Большой сайт против маленького сайта

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

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

UX против IA

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

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

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

IA против вашей CMS

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

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

Инструменты

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

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

Цифровые инструменты

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

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

Инструменты:

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

Инструменты:

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

Инструменты:

Заключение

Информационная архитектура — жизненно важная часть создания хорошего user experience. Хорошо организованный и структурированный контент делает сайт более легким в использовании (и более полезным для посетителей). Даже если вы дизайнер и работаете в паре с информационным архитектором на некоторых проектах — такое сотрудничество улучшит ваши дизайнерские навыки.

Оригинал: http://www.webdesignerdepot.com/2015/02/the-ultimate-guide-to-information-architecture/

Советы по seo архитектуре сайта

Дата публикации: 08-03-2019       482

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

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

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

Использовали несколько советов из своего списка на сайте и засекли рост трафика на 175% за несколько месяцев. Если использовать все советы, трафик может вырасти еще больше.

Удовлетворите потребности пользователей

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

  1. Что ищут пользователи?
  2. Что для них важно?
  3. Как страницы связаны друг с другом?

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

архитектура сайта

На сайте REI из примера четкая и понятная структура:

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

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

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

Проведите аналитику и определите:

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

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

Упростите архитектуру

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

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

архитектура веб сайта

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

  • 200 ссылок на страницу дают 8 000 000 страниц;
  • 500 ссылок на страницу дают 125 000 000 страниц;
  • 1000 ссылок на страницу дают 1 миллиард страниц.

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

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

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

Идея хороша на первый взгляд, но есть две причины так не делать:

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

Как проверить уровень вложенности

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

Предлагаю воспользоваться сервисами для SEO-аудита, которые помогут определить уровень вложенности. К примеру, это Screaming Frog, Ryte, Moz, SEMrush и другие. У OnCrawl к тому же есть хороший отчет о внутренних ссылках.

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

Задействуйте страницы-хабы

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

Зачем нужны хабы:

  1. Дают понять, о чем темы в этом разделе.
  2. Отвечают на вопросы, которые могут возникнуть у пользователей.
  3. Содержат ссылку на важные под темы и категории продуктов.
  4. Удобнее для пользователя, чем общие страницы категорий.
  5. Делают тему значимой.

Пример хаб-страницы Consumer Reports:

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

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

Создайте SILO-структуру контента

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

Страница-хаб объединяет контент в общую ветку, а структура SILO отвечает за распределение внутри этой ветки.

архитектура веб сайта

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

Страницы-хабы находятся вверху иерархии и обычно содержат:

  • навигацию, в том числе «хлебные крошки»;
  • контекстные ссылки;
  • структуру URL.

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

Линкуйте страницы, связанные по контексту

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

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

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

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

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

Ссылайтесь с авторитетных страниц на важные

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

Это может быть:

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

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

  1. В отчете внутренних ссылок, Google Search Console показано количество внутренних ссылок для ваших лучших 1000 URL-адресов.
  2. Совет: если на вашем сайте больше 1000 URL-адресов, создайте отдельные отчеты Search Console на уровне каталогов, чтобы получить дополнительные подробности.
  3. Сервисы Moz, Ahrefs и SEMrush покажут метрики для каждого URL-адреса. Особенно рекомендую сервис Link Explorer, он покажет высоко уровневые и скрытые URL-адреса.
  4. Google Analytics покажет, какие страницы получают наибольший трафик, а какие страницы хорошо конвертируются и выиграют от повышения трафика.

Оптимизируйте пагинацию

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

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

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

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

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

архитектура web сайта

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

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

  1. Используйте правильную разметку, включая ссылки rel = "next" и rel = "prev" или заголовки.
  2. Не пренебрегайте ссылками в нижней части страницы. Это фактические ссылки, поэтому они также влияют на SEO.
  3. Имейте в виду, что ссылки на страницы — это реальные ссылки, которые влияют на удобство использования и краулинг, то есть сканирование сайта ботом-краулером.

Вместо того чтобы разбить страницы в обычном линейном режиме (2, 3, 4 и так далее), некоторые оптимизаторы используют другие методы:

архитектура web сайта

Используйте умные фильтры

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

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

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

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

После того, как вы поймете, какие URL-адреса вы хотите индексировать, а какие нет, в вашем распоряжении много инструментов для управления умной фильтрацией, в том числе: 

  • мета-роботы
  • robots.txt
  • rel = canonical
  • параметры Search Console
  • атрибуты nofollow
  • схемы JavaScript

архитектура web сайта

Используйте HTML карту сайта

Почти все понимают важность HTML-файлов карты сайта, но такие файлы, встроенные в веб-страницы, встречаются все реже.

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

Рассмотрим HTML-карту для New York Times. В ней отражена каждая страница на сайте, они выстроены по дате, формату контента и теме.

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

Линкуйте новый контент с видных мест

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

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

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

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

Ссылайтесь с новых статей на старые

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

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

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

Используйте «хлебные крошки»

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

хлебные крошки сайт

Заострим внимание на их роли в архитектуре сайта:

  • определение относительной позиции URL-адреса в иерархии;
  • связывание материалов внутри SILO-структуры контента;
  • навигация по сайту для посетителей.

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

Избавьтесь от разбухания сайта ссылками

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

Зачем нужно удалять ненужные ссылки:

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

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

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

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

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

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

Один из методов понять, что интересно пользователю — открыть тепловые карты кликов. К примеру, отдельный сервис HotJar, он покажет, на какие элементы сайта пользователи кликают и какие области просматривают. Такая информация есть также в Google Analytics. По этим данным можно корректировать расположение ссылок и убирать невостребованные.

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

Хотя Google может сканировать множество ссылок на один URL, это не означает, что чем больше ссылок, тем лучше.

Используйте иерархическую структуру URL

При организации вашего контента зачастую лучше использовать URL-адреса, которые отражают структуру содержимого. Например, если вы продаете ковры в отделе мебели, то URL-адрес мог бы выглядеть так: https://example.com/furniture/rugs

Зачем нужна иерархическая структура URL:

  1. Пользователи могут по URL понять, где находятся.
  2. Ключевые слова в URL-адресе могут помочь в ранжировании и CTR.
  3. Плюс к ранжированию: Google использует показатели уровня вложенности страницы, чтобы какое-то время определять оттого важность и релевантность новых URL-адресов.

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

Используйте правильные анкоры

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

Текст анкора должен быть описательным и по возможности навигационным.

Примеры улучшения анкорного текста:

  • Главная> Zyppy
  • Sheets > Fitted King Sheets
  • Инструменты> Бесплатные инструменты для SEO

архитектура web сайта

Работа с приоритетом первой ссылки

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

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

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

Итоги

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

Рассказать друзьям:

Правильная архитектура сайта. Как избежать ошибок?

Интернет создаёт огромные возможности для развития мировой экономики и отдельных её элементов. Поэтому сегодня никому не нужно объяснять, как важно каждой компании иметь свой сайт, независимо от объёма производственных мощностей или валового дохода. Грамотно созданная web-страница способна принести колоссальные результаты. Те, кто не занимается профессионально разработкой сайтов, на стадии проектирования могут встретить множество подводных камней. Как их избежать, мы вам расскажем в этой статье.

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

архитектура сайта

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

Этапы составления архитектуры сайта

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

  1. Выявление цели интернет-площадки.
  2. Формирование первостепенных задач сайта, исходя из главной цели.
  3. Оптимизация.

Этап 1: выявление главной цели

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

  • Сайт-визитка. Возможно, вы – профессиональный фотограф, в таком случае лучшим вариантом будет сайт-визитка. Этого будет достаточно, чтобы отразить общую информацию, контакты и галерею работ.
  • Landing page. Это чаще всего сайт-одностраничник или содержащий 2-3 страницы. Основная цель – простимулировать пользователя сделать определённое действие: заполнить анкету, заказать звонок, купить товар.
  • Сайт коммерческой организации. Он играет роль скорее имиджевой рекламы, стремящейся создать в сознании потребителей благоприятный образ о данной компании. Может состоять из нескольких тематических страниц: о компании, товар/услуги (иногда с добавление прайс-листа), контакты и др.
  • Интернет-магазин. Предоставляет возможность пользователям самостоятельно выбрать и оплатить товар или услугу через Интернет. Подходит компаниям с широким товарным рядом и налаженной системой взаимосвязи всех внутренних структур организации.
как сделать сайт самостоятельно

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

Этап 2: формирование технического задания

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

оформление интернет сайтов

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

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

проект сайта

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

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

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

создание сайта с нуля

Как сделать сайт самостоятельно?

Самостоятельно заняться созданием веб-ресурса возможно и не обладая большими знаниями в программировании. Для этого можно воспользоваться бесплатными конструктороми сайта (ucoz.ru, ruwix.com, nethouse.ru, a5.ru и др), на которых вам предложат выбрать один из готовых шаблонов и добавить свой контент.

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

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

  • Внутренняя перелинковка и гиперссылки (размещение ссылок для перемещения с одной внутренней страницы на другую. Например: «с этим товаром покупают…»).
  • Разные варианты написания ключевых слов («шины Michelin»/ «шины Мишлен»).
  • Сайт на нескольких языках (в случае если в состав целевой аудитории входят пользователи из разных стран)
  • Удобная навигация, построенная по принципу: чем проще, тем лучше.

Как построить архитектуру сайта и учесть все тонкости? — Хабр Q&A

Может быть громко звучит архитектура, но суть попробую передать. Есть xml файлик с кучей объектов (квартирами) тянется со стороннего сайта (объектов порядка 1500). Соответственно у каждого объекта куча свойств (штук 20-30), в итоге получается такой неплохой по размерам документик. Этот файл постоянно обновляется. Необходимо реализовать сайт в котором будет на главной странице план жк, кликаем на определенный дом, уходит ajax запрос - появляется изображение дома, кликаем по этажу улетает снова ajax запрос появляется план этажа, кликаем по планировке появляется планировка с кучей характеристик по данной квартире. Необходимо реализовать на wp это все и тут появляется куча вопросов.
Каким образом сделать хранение данных и их обработку?
1. Сделать план дома таксономией, так как домов не много. Планы этажей сделать кастомным типом поста и в нем хранить планировки (ну допустим через acf репитер сделать). Раз в день обновлять нужно планировки (вдруг что то продали) и тут проблема как чекнуть внутри постов планировки и удалять если ее нет в файле?
2. Второй вариант мне нравится больше, но от части. План дома - таксономия, план этажа тоже таксономия. Квартиры это кастомный тип поста. тогда обновлять будет проще, но так как их тьма и id из файла квартиры не совпадает с id поста будет проблематично всеровно обновлять эту кучу.
3. Последнее что мне пришло в голову это сохранять себе этот файл на сервер и постоянно обращаться к нему при поиске нужной планировке. Создать допустим таксономию плана домов, кастомный тип поста это план этажа и дополнительно файл с планировками. Тогда не будет тратится время на ежедневное обновление планировок в админке, тоесть не будет нагрузки никакой. НО насколько это эффективно будет ajax'ом обращаться на серв, используя php преобразовывать xml в объект выбирать нужное и отправлять клиенту
4. есть какой то другой способ?

  • Вопрос задан
  • 98 просмотров

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

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

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

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

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

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

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

  • Располагайте ссылки непосредственно в теле основного текста, что является показателем, так называемого, логического расположения ссылки, а тексты, содержащие такие ссылки, расцениваются поисковыми системами как более релевантные запросу.
  • Для перехода на определенную внутреннюю страницу воспользуйтесь несколькими ссылками, состоящими из нескольких смежных ключевых слов. Это позволит значительно повысить показатель ранжируемости страниц вашего сайта, отобранных по объединенным ключевым фразам, отвечающим критериям запроса пользователя.
  • Для оформления внутренних ссылок используйте понятные для человека URL («человекопонятные» URL), что также увеличивает шансы сайта на высокие позиции в процессе ранжирования результатов поиска роботами.
  • Если вы разрабатываете коммерческий проект, то старайтесь чтобы большинство ссылок вело на наиболее экономически выгодные страницы сайта. Там где пользователь может, не совершая какие-либо дополнительные переходы, оформить заказ на товар или воспользоваться определенной услугой.
  • Чем меньше степень вложенности ссылок, тем большую степень важности они получают во время анализа структуры сайта поисковыми системами. Ссылки, находящиеся на главной странице считаются наиболее важными.

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

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

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

Post Views: 237

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

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

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

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

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

 

Пример

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

Spotify

Почему информационная архитектура так важна?

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

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

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

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

  • Песни
  • Папки
  • Пользователи
  • Фотографии
  • Рестораны
  • Деньги
  • Друзья

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

  • Проиграть песню
  • Создать папку
  • Создать пользователя
  • Поделиться фотографией
  • Посмотреть обзор ресторана
  • Отправить деньги
  • Добавить друзей

То есть, в приложении, мы можем следовать определенному шаблону действий. Большая часть экранного пространства (почти 80%) посвящена «существительным», а меньшая его часть посвящена «глаголам».

 

Хорошая информационная архитектура универсальна

Со временем мы заметим, что хорошая информационная архитектура универсальна. Определенные принципы и паттерны всегда преобладают. Самое очевидное – элементы основной навигации вашего приложения должны состоять из самых важных действий. В случае со Spotify, это “Home”, “Browse”, “Search”, “Radio”, и “Your Library”. А какие действия важны в вашем приложении? Постарайтесь сократить их до 3-5 элементов.

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

1-iGead8SqzCfO1WDeUn3IwgНесмотря на то, что UI приложения изменился, его информационная архитектура осталась прежней

Образующиеся шаблоны

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

Музыка...Музыка…такая же, как и фотографии...такая же, как и фотографии…которые ничем не отличаются от "остального"которые ничем не отличаются от остального

Всё одно и то же!

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

 

Советы по созданию хорошей, чистой информационной архитектуры

 1. Внимательно относитесь к тому, что важно (и к тому, что нет)

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

 

2. Думайте об информации, как об «информационных пакетах»

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

 

3. Не бойтесь пересматривать и менять что-то в своей информационной архитектуре

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

Перевод статьи Джейкоба Руиза

Источник: blog.prototypr.io

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

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