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

By Roman Berezhnoi February 8, 2022 129 views

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

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

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

Базовые понятия

Почему SEO и UX дизайн стали важными для успеха бизнеса в Интернет?

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

UX дизайн влияет на SEO. Если вы улучшите UX design, вы можете значительно улучшить SEO вашего сайта. 

В этой англоязычной статье нашего блога вы найдете базовые способы улучшить UX дизайн сайта basic ways to improve your website’s User Experience но в этой статье мы сосредоточимся на таком важном компоненте, как информационная архитектура сайта.

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

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

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

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

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

Это то, что делает информационную архитектуру сайта успешной:

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

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

Как создать информационную архитектуру для нового сайта

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

Проведите исследование целевой аудитории

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

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

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

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

Этот шаг направлен на сбор поисковых запросов, которые ваш клиент может использовать, чтобы найти вашу компанию, продукты или услуги. Есть много методов исследования ключевых слов. Вы можете прочитать статью Keyword research for business owners чтобы узнать о методе веб агентства F5 Studio. Конечно, вы также можете использовать популярные инструменты поиска ключевых слов. 

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

Группировка информации

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

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

Using Google sheets to collect keywords and information grouping
Группировка информации

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

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

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

Design information architecture hierarchy by using Google sheets
Иерархия информационной архитектуры веб сайта

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

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

Разработка таксономии

Здесь цель создать стандартизированное соглашение о терминах, которые будут использоваться на сайте (контролируемая лексика). Ваши дизайнеры и команда по контенту должны понимать, какое название для категории или подкатегории они должны использовать, например, «смартфоны Apple» или «iPhone».

Теперь можно переходить к созданию UI прототипов, вайрфреймов для дальнейшей разработки.

Как улучшить информационную архитектуру уже существующего сайта 

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

Проведите исследование ваших клиентов

Люди не менются, но их поведение и потребности меняются.

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

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

Инвентаризация контента

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

Аудит контента

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

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

Несколько слов о навигации сайта

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

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

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

Приоритет использования: Как часто посетители сайта полагаються на этот компонент навигации? 

Расположение: На каких страницах эти компоненты меню должны быть расположены? Где лучше всего располагать компоненты навигации на странице?

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

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

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

Выводы

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

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

Comments ( 0 )

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

Ваш адрес email не будет опубликован.

Напишите нам:

Thank you for your message. It has been sent.

Мы используем cookies-файлы, чтобы обеспечить вам лучший опыт на нашем сайте. Если вы продолжите использовать этот сайт, мы будем считать, что вы довольны опытом.