Заблудиться — отстой. Неважно, находитесь ли вы в городе или в кукурузном лабиринте, неопределенность, связанная с незнанием того, где вы находитесь и что может случиться дальше, может вызвать у вас холодный пот.
Посетители сайта чувствуют то же самое, когда попадают на захламленный сайт. Почти один из двух люди покидают сайт после посещения всего лишь одной страницы. У нас не так много времени, чтобы произвести хорошее впечатление на пользователя, а при плохой архитектуре сайта вы обязательно увеличите показатель отказов.
Структурирование вашего веб-сайта интуитивно понятным и простым в навигации образом имеет решающее значение для удержания внимания вашей аудитории. Если вы этого не сделаете, они подпрыгнут за считанные секунды. И если люди покидают ваш сайт из-за того, что ваш пользовательский интерфейс неудобен, поисковые системы тоже не будут о вас высокого мнения.
Если вам нужна помощь в структурировании веб-сайта, который будет привлекать аудиторию и повышать рейтинг в Google, мы вам поможем. Мы научим вас, что такое архитектура веб-сайта, почему она важна для UX и SEO и как разработать надежную архитектуру для вашего собственного веб-сайта.
Содержание
- 1 Что такое архитектура сайта?
- 2 Почему важно структурировать сайт?
- 3 Лучшие практики по архитектуре веб-сайтов
- 3.1 1. Создайте простое меню навигации верхнего уровня.
- 3.2 2. Сохраняйте URL-адреса простыми и удобными для пользователя.
- 3.3 3. Смоделируйте архитектуру своего веб-сайта по образцу ведущих игроков в вашей отрасли.
- 3.4 4. Поддерживайте целостность вашего сайта.
- 3.5 5. Внедрить модель внутренних связей для столп-кластера.
- 3.6 6. Обеспечьте доступ к большинству страниц вашего сайта в 3-4 клика.
- 3.7 7. Используйте панировочные сухари.
- 3.8 8. Создайте карту сайта в формате HTML и XML.
- 4 Обновите архитектуру вашего сайта и улучшите SEO
Что такое архитектура сайта?
Архитектура сайта — это иерархическая структура ваших веб-страниц. Эта структура отражается посредством внутренних ссылок. Структура сайта должна помогать пользователям легко находить информацию и помогать сканерам поисковых систем понимать взаимосвязь между различными страницами.
Без сомнения, структура вашего сайта играет решающую роль в удержании пользователей и увеличении конверсии.
Реализация структуры сайта помогает вам спроектировать сайт с учетом удобства пользователя. У вас может быть самый потрясающий контент, но если пользователи не смогут его найти, они перейдут на сайт конкурента.
Типичная структура веб-сайта выглядит как граф корневого дерева, где домашняя страница является корнем. Страницы, которые отключены от главной страницы, являются ветвями, и каждая страница имеет несколько ответвлений, вырастающих из нее. Эти ветви затем соединяются друг с другом.
Вот как это обычно выглядит:
Почему важно структурировать сайт?
Хорошая архитектура веб-сайта повышает удобство использования сайта. Когда вы структурируете свой веб-сайт интуитивно понятным образом, пользователи могут легко найти нужную информацию.
Кроме того, когда ваш пользовательский опыт будет сильным, ваш рейтинг в поисковых системах будет таким же. Пользователи будут проводить больше времени на вашем сайте и ссылаться на ваши веб-страницы, и то, и другое является важным показателем того, что ваш бренд создает качественный контент.
Кроме того, надежная архитектура сайта:
- Помогает поисковым системам эффективно сканировать ваш сайт.
- Поощряет глубокую навигацию по сайту, предлагая пользователям посетить несколько страниц.
- Распределяет «авторитет страницы» более справедливо, чтобы страница не оставалась без внимания.
- Укрепляет тематический авторитет благодаря сильной внутренней структуре связей между родственными или похожими темами.
- Увеличивает конверсию, упрощая поиск продуктов и потенциального контента.
Давайте рассмотрим некоторые рекомендации, которые следует учитывать при разработке архитектуры вашего веб-сайта.
Лучшие практики по архитектуре веб-сайтов
- Создайте простое меню навигации верхнего уровня.
- Сохраняйте URL-адреса простыми и удобными для пользователя.
- Смоделируйте архитектуру своего веб-сайта по образцу лучших игроков в вашей отрасли.
- Держите свой сайт последовательным.
- Реализуйте модель внутренних связей для столбчатого кластера.
- Обеспечьте доступ к большинству страниц вашего сайта в 3-4 клика.
- Используйте панировочные сухари.
- Создайте карту сайта HTML и XML.
1. Создайте простое меню навигации верхнего уровня.
Во-первых, не указывайте слишком много пунктов меню верхнего уровня. Во-вторых, обязательно доставьте контент, обещанный на основе названия пункта меню.
Например, если ваши пользователи нажимают на вкладку «Маркетинг по электронной почте» на домашней странице вашего блога, они ожидают, что им будет отправлен список сообщений, посвященных маркетингу по электронной почте. С этой страницы вы также должны создать простой путь навигации обратно на домашнюю страницу блога и на свою домашнюю страницу.
Посмотрите пример ниже из наш собственный сайт:
Меню разделено на три простых пункта: Программное обеспечение, Цены и Ресурсы. На вкладке «Ресурсы» пользователи могут найти различные ресурсы, разделенные на разные назначения.
Не заставляйте пользователей слишком много думать. Веб-сайт, на котором сложно ориентироваться, будет иметь высокий показатель отказов. Пользователи не хотят тратить время на поиск информации на вашем сайте. Если они это сделают, они просто уйдут. Так что практикуйте сочувствие и обеспечивайте интуитивный онлайн-опыт.
2. Сохраняйте URL-адреса простыми и удобными для пользователя.
Ни один пользователь не захочет читать URL-адрес, структурированный следующим образом:
example.com/store/rackets/default.aspx?lang=en&category=98a20
Важно создавать удобные для пользователя URL-адреса. Большинство систем CMS, таких как Контент-хаб и WordPress автоматически создает удобный URL-адрес на основе заголовка страницы. Обычно оно читается следующим образом:
example.com/pagetitle
Вы также можете создавать подкаталоги, за которыми легко следить.
example.com/topic/subtopic/page-title
Советы: Хотя подкаталоги полезны с точки зрения UX, они не обязаны отражать архитектуру сайта. Внутренние ссылки — это больше, чем просто структура URL. Это означает, что вы можете структурировать свои URL-адреса следующим образом:
example.com/topic
example.com/subtopic
example.com/longtail-keyword-one
example.com/longtail-keyword-to
Вам просто нужно связать их друг с другом и с их родительскими страницами внутренними ссылками.
3. Смоделируйте архитектуру своего веб-сайта по образцу ведущих игроков в вашей отрасли.
Ваши клиенты привыкли к архитектуре веб-сайтов крупных брендов в вашей отрасли, поэтому, если вы управляете интернет-магазином, проанализируйте, как Amazon структурирует их веб-сайт, и подражайте им. Ваш веб-сайт станет более знакомым и, в свою очередь, на нем будет легче ориентироваться.
4. Поддерживайте целостность вашего сайта.
Формат навигации вашего веб-сайта, принципы дизайна и вид ссылок должны соответствовать единому шаблону. Сохранив эти элементы, вы дольше удержите пользователей на сайте, поскольку им будет проще быстро переходить на новые страницы и переходить по ссылкам.
5. Внедрить модель внутренних связей для столп-кластера.
В модели «столб-кластер» у вас есть главная страница (столп), которая ссылается на подчиненные страницы (кластер). Эти дочерние страницы затем ссылаются друг на друга, создавая кластер.
Эта модель делает вашу внутреннюю структуру ссылок более понятной и эффективно направляет пользователей к другим фрагментам релевантного и полезного контента. Когда пользователи сталкиваются с внутренней ссылкой на вашем сайте, они должны сразу понять, на какой контент направит их ссылка и почему этот контент отключен от страницы, на которой они сейчас находятся.
Вот как выглядит стратегия соединения столпов и кластеров для блога о программах упражнений.
Линии представляют собой внутренние ссылки.
Однако вам следует соблюдать одно предостережение относительно внутренних ссылок: не вставляйте ключевые слова в якорный текст вашей ссылки. Это называется «черным SEO», и чтобы предотвратить это, Google создал специальные алгоритмы для наказания за такое поведение.
6. Обеспечьте доступ к большинству страниц вашего сайта в 3-4 клика.
Даже если на вашем сайте миллион страниц, архитектура должна позволять пользователям начинать с главной страницы и заканчивать на любой странице за три-четыре клика.
Для этого разработайте навигацию верхнего уровня, которая сможет направлять пользователей к основным категориям вашего сайта. Затем убедитесь, что на каждой странице основных категорий вашего веб-сайта можно перейти на все страницы подкатегорий.
7. Используйте панировочные сухари.
После внутренних ссылок хлебные крошки — лучший способ показать архитектуру вашего сайта. Эти ссылки показывают родительские страницы страницы вплоть до домашней страницы. Обычно они расположены над заголовком страницы и имеют стрелки, указывающие путь к текущей странице.
Вот пример из Лучшая покупка:
Вы можете добавить навигационную цепочку на свой сайт Content Hub, создав ее. расширенный модуль меню. Если вы используете свой сайт на WordPress CMS, мы написали простое руководство о том, как добавить хлебные крошки в WordPress.
8. Создайте карту сайта в формате HTML и XML.
Карта сайта — это документ, в котором перечислены все сканируемые страницы вашего сайта. Это чрезвычайно важно для архитектуры веб-сайта, поскольку оно показывает вашу структуру в читаемом и доступном для сканирования формате.
Карта сайта HTML ориентирована на пользователя и имеет тот же дизайн, что и остальная часть вашего веб-сайта. Обычно он предназначен для пользователей, которые не могут найти определенную страницу и которым будет полезно просмотреть список всех ваших страниц.
Вот HTML-карта сайта eBay В качестве примера:
Карта сайта XML в первую очередь предназначена для поисковых систем. Они отображают все URL-адреса в текстовом формате. Если ваш сайт создан на WordPress, вы можете использовать плагин карты сайта для создания карты сайта в формате HTML и XML.
Обновите архитектуру вашего сайта и улучшите SEO
Архитектура вашего сайта невероятно важна как для пользовательского опыта, так и для SEO. Используя надежную стратегию структурирования веб-сайта, вы улучшите время ожидания и побудите пользователей потреблять больше вашего контента. Это означает увеличение количества конверсий с течением времени, повышение рентабельности инвестиций и увеличение доходов вашего бизнеса.
Примечание редактора: этот пост был первоначально опубликован в октябре 2018 года и обновлен для полноты.