Самое важное в разработке сайта, его базис — это структура. Логичная, упорядоченная и понятная, она позволяет пользователю быстро находить нужные сведения, а бренду — добиваться лояльности целевой аудитории. Что включает разработка структуры сайта, и как сформировать «каркас» веб-ресурса, который будет удобен пользователям и понятен поисковым системам.
Основные шаги создания структуры
Чтобы разработать структуру сайта, необходимо:
- Определить ключевую цель сайта.
- Составить семантическое ядро.
- Выделить разделы и подразделы сайта.
- Оформить готовую структуру.
Этапы разработки имеют специфику — рассмотрим каждый более детально.
Определение цели сайта
Первое, с чего стоит начать. Если цель — продажи, то внимание пользователя должно быть обращено на продукцию или услуги. В случае формирования бренда, акцент делают на сведениях о компании, ее истории и достижениях.
Когда же сайт информационный — например, специализированный блог, — структуру формируют по тематикам статей в зависимости от популярности каждой.
Самое важное — установить предназначение сайта, выделить задачи, которые он должен решать. И в меню на первый план вынести ключевую цель, а на второй — второстепенную.
Приведу пример. Ветеринарная клиника имеет сайт. Цель его использования — повысить число четвероногих пациентов. Значит, кнопка «Услуги» должна занимать первое место в меню веб-ресурса. Так пользователь сможет быстрее найти нужный вид помощи своему животному.
Второстепенные цели — брендинг и рост читателей тематического блога — размещаются вторым и третьи пунктом меню. Тот, кому важна эта информация, обязательно перейдет по ней. Но таких пользователей меньше, чем тех, кто ищет конкретную услугу, поэтому данные разделы размещены далее.
Контакты, наряду с услугами, играют важную роль в работе клиники, поэтому они размещены последним пунктом меню, чтобы пользователь мог также быстро их найти.
Составление семантического ядра
Создание структуры сайта обязательно включает этот этап. Каждой странице необходимо иметь собственный набор ключевых фраз, которых требует поисковая оптимизация.
Пересечений быть не должно: если СЯ проработано плохо, и несколько страниц имеют одни и те же КФ, они будут ранжироваться в поиске хуже, чем сайты с качественным семантическим ядром.
Для СЯ нужно:
- Сформировать «черновой» список ключевых фраз для отдельных страниц.
- Отсеять «нулевые» и неподходящие по тематике запросы.
- Осуществить кластеризацию и группировку КФ.
В итоге мы получаем группы запросов для каждой страницы, на которые будем опираться в финальной разработке структуры сайта.
Выделение разделов и подразделов
После определения цели веб-ресурса и создания семантического ядра переходим к непосредственной проработке структуры. Наиболее эффективной с точки зрения удобства пользователей и SEO-продвижения считается иерархическая структура сайта.
Логика иерархии заключена в создании общих разделов и подразделов, относящихся к ним. Это упорядочивает страницы, упрощая поиск нужной информации.
Иерархия также помогает уменьшить уровень вложенности — общее число кликов от Главной до искомой URL. Оптимальным уровнем вложенности считается 3, и иерархическая структура сайта позволяет поддерживать его.
Вернемся к примеру с ветеринарной клиникой. Раздел «Услуги» делится на подразделы соответствующей медицинской помощи животным. Его иерархия сразу показана в Меню.
Подразделы обособлены друг от друга, чтобы пользователю было удобно находить нужный.
Некоторые из них имеют собственные подразделы — например, «Диагностика» или «Дерматология». Это еще больше упрощает общение пользователя с сайтом.
В формировании разделов и подразделов опирайтесь на семантическое ядро сайта, объем и специфику информации. Если подобранные ключевые фразы и сведения на странице подсказывают, что ее можно разделить на два URL, смело это делайте. Как и в случае с «Диагностикой» на сайте ветеринарной клиники, вы получите раздел второго уровня с соответствующим подразделом.
Но не злоупотребляйте: здесь должна быть логичность.Много подразделов в меню утяжелит его, и уровень вложенности страниц вашего сайта превысит отметку в 3.
Оформление готовой структуры
Проектировать структуру сайта стоит в графическом редакторе. Подойдет даже Paint . Лучше, конечно, использовать Adobe Photoshop или Figma: они намного удобнее. Представив структуру как изображение, вам легче будет ориентироваться в ней для создания дизайна и верстки.
На примере уже знакомой ветеринарной клиники покажу, как может выглядеть готовая структура.
Также для создания структуры сайта подойдут онлайн-платформы, например, mindmeister.com. Простой и понятный интерфейс Mindmeister поможет выстроить «каркас» веб-ресурса даже без знания графических редакторов.
Готовая структура может быть выполнена в виде:
- интеллект-карты,
- органиграммы,
- списка,
- Project Retrospective.
В нашем примере структура сайта ветеринарной клиники, разработанная в MindMeister, представлена списком.
Многие могут спросить: «А почему нужны именно графические редакторы или онлайн-платформы для разработки структуры сайта? Достаточно составить список в Microsoft Word».
Отчасти соглашусь с подобным тезисом, однако здесь есть свои нюансы. В текстовых редакторах обычно проектируют структуру малых сайтов, лишенных большого числа разделов и подразделов.
Если же веб-ресурс масштабный — например, интернет-магазин, — структура может быть написана неверно, так как легко ошибиться.
В финале просмотрите структуру еще раз, проверьте на ошибки. Также покажите ее другому человеку, чтобы он оценил ее с позиции пользователя, внесите правки, если они нужны. Структура готова!