Содержание

зачем и как с примерами

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

Заказывайте честное и прозрачное продвижение

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

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

Правильная архитектура сайта — какая она? Сегодня постараемся ответить на этот вопрос. Материал основан на статье, которая вышла в блоге Zyppy. Автор рассказывает о личном опыте и делится ценными советами. Среди них как и полюбившиеся вам «правила 3х кликов», так и новые методы, основанные на статистике.

  • Что такое архитектура сайта
  • 1. Золотое правило: удовлетворять намерение пользователя
  • 2. Сглаживание архитектуры
    • Как проанализировать глубину клика
  • 3. Страницы-концентраторы
  • 4. Создание контентных воронок
  • 5. Перекрестные ссылки и контекстно-зависимые страницы
  • 6. Ссылайтесь с авторитетных страниц на менее авторитетные
  • 7. Пагинация, View All и бесконечные экраны прокрутки
    • Как настроить пагинацию
  • 8. Фасетная навигация
  • 9. Карты сайта HTML
  • 10. Заметные ссылки на новый контент
  • 11. Ссылки из новых статей на старые
  • 12. Хлебные крошки
  • 13. Ограничение ссылок
  • 14. Иерархическая структура URL
  • 15. Правильный текст в анкорах (и разный)
    • Работа с приоритетными ссылками
  • Заключение

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

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

Ниже — пример большого сайта. Мы использовали лишь пару советов из тех, которые вы увидите ниже, но увеличили трафик на 175%.

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

Архитектура сайта — это способ организации страниц, доступа к ним и навигации. К ней относятся:

  • навигация и ссылки;
  • URL-адреса;
  • хлебные крошки;
  • страницы категорий;
  • файл Sitemap.

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

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

Преимущества архитектуры сайта при SEO:

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

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

Перед выбором способа связывания и организации страниц, ответьте на три вопроса:

  • Что ищут люди?
  • Почему это важно?
  • Как страницы соотносятся друг с другом?

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

Проанализируем все рабочие элементы:

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

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

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

  • получают больше уникальных визитов;
  • на которые больше всего трафика из органики;
  • получают лучшее вовлечение.

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

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

2. Сглаживание архитектуры

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

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

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

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

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

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

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

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

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

Как проанализировать глубину клика

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

  • Screaming frog;
  • Ryte;
  • Moz;
  • SEMRush;
  • OnCrawl.

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

  • WebSite Auditor;
  • Sitebulb.

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

3. Страницы-концентраторы

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

Цели создания страниц-концентраторов:

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

Рассмотрим страницы на примере Consumer Reports и Moz.

Лучшие концентраторы те, у кого много релевантных ссылок.

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

4. Создание контентных воронок

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

SILO — это иерархическая организация контента по темам. Концентратор — это агрегированный контент по темам, Silo — его иерархическое представление.

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

Воронка обычно предусматривает:

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

Эти элементы — основа группировки для SILO.

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

5. Перекрестные ссылки и контекстно-зависимые страницы

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

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

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

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

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

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

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

Это страница для целевых посетителей, например:

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

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

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

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

  • Выгрузить отчет о внутренних ссылках в Google Search Console. Вы увидите информацию для лучшей тысячи URL-адресов. Если на вашем сайте больше 1000 урлов, настройте сегментацию по каталогам для детальной информации.
  • Инструменты Moz, Ahrefs, SEMRush сообщают информацию о каждой ссылке. Вы можете отфильтровать отчет и увидеть как трастовые ссылки, там и самые жидкие.
  • Google Analytics расскажет, какие страницы получают наибольший трафик, а какие имеют высокий показатель конверсии. Направьте трафик на страницы с высокой конверсией.

7. Пагинация, View All и бесконечные экраны прокрутки

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

  • пагинация;
  • просмотр всех элементов;
  • бесконечный скроллинг.

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

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

Второй метод — «показать все» — также сглаживает архитектуру портала. Некоторые оптимизаторы считают, что так Google лучше считывает содержимое сайта, ведь все объекты связаны с одной страницей. Метод хорошо работает, когда у вас много продуктов или записей. Минус в том, что когда у вас 100 или 1000 записей/товаров на странице, она долго загружается. А как мы помним, скорость загрузки сайта — наше все.

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

Как настроить пагинацию

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

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

8. Фасетная навигация

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

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

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

На примере Zappos: если Google проиндексирует страницу Girls Sandals Size 00, он сочтет ее неуникальной. А для страницы Girls Sandals такого не произойдет.

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

  • Мета-тег robots, запрещающий или разрешающий индексацию страницы.
  • Файл Robots.txt, который дает рекомендации ботов, какие страницы следует индексировать.
  • Rel=Canonical, использующийся для консолидации ссылок.
  • Инструмент «Параметры URL», чтобы добавить параметры для отображения.
  • Nofollow.
  • Схема JavaScript.

9. Карты сайта HTML

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

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

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

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

10. Заметные ссылки на новый контент

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

Первая из проблем — у Google нет сигналов, чтобы как-то судить ваш контент, даже если вы поместите страницу с ним в карту сайта. Решение весьма простое — дать ссылку на материал на авторитетной странице. Вот как это объясняет Джон Мюллер (John Mueller) из Google:

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

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

11. Ссылки из новых статей на старые

Это старый трюк, который до сих пор классно работает.

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

Этот способ приносит пользу сразу в нескольких направлениях:

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

Возьмите это за привычку.

12. Хлебные крошки

Это просто и важно потому, что:

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

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

13. Ограничение ссылок

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

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

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

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

Так Wayfire удалили 150 ссылок из панели навигации, включая 31 из футера. Затем они протестировали, к чему это привело.

Старый подвал:

Новый:

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

Основное правило: тематическая релевантность + поисковая потребность пользователя > глубины клика.

Вместо того, чтобы ставить ссылки на страницы, которые «могут быть интересны», свяжите их с актуальными элементами, которые сразу же помогут пользователю. Один из методов — использовать аналитические инструменты и тепловые карты. Хватит даже стандартного инструмента Яндекс.Метрики. Так вы увидите ссылки, на которые люди почти не нажимают:

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

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

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

Например, https://semantica.in/blog/5-istorij-uspekha-v-kontent-marketinge-uchimsya-i-vdokhnovlyaemsya-perevod.html — это адрес статьи «5 историй успеха в контент-маркетинге: учимся и вдохновляемся». Пользователь сразу видит, что это запись в блоге студии и понимает, что она — о кейсах контент-маркетинга.

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

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

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

15. Правильный текст в анкорах (и разный)

Часто оптимизаторы говорят, что текст в анкорах не относится к структуре сайта. Однако это не верно.

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

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

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

Ссылка, расположенная в системе навигации, присутствует на всем сайте. SEO-эксперименты и заявления от Google говорят нам о том, что система считает только первый текст в анкоре.

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

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

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

Заключение

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

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

Что такое архитектура сайта и зачем она нужна? — 18 Июля 2012

Архитектура сайта — важный момент проектирования сайта

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

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

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

Без грамотно выстроенной архитектуры сайта невозможна скорая и полная индексация поисковыми роботами. Просто Studio рекомендует создавать страницы 2-3 уровня вложенности – страницы, ссылки на которые идут с главной страницы и основных разделов сайта. То, что находится глубже, индексируется медленнее.

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

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

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

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

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

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

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

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

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

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

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

Как настроить оптимизированную для SEO архитектуру веб-сайта

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

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

Почему архитектура веб-сайта важна для SEO?

Три причины:

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

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

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

Причина № 2: Архитектура сайта создает авторитет ссылок на вашем сайте.

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

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

(Которые могут косвенно помочь вам в SEO)

Передовой опыт

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

В общем, «плоская» архитектура сайта лучше подходит для SEO.

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

Вот изображение плоской архитектуры сайта:

С другой стороны, «глубокая» архитектура сайта означает, что для доступа к определенным страницам требуется на 4-10 кликов больше:

Почему это важно?

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

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

Допустим, вы только что запустили новый блог о выпечке.

В идеале ваша архитектура должна выглядеть примерно так:

Как видите, все ваши основные категории связаны непосредственно с вашей домашней страницы.

И все ваши индивидуальные рецепты находятся в каждой категории.

Делайте вещи проще

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

Но как только вы начнете добавлять на свой сайт тысячи (десятки тысяч) разных страниц, простота станет ОГРОМНОЙ.

Я не могу передать вам, сколько раз я сталкивался с сайтами со сверхсложной архитектурой вроде этой:

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

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

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

Вот пример того, как может выглядеть иерархия вашего сайта:

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

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

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

Хотите открыть новую страницу? Добавьте его в существующую категорию. И ссылку на него со страницы этой категории.

Хотите добавить кучу новых страниц? Создайте новую категорию. И ссылку на новые страницы с этой страницы новой категории.

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

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

Например, в Backlinko проиндексировано около 120 страниц:

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

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

Структура URL-адреса

Структура URL-адреса должна логически следовать вашим категориям.

Вот пример структуры URL-адресов, которую используют многие сайты:

https://example.com/category/subcategory/keyword-keyword

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

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

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

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

И со страниц категорий на отдельные страницы в этой категории:

Например, Best Buy ссылается на все свои категории со своей домашней страницы:

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

Примечание. Используйте HTML для навигации

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

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

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

Примечание. Убедитесь, что ваши навигационные ссылки созданы в формате HTML, а не JS или Flash.

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

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

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

Вот пример:

Дополнительные ссылки

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

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

Например, если вы ищете «Backlinko» в Google, вы увидите, что у меня есть несколько дополнительных ссылок под моим результатом в результатах поиска:

И когда вы ищете «Backlinko Keyword Research», Google перечисляет кучу страниц по этой теме, которые связаны друг с другом:

Узнать больше

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

Seobility Tool: надежный инструмент SEO-аудита, плоская или глубокая архитектура.

Что такое архитектура веб-сайта? Создание оптимизированной для SEO структуры сайта

Ключевые моменты

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

Вы когда-нибудь заходили в отдел распродажи большого универмага через неделю после Рождества? Это абсолютный хаос. Повсюду кучи одежды; теги отсутствуют; размеры перепутаны; отделы смешаны. Никакой организованности нет.

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

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

МАРКЕТИНГ
ТЕРМИН
ОПРЕДЕЛЕНИЕ

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

Архитектура веб-сайта относится к планированию и разработке информационной архитектуры сайта (IA) для создания структуры и повышения удобства использования.

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

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

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

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

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

Имеет смысл?

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

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

  • Продукты, которые заканчиваются глубиной в восемь кликов
  • Тупики, которые возвращают 404 ошибки
  • Неправильно обозначенные или пустые категории
  • Минимально полезная навигация
  • Дублированный контент
  • И так далее…

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

Архитектура веб-сайта для поисковой оптимизации

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

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

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

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

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

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

Архитектура веб-сайта для клиентов

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

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

Лучшие практики архитектуры веб-сайта

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

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

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

Запуск сортировки карточек

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

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

Глубокие и плоские модели архитектуры веб-сайтов

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

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

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

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

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

Другими словами, не форсируйте клики, когда вам это не нужно.

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

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

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

Передовой опыт навигации по сайту 

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

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

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

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

Структура URL-адресов

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

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

Однако структура URL-адреса не соответствует хлебным крошкам или навигации:

  • https://www.target.com/c/polo-shirts-men-s-clothing/-/N-55cxg

Основано в навигации и хлебных крошках более подходящая структура URL будет выглядеть так:

  • https://www. target.com/c/mens-clothing/shirts/polo-shirts/-/N-55cxg

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

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

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

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

Канонические теги

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

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

Заключительные мысли

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

No related posts.