Разрабатывая дерево сайта, не следует пренебрегать использованием базовых схем. Что представляет собой его структура, какое влияние она оказывает на продвижение, конверсию – расскажем в этой статье.
То, насколько успешно будет продвигаться ресурс, а также достижение 80%-ной конверсии определяется структурой и конверсионной цепочкой сайта. Сам же процесс создания дерева сайта затрагивает 5 задач, относящихся к категории базовых.
Структура сайта представляет собой древовидную схему либо иерархию блоков. Для коммерческого сайта правильная структура похожа на гипермаркет. Тут имеются «отделы», внутри которых предусмотрены «полки» с товарными группами.
Также существуют вспомогательные «отделы доверия»: то есть страницы, где описываются варианты доставки, перечисляются гарантии, содержатся отзывы посетителей.
У небольшого онлайн-магазина либо сайта-визитки бренда сеть категорий может быть не такой разветвленной. Но продуманная иерархия необходима – она упрощает навигацию, облегчает индексацию страниц поисковыми системами.
Структура сайта может быть внутренней либо внешней. Первый вид представляет собой создание web-страниц с последовательной перелинковкой. Страницы по товарам логично связаны со вспомогательными страницами, где указываются данные касательно способов оплаты, контакты, сервисы, FAQ. По внутренней структуре строится горизонтальная цепочка конверсии.
Внешняя структура предусматривает наличие базовых блоков у любой страницы: шапки, главного меню, основного содержимого, «подвала». В ряде случаев размещение конверсионной цепочки в виде кнопки «оплатить», FAQ, формы заказа происходит на страничке с карточкой товара.
Оба вида структур взаимосвязаны. Разберемся подробнее в этом вопросе с примерами использования маркетинговых задач.
Базовые структуры – варианты перелинковки сайтов, представлены двумя видами.
Двухуровневая. Это оптимальный вариант для ресурса с несколькими страницами. С ее помощью можно создавать сайт-визитку начинающего специалиста, молодого предприятия в отрасли.
Многоуровневая. Предусматривает наличие нескольких уровней вложенности – крупные категории с подразделами.
Такой тип структуры подойдет крупным предприятиям, оказывающим несколько типов услуг, online-магазинов.
Структура-паутина. Область применения – новостные, товарные сайты-агрегаторы. Ее выбирают при создании масштабного торгового портала. Она предусматривает наличие многочисленных разделов второго уровня: товарные категории, новинки, бренды. Адреса страниц третьего уровня из разных родительских страничек естественно пересекаются между собой. В качестве элементов для связи выступают фильтры, поиск товаров с похожими параметрами, прочие опции.
Дополнительные фильтры у крупной торговой площадке выглядят так.
Наличие двух отдельных веток URL-адресов, ориентированных на разную ЦА. Наглядные примеры:
Разработка внешней структуры торговых порталов опирается на стандартные макеты. Это современный стандарт построения сайтов, ориентирующийся на открытия айтрекинга.
Независимо от выбранного дизайна – строгого или броского – в шаблоне должны присутствовать базовые блоки.
Зеленым цветом тут обозначены стационарные элементы, присутствующие на каждой web-страничке – шапка (header) и футер.
Шапка располагается в верхней части. В ней обязательно присутствует логотип, название предприятия либо ФИО специалиста, основные кнопки меню. Шапка также может содержать УТП, контактную информацию, кнопки входа/регистрации, корзину (для маркет-ресурсов), кнопки конверсии, баннер рекламы, сведения касательно временных акции.
Кнопка конверсии популярной биржи фриланса выглядит так:
Текстовое поле содержит индивидуальную информацию, оно наполняется отдельно. Страница товара может содержать следующие элементы:
Пару раз на страничке размещается форма, призывающая к оформлению заказа.
Внизу поля принято располагать кнопки перехода на следующие элементы конверсии (элементы навигации).
Главная страничка как правило содержит линки на разделы каталога, отзывы, примеры работ/услуг, гарантии. Коммерческая страничка должна содержать элементы навигации, с помощью которых пользователь получает доступ к таким разделам, как:
В блогах под инфостатьями размещаются ссылки на конкретные товары/услуги, страничка «О нас», а также переход на главную. В идеале везде должны присутствовать донорские, акцепторные внутренние линки. Это позволяет одновременно решить следующие задачи:
Помимо шапки и контента структура сайта включает боковые меню (sidebar), которые не входят в категорию обязательных элементов, но могут применяться при необходимости обратить внимание на некоторые внутренние разделы, продукты, рекламу, акции и т. д.
При выборе шаблона на 2-3 колонки следует учитывать структуру eye tracking (технология движения глаз), а также диаграмму Гуттенберга.
Слева рациональнее располагать разделы каталога, а также ссылки, упрощающие навигацию.
Наглядные примеры:
В правой части сайта могут размещаться следующие блоки:
Наглядные примеры размещения сайдбара справа:
Но в использовании сайдбаров не все так гладко, есть и минусы:
«Подвал» сайта (footer) включает самый низ сайта. По традиции здесь размещается значок копирайт (©), а также иконки подключенных соцсетей.
Но здесь можно расположить и другую полезную информацию, которая поможет удержать уже готовых сделать заказ посетителей, а также повысить их лояльность.
Тут будет логично разместить следующие данные:
Пример оформления футера:
Еще один вариант оформления:
На этом ресурсе внизу продублировано главное меню, что тоже является распространенным вариантом оформления.
Какой логикой связаны внешняя и внутренняя структура? Что можно использовать для создания удобной цепочки конверсии как для всего ресурса, так и для его отдельных страничек? Как правильно оформить главное меню? Давайте разберемся во всем по порядку.
Рациональное создание сайта подразумевает логическое пересечение трех подходов.
1. Создание каталога с группировкой семантики.
Для начала необходимо разработать страницы для крупных категорий, а также для всех продуктов. Если осуществляется реализация новых, технически сложных либо комплексных продуктов, порою возникают трудности с их группировкой и разбивкой по категориям. Выход – ознакомиться с интересующими пользователей ключевыми запросами, посмотреть как организованы каталоги у конкурентов.
Первый шаг дополняется сбором семантического ядра. В его реализации используются разные способы:
На следующем этапе необходимо сгруппировать отобранные ключи. Это делается:
Инфозапросы представляют собой фразы вопросительного характера: «Где лучше купить мебель», «Какой ноутбук выбрать для игр». Данная группа ключей пригодится при реализации контент-плана на этапе создания статей в блог. В дальнейшем они будут использоваться в качестве средства дополнительного продвижения ресурса посредством инфостатей.
После подбора ключевиков можно изучить каталоги хорошо реализованных ресурсов у конкурентов. Составить перечень наиболее успешных их них в плане SEO поможет SERPSTAT. Чтобы это сделать, в строку сервиса прописывается главная ключевая фраза, выбирается регион и нажимается кнопка «SEO-анализ – Конкуренты».
Функционал сайта также позволяет провести сравнение по двум конкурентным ресурсам с выдачей списка уникальных фраз, с помощью которого можно будет расширить существующий каталог.
2. Создание воронки по формуле AIDA
Традиционная формула продаж имеет расширенную версию, которая используется при разработке страничек сайта, а также конверсионных переходов. Если сайт одностраничный, все элементы формулы реализуются в одном месте:
Если сайт многостраничный, каждый этап размещается на новой странице, например:
На промежуточной стадии, когда покупатель находится между желание и совершением действия, ему важно ознакомиться с технической информацией. На эту роль подходят странички «Способы оплаты», «Доставка».
Реализация действия либо совершения покупки происходит на новой страничке, где указан список контактов, корзина либо форма заказа.
При разработке сайта-визитки фирмы либо отдельного человека все составляющие элементы формулы в виде страничек должны присутствовать в верхнем главном меню.
Примерный вид ресурса будет следующим:
В меню это будет выглядеть следующим образом:
Пример меню на персональном сайте с выделением информации об авторе в разделе «Портфолио».
Главное меню сайтов-агрегаторов помимо остального может содержать объемный каталог, имеющий разветвленные блоки.
Пример краткого меню ресурса образовательного типа.
Двойной формат меню у специализированного маркетплейса.
На данный момент более актуальным способом создания отдельных посадочных страниц для товаров осуществляется и использованием формулы AIDA в виде мини-лендингов либо карточек продуктов. Расположение базовых блоков с оплатой, отзывами, заказом осуществляется по вертикали под соответствующим описанием.
Например, на страничке агентства выполнено пересечение продающей цепочки по вертикали и горизонтали. Внизу страничек расположена форма конверсии. Также предусмотрены альтернативные линки на страницы, удовлетворяющие интерес либо закрепляющие доверие. Для удобства целевого посетителя форма заказа предлагается к заполнению на различных этапах изучения ресурса.
3. UX-дизайн
UX технология является дополнением традиционной структуры, базирующейся на принципах формулы AIDA. При этом ключевой задачей остается создание предельно удобного, дружественного взаимодействия с ресурсом.
Практически это выглядит следующим образом:
Такой подход делает работу тренера проще, при этом обеспечивая сайту необходимый трафик. Сама платформа получает значительное преимущество в конкурентной борьбе.
Гармоничное объединение двух подходов предполагает следующий порядок действий:
Работа над структурой, наполнением ресурса сопровождается с появлением целого ряда дополнительных вопросов.
Какое дополнение можно подобрать для шапки, горизонтального меню?
Верхняя область ресурса может выступать в качестве первого элемента вертикальной цепочки конверсии, размещенной на каждой посадочной странице. По этой причине использование данного блока должно быть рациональным. Добавлять в заголовок можно такие элементы, как:
Одна из распространенных ошибок – добавление важных инфоблоков, таких как «Акции», «Статьи» в футер сайта, куда заглядывают далеко не все пользователи.
В шапке либо верхней части ресурса должна содержаться важная для ЦА информация.
Как определить необходимость сайдбара?
Для сайдбаров и футера обычно не предусмотрено интегрирование с вертикальной цепочкой конверсии. Наличие любого дополнительного блока способно стать отвлекающим фактором, изменив намерения человека или снизив процент конверсии. По этой причине у сайтов-лендингов, создаваемых исключительно с целью продаж, структура выполняется в одну колонку.
Пример различного оформления представлен ниже: лаконичный неприметный дизайн сайта с расположенным справа сайдбаром был заменен на броский одноколоночный лендинг.
Но не всегда боковое меню – это плохо. В ряде случаев оно позволяет удерживать готовую к совершению покупок аудиторию. Для тех, кто еще не готов совершить такой шаг, но уже заинтересовался предложением, можно расположить в сайдбаре ссылки на спецпредложения:
Сайдбар принесет пользу, если ресурс ставит перед собой задачу как напрямую продать продукт, так и укрепить доверие, удержать постоянный трафик.
Структура считается качественной, если она предоставляет пользователям возможность простой навигации и не создает трудностей с переходом к точке конверсии. Как проходит оценка выполнения этого условия со стороны поисковиков – далее в разделе.
При правильном обозначении родительских страничек для новых файлов в доменной строке эти данные будут появляться сами собой. Вновь созданные URL следует проверять на информативность и понятность.
Визуальный пример из online-курса Яндекса по оптимизации ресурса.
Слэш в имени домена указывает на уровень вложенности:
Пример доступного URL и микроменю.
Для создания идеальной структуры ресурса, одинаково отвечающей потребностям пользователей и продвижения, необходимо соблюдать следующие рекомендации:
Для оценки качества будущего ресурса следует поставить себя на место потенциального клиента, оценив удобство совершения покупки или поиска ответа на интересующие вопросы.
Продвижение сайта статьями — это направление контент-маркетинга. Суть метода заключается в том, чтобы публиковать большое число статей, написанных по ключевым словам. Рассказываем, как работает SEO-продвижение статьями и как создавать качественный контент для продвижения сайта текстами. Как работает статейный маркетинг Поисковые системы индексируют опубликованные статьи и поднимают качественные материалы в топ. Благодаря SEO-оптимизированным статьям можно получить […]
2 февраля 2025 0 7199Продвижение сайта в поисковых системах включает внутреннюю и внешнюю SEO-оптимизацию. Внутренняя оптимизация предполагает улучшение технической части сайта, интерфейса и контента. Внешняя оптимизация сайта основана на ссылочном продвижении. Рассказываем, как работает продвижение ссылками, и как безопасно наращивать ссылочную массу. Что такое внешняя оптимизация Внешняя SEO-оптимизация сайта нацелена на улучшение социальных факторов ранжирования. Чем больше людей переходят […]
2 февраля 2025 0 6388SEO-оптимизация повышает видимость сайта в поисковых системах. Самый объемный и сложный этап продвижения в Яндексе и Google — внутренняя оптимизация сайта. Эта процедура включает технические работы, улучшение структуры меню и качества контента. Мы подготовили пошаговую инструкцию, которая поможет вам провести работы и ничего не забыть. Суть процесса Внутренняя оптимизация сайта включает действия, которые повышают доверие […]
1 февраля 2025 0 6360ТЕХНО ЛИФТ
Когда мы запустили свою компанию по монтажу лифтов, у нас вообще не было сайта. Работали по старинке — через сарафанное радио, рекомендации и личные связи. Но в какой-то момент стало ясно, что без онлайн-присутствия мы теряем огромное количество клиентов. Тогда мы обратились в DDSI, и это было, пожалуй, одно из лучших решений для нашего бизнеса.
Ребята сделали для нас сайт с нуля: продумали структуру, создали удобный и понятный дизайн, написали тексты, которые действительно «цепляют» клиентов. Но самое главное — они взялись за продвижение. Уже через несколько месяцев наш сайт оказался в ТОПе поисковой выдачи по ключевым запросам, а поток заявок вырос в разы. Если раньше мы искали клиентов сами, то теперь они находят нас.
С уверенностью могу сказать, что без DDSI мы бы не добились такого роста. Если вам нужен сайт, который действительно работает, и продвижение, которое приносит результат — обращайтесь к ним без раздумий!
С уважением,
Игорь Громов
Директор ТЕХНО ЛИФТ
КУЛИНАРНЫЙ ОАЗИС
Компания DDSI оказала всестороннюю поддержку в продвижении нашего интернет-магазина Кулинарный Оазис. Их команда продемонстрировала высокий уровень профессионализма и глубокое понимание SEO-продвижения и маркетинга. Благодаря их усилиям, наш сайт значительно улучшил свои позиции в поисковой выдаче, что напрямую отразилось на увеличении числа заказов. Отдельного упоминания заслуживает их подход к веб-дизайну. DDSI разработали для нас современный и удобный интерфейс, который не только привлекает клиентов, но и улучшает их опыт взаимодействия с нашим магазином. Мы также оценили их готовность вносить изменения и адаптироваться к нашим специфическим требованиям.
В итоге, наше сотрудничество стало важным шагом в развитии нашего бизнеса, и мы с уверенностью рекомендуем их услуги всем, кто ищет надежного партнера в области маркетинга и веб-дизайна.
ЭЛЕГАНС
Здравствуйте! Меня зовут Лидия Земляная, и я руководитель модельной школы «Элеганс» в Москве. Хочу поделиться своим опытом сотрудничества с компанией DDSI, которая занималась продвижением моего бизнеса в интернете. Когда я обратилась в компанию, моя основная цель была увеличить количество осведомленных о школе клиентов и привлечь больше студентов на наши курсы. Команда DDSI сразу произвела на меня впечатление своей профессиональностью и вниманием к деталям. Мы тщательно обсудили мои ожидания и разработали стратегию, направленную на достижение наилучших результатов. Первое, что меня приятно удивило, — это насколько оперативно ребята взялись за работу. Они полностью обновили наш сайт, сделали его не только стильным и современным, но и удобным для пользователей. Вся информация о курсах и преподавателях стала доступна в несколько кликов, а посещаемость сайта значительно возросла.
Но это был только первый шаг. Наиболее впечатляющие результаты я увидела благодаря активному продвижению в социальных сетях и использованию современных инструментов таргетированной рекламы. Увеличение нашей присутствия в интернете привело к значительному росту числа записей на курсы и повышению узнаваемости нашего бренда. Отдельно хочу поблагодарить команду за их постоянную поддержку и готовность адаптировать стратегию в зависимости от меняющихся условий рынка. Их гибкость и профессионализм сделали процесс продвижения не только успешным, но и очень комфортным для меня. Я искренне благодарна DDSI за такой замечательный результат! Благодаря их работе, моя школа «Элеганс» не только укрепила свои позиции на рынке, но и обрела новых вдохновленных студентов. Рекомендую DDSI всем, кто хочет вывести свой бизнес на новый уровень в цифровом пространстве!
SANLUX
Благодарю компанию DDSI за выдающуюся работу по разработке и продвижению нашего интернет-магазина сантехники SANLUX. С первых дней работы с DDSI мы ощутили высокий уровень профессионализма их команды. Они провели всесторонний анализ нашего сайта и разработали стратегию, специально адаптированную под наши нужды. Новый дизайн и улучшенная навигация сделали наш сайт более привлекательным и удобным для пользователей. Особенно хотим выделить успешное продвижение нашего магазина в поисковых системах. Благодаря эффективному SEO наши позиции в поисковой выдаче существенно улучшились, что напрямую отразилось на увеличении трафика и продаж.
ROCKETDEV
МЕЛЬНИЦА
FLOWER PARADISE
СКУПКА СТОРУБЛЁВКА
Дизайн и продвижение для автошколы Курсант
Разработка под ключ, продвижение, контекстная реклама, SMM агрегатора экскурсий FINDGID
Редизайн и продвижение для производителя аэролодок ALLIGATOR
Редизайн, продвижение, контекстная реклама для сети автосервисов КАТАВТО
Оставьте оценку и комментарий