Как создать правильную архитектуру сайта?

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

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

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

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

Как подходить к архитектуре сайта

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

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

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

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

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

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

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

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

https://domain.com/dog-food-dry-yummy-bits-brand

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

https://domain.com/dog/food/dry/yummy-bits-brand

Или:

https://domain.com/main-category/sub-category-1/sub-category-2/product

Масштабируемость

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

Согласование с аудиторией

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

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

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

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

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

Утилиты для оценки архитектуры сайта

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

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

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

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

Еще одним хорошим инструментом является Google Analytics. Он предоставляет ценную информацию о том, как люди взаимодействуют с вашим сайтом:

• Как они на него попадают.
• Как они проводят на нем время.
• После каких действий они покидают сайт.

И еще многое другое.

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

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

Вместе с Goggle Analytics можно пользоваться Google Search Console. Это хорошее решение. GA подскажет вам, есть ли страницы, которые могли бы хорошо ранжироваться, но им мешает архитектура сайта. Например, люди могут искать ответ на свой вопрос в блоге (где по логике он и должен находиться), а находят его в совершенно другом разделе сайта.

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

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

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

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

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

Есть два способа добавить новый контент, который не испортит архитектуру:

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

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

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

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

Не забывайте про блог

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

Подытожим

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