3 кита сайта: логика, семантическое ядро, юзабилити

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

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

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

Пример неудачного оформления:

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

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

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

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

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

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

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

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

Важно выстроить структуру до того, как вы приступите к оформлению сайта и его наполнению!

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

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

Для наглядности пример структуры сайта:

С такой схемой пользователь достаточно легко найдет все нужное.

Конечно да! И начать стоит именно с конкурентов.

Представьте, что вы вечно всем недовольный посетитель, который только и ищет повод для конфликта.

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

Теперь перейдем к конкретике, ведь лучше один раз увидеть… Возьмем сайты интернет-магазина «Спортмастер» и площадки «Habr.com».

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

«Habr.com» — система тематического коллективного блога. Здесь на первом месте не продажи, а информация, интересная для посетителей. Структура выстроена максимально просто, интуитивно понятна и при это помогает найти интересующие материалы.

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

Мы уже говорили о частотности поисковых запросов, запросах вообще. Но тут тоже не все так просто. Все хорошо в меру, и ключи — не исключение.

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

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

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

Что снижает юзабилити:

• Непонятная структура — нет разделов, категорий, тегов. Пользователю сложно ориентироваться.
• Обилие всплывающей рекламы и ссылок на бесполезные либо сторонние ресурсы.
• Страницы, изображения или видео загружаются медленно, приходится ждать.
• Более 3 кликов на нужное действие.
• Раздражающий дизайн, на фоне страницы плохо читается шрифт, от цветов «рябит в глазах».

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

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

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

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