Из этого материала вы узнаете:
- Описание структуры сайта
- Значение структуры страниц сайта
- Требования к структуре сайта «Яндекса» и «Гугла»
- 4 вида структуры сайта
- Пошаговая подготовка структуры сайта
- Эталонная структура сайтов Интернета
- Главная страница в структуре сайта
- Структура раздела сайта «О нас»
- Страница продуктов и услуг в структуре сайта
- Нужен ли FAQ в структуре сайта
- Место контактной информации в структуре сайта
- Отдельная страница «Ошибка 404» в структуре сайта
- Конечный пункт в структуре сайта - правовая информация
Продуманная структура сайта является главным связующим звеном между желанием владельца ресурса привлекать новых посетителей, конвертируя их в лиды, и стремлением гостей страницы в Интернете удовлетворить свои потребности: получить необходимую информацию, заказать услугу, купить товар и т. д.
Важно заранее продумать не только общую структуру, но и то, как будет выглядеть каждая отдельно взятая страница. Это позволит повысить юзабилити веб-ресурса, сделать его интересным и привлекательным. О том, какой должна быть идеальная структура сайта, что размещать на страницах ресурса, вы узнаете из нашего материала.
Описание структуры сайта
Структура сайта (архитектура) – это четкая, логически выстроенная система расположения элементов, которая позволяет посетителям ориентироваться и находить нужную информацию на ресурсе.
Простыми словами, это система, благодаря которой пользователь может определить:
- где я нахожусь в данный момент (стартовая страница);
- куда я попаду дальше (переход между страницами);
- какая связь между элементами.
Чтобы выстроить грамотную архитектуру, необходимо сначала изучить запросы и предпочтения будущих посетителей веб-ресурса. Какая информация им нужна? Что они сейчас ищут?
Структура сайта
Правильная структура сайта – это путь, по которому пользователь должен найти интересующий его контент. Конечно, здесь важную роль играет и SEO-оптимизация: ключевые запросы, перелинковка и т. д., но на этом этапе главное разобраться в самой структуре. Проще говоря, чем лучше выстроена система сайта, тем больше у вас будет посетителей, ведь они смогут быстро находить запрашиваемую информацию и перемещаться между страницами ресурса.
Приведем примерную схему структуры сайта для маленького интернет-магазина:
Схема сайта
Так выглядит понятная архитектура, где каждый товар или услуга находятся на своем месте и странице.
Значение структуры страниц сайта
Важным этапом создания сайта является построение его будущей архитектуры. Она отвечает за размещение и взаимосвязь всех страниц, разделов и других компонентов интернет-площадки.
Грамотно структурированный сайт удобен в использовании и позволяет даже неопытному пользователю легко разобраться что к чему. К тому же такой ресурс проще развивать и добавлять новые компоненты, а вносимые изменения не разрушат структуру.
Архитектура сайта
Архитектура сайта влияет на то, как его воспринимают поисковые системы: смогут ли они его проиндексировать, какая информация окажется в сниппете и какую позицию в выдаче займет ресурс. Качественная организация позволяет широко охватить имеющийся запрос от пользователей, а поисковику легко отыскать эту информацию.
При создании структуры веб-сайта обратите внимание на ключевые моменты, которые стоит учесть.
Во-первых, она должна быть логичной, понятной и предсказуемой. Именно поэтому сайт важно разбить на разделы и подразделы, где каждый документ имеет свое место. К примеру, ножницы для травы должны располагаться в разделе «Садовые инструменты», а не в «Товарах для дома». Так пользователь сразу переходит на необходимую ему страницу, а не блуждает по всему сайту.
Для каждой статьи, товара или услуги нужно создать отдельный документ со своим URL (унифицированный адрес ресурса). Хорошо, если по указателю сразу можно понять, что расположено на странице и в какой категории она находится. Так, для садового секатора можно выбрать адрес https://www.vseinstrumenti.ru/sadovaya-tehnika/sadoviy-instrument-i-inventar/sekatory. Не важно, на каком языке написан такой указатель, главное, чтобы он был понятным и читаемым.
Другим способом поиска нужной страницы являются навигационные цепочки или так называемые хлебные крошки. Это дополнительное меню, с помощью которого посетитель сможет понять, где он находится, и при необходимости вернуться в предыдущий раздел или на главную страницу.
Во-вторых, важна четкая ссылочная система внутри сайта. Иначе поисковик не проиндексирует ресурс и он не попадет в выдачу. Если сайт содержит статьи или документы без ссылок, алгоритм может никогда их не найти и они не будут отражаться в поисковом запросе.
Важно предусмотреть не только навигационные цепочки от главного раздела до остальных страниц сайта, но и внутренние ссылки. К примеру, страница про садовые секаторы может ссылаться на страницу о садовом инвентаре.
Рекомендуется создавать отдельные документы специально для основных поисковых запросов, связанных с ресурсом. Допустим, вы знаете, что пользователи часто ищут недорогие садовые инструменты, выделите отдельную страницу, где предложите свои варианты. Важно, чтобы такие документы несли пользу. Иначе есть риск захламить сайт ненужной информацией.
Требования к структуре сайта «Яндекса» и «Гугла»
Поисковые системы предъявляют к организации структуры сайта определенные требования. Поэтому при создании веб-ресурса разработчики должны не только сделать его удобным для пользователей, но и подстроиться под критерии робота.
Разные поисковики по-своему обрабатывают информацию и формируют рекомендации, относительно архитектуры сайта. При этом они учитывают структуру URL, что по большому счету одно и то же.
Остановимся подробнее на конкретных условиях, выдвигаемых алгоритмами.
Требования «Яндекса» к структуре сайта.
Техподдержка популярной поисковой системы содержит самостоятельную страницу, где указаны подробные требования, касающиеся создания структуры сайта. Приведем наиболее важные положения:
- Обеспечьте четкую систему ссылок на сайте, где все страницы располагаются в своем модуле, категории или разделе. При этом каждый документ оснащен минимум одной ссылкой для перехода с другой страницы сайта.
- Сделайте все ссылки внутри сайта текстовыми, так поисковый робот эффективнее проанализирует ваш контент.
- Для каждой страницы создайте свой уникальный адрес (URL). Это необходимо для того, чтобы на разные страницы ресурса вели отдельные адреса, а одна и та же страница была доступна только по одному указателю. Яндекс рекомендует сделать URL таким, чтобы можно было понять, куда он ведет.
- Для крупных сайтов применяйте карту в формате XML (sitemap). Алгоритмы используют ее для быстрого сканирования интернет-площадки.
- Для того чтобы ограничить индексацию страниц, не представляющих ценности для поисковой системы (например, статистика посещений), используйте файл robots.txt.
- Проверьте корректность symlink’ов, чтобы при навигации по интернет-ресурсу не получался бесконечно растущий URL. Яндекс приводит пример такого адреса – example.com/vasya/vasya/vasya/vasya/. Подобные страницы могут не индексироваться.
Как видно, «Яндекс» предъявляет довольно большой список условий, необходимых при создании сайта.
Требования Google к структуре сайта. Поисковик Google содержит куда более понятные и лаконичные рекомендации:
- Разработайте удобную и простую структуру сайта.
- Сделайте URL логичным и понятным для пользователя, для этого необходимо грамотно упорядочить информацию на сайте.
- Избегайте громоздких и сложных URL-адресов.
- Применяйте ключевые слова вместо цифровых идентификаторов.
- В URL-адресе используйте знаки препинания (желательно дефис);
Также поисковая система предлагает конкретные примеры и возможные причины и способы решения проблемы, по которой Googlebot не может просканировать сайт полностью.
Если ожидания алгоритмов относительно структуры сайта не будут оправданы, не стоит рассчитывать на хороший приток посетителей.
4 вида структуры сайта
-
Линейная
Самая простая схема построения структуры сайта, когда переход между страницами осуществляется в прямой последовательности. Линейная верстка используется для сайтов-презентаций или для регистрации посетителей ресурса. Пользователь как по цепочке проходит путь от главной страницы к последней, не имея возможности свернуть на другой контент. Такая схема неэффективна для продвижения, поскольку акцентирует внимание человека только на главной странице.
-
Линейная
В отличие от предыдущей эта схема имеет несколько ответвлений от основной цепочки. Такая структура подходит для сайтов, которые хотят познакомить пользователя с несколькими продуктами. При этом навигация осуществляется также последовательно. Например, сайт-портфолио парикмахера, работающего в разных техниках. Благодаря ответвлениям пользователь может оценить работы мастера постранично.
Сайт со сложной линейной версткой имеет одну главную и несколько последних страниц, предоставляющих пользователям право выбора. Однако для продвижения такая структура тоже неудобна.
Линейная
-
Блочная
Блочная схема структуры подходит для сайтов, продающих один продукт. Она предполагает наличие нескольких страниц, которые ссылаются друг на друга и связаны с главным меню. При этом на каждой странице можно разместить отдельные характеристики товара. Благодаря такой перелинковке сайт проще продвигать в поисковых системах. Понятно, что эта структура подходит не для всех интернет-площадок.
-
Древовидная
Самый распространенный и гибкий вариант структуры сайта, где каждому продукту соответствует своя страница. Пользователи привыкли иметь дело именно с такими площадками. Благодаря четкой и логичной перелинковке они могут беспрепятственно перемещаться по страницам и разделам сайта, а сам ресурс выглядит привлекательнее. Древовидная схема позволяет рекламировать сразу несколько разделов сайта и эффективно продвигать площадку в Интернете.
Пошаговая подготовка структуры сайта
Шаг 1. Панель навигации и футер
Начните с важных элементов, которые обязаны быть на каждой странице, – это навигационное меню и футер (подвал) сайта. Пользователи всегда должны иметь возможность ориентироваться на интернет-ресурсе. Главная навигационная панель, как правило, содержит логотип и переходы на основные разделы. Футер – это блок, расположенный внизу страницы под основным контентом. Обычно он включает в себя информацию о ресурсе, навигацию и ссылки на соцсети.
Желательно закрепить меню навигации, так чтобы оно всегда было перед глазами пользователей, как бы далеко они ни прокрутили страницу. Такое меню называют липким – это необязательный, но очень полезный элемент структуры сайта.
Шаг 2. Призыв к целевому действию
Проверьте, чтобы элементы (CTA), побуждающие клиента совершить целевое действие, были хорошо видны и находились на своем месте. Обычно такие призывы размещаются в виде соответствующей кнопки, но могут быть и другие варианты: ссылки, видео или изображение.
Практика показала, что от того, насколько качественно проработаны элементы CTA, зависит количество кликов от пользователей. Поэтому они должны выделяться на фоне остального контента.
Шаг 3. Повысьте CTR
Это показатель кликабельности объявлений, который отражает эффективность рекламной кампании. Обычно гости сайта обращают свое внимание на информацию, которая расположена в первом верхнем поле экрана.
ctr
Добавив самый важный контент и элементы призыва в это пространство, можно существенно повысить показатель CTR и привлечь внимание пользователей.
Для того чтобы просканировать монитор, человеку достаточно примерно 4 секунд, и если он в течение этого времени не найдет необходимую ему информацию, то, вероятнее всего, покинет сайт.
Шаг 4. Политика конфиденциальности
Если вашими клиентами являются граждане Европейского союза, соответственно обработка персональных данных должна осуществляться согласно их законодательству, а конкретно по регламенту GDPR (General Data Protection Regulation).
Позаботьтесь о том, чтобы при первом посещении сайта появлялось всплывающее окно, предупреждающее об использовании сайтом файлов cookies.
ТОП-5 ПОПУЛЯРНЫХ СТАТЕЙ
Дело в том, что эти файлы хранят личную информацию пользователей (логины, пароли и др.) и могут использоваться для их идентификации. Если вы собираете и обрабатываете такие данные, посетителей стоит предупредить, чтобы они могли согласиться или отклонить cookies.
И учтите, что, несмотря на ваше желание предоставить в первую очередь информацию целевой аудитории, доступ к сайту должен быть у всех.
Эталонная структура сайтов Интернета
Если проанализировать качественные, хорошо продуманные интернет-площадки, можно сделать вывод, что структуры этих сайтов схожи. Эти проверенные практикой макеты можно принять за образцы и не бояться, что в ближайшем будущем они существенно поменяются.
Эталонная структура сайта
Говоря об эталонной структуре веб-ресурса, важно понимать, что даже идеальное соблюдение всех условий и требований не гарантирует вам того, что сайт попадет в топ выдачи, так как любая из поисковых систем использует сотни факторов для ранжирования. Тем не менее расскажем вам о том, что должна в себя включать структура хорошего ресурса. Это азы, с которых необходимо начать. Первым делом проанализируйте ваш бизнес и изучите сайты конкурентов, чтобы получить максимальный результат.
Правильно согласованная структура включает в себя следующие страницы:
- Главная.
- Сведения о компании («О нас»).
- Контакты («Обратная связь»).
- Наши продукты («Товары, услуги»).
- Часто задаваемые вопросы (FAQ).
- Блог.
- Вакансии.
- Ошибка 404.
- Юридическая информация.
Наверняка большая часть сайтов, которые вы когда-либо посещали, включали все эти элементы. Неудивительно, поскольку данная структура хорошо зарекомендовала себя во многих сферах бизнеса. Конечно, специфика компании, ее размер или другие факторы будут вносить свои коррективы при разработке сайта, однако основа практически не меняется.
Приведенный выше список можно сократить до пяти страниц и оставить самое необходимое. При этом базовая структура будет выглядеть следующим образом:
- Главная страница.
- Сведения о компании («О нас»).
- Контакты («Обратная связь»).
- Наши продукты («Товары, услуги»).
- Юридическая информация.
Грамотное размещение страниц помогает пользователю быстро и эффективно найти необходимую информацию, а сайту подстроиться под поисковые системы. Алгоритмы анализируют поведение посетителей и продвигают ресурс вверх в выдаче или наоборот.
Задача любого документа, входящего в структуру сайта, – превратить потенциального клиента в реального. Рассмотрим веб-ресурс с точки зрения воронки продаж. Вершину составляют главная страница и блог – это этап знакомства с компанией. Полезные страницы и ответы на часто задаваемые вопросы образуют середину воронки (этап оценки), а страница с вашим продуктом – это горлышко, ведущее к продажам.
Таким образом, структура организации всей информации на сайте задана в определенной последовательности, чтобы постепенно подогревать пользователей. Путешествуя по ресурсу, они в конечном итоге должны оказаться на странице с продуктом. Часть посетителей, добравшихся до этого этапа, станут вашими клиентами.
Главная страница в структуре сайта
Для чего она нужна? Стартовая страница – это обязательный элемент ресурса, который призван привлечь внимание и интерес посетителей, помочь им с навигацией. На этом этапе важно убедить пользователя остаться.
Главная страница
Что она содержит:
- Главное изображение (Hero image).
- Наш продукт.
- Основные преимущества.
- Сведения о компании («О нас»).
- Вакансии.
- Отзывы (рекомендации, результаты исследований).
- Элементы призыва к целевому действию.
В настоящее время главная страница по-прежнему остается необходимой частью структуры любого сайта, но не самой важной. Как показали исследования, посетители задерживаются здесь около 7 секунд, поскольку люди заинтересованы в конкретной информации. Если говорить простыми словами, стартовая страница представляет собой распределительный пункт вашего ресурса. Это как зал ожидания в аэропорту, место, конечно, красивое и удобное, но вам нужно улетать.
Поэтому главную страницу используют в качестве панели навигации, она позволяет посетителям ориентироваться на веб-ресурсе и найти то, что им нужно.
.png)


