Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA
Каждый ресурс имеет две стороны планировки:
- Внутренняя – это структурная сторона, которая задается в административной панели. Здесь вы указываете расположение категорий, подкатегорий, меток, привязку текстовых блоков и пр.
- Внешняя – это то, как выглядит конкретная страница перед пользователем. В нее включена вся информация, ссылки для перехода по страницам, мультимедийный блок.
С понятием структуры интернет-страницы тесно связан дизайн, поэтому наряду со специалистами по продвижению в ее создании принимают участие веб-дизайнеры. Их задача – создать грамотное визуальное оформление.
Для чего нужно правильно разрабатывать план
Каждый владелец сайта хочет, чтобы его ресурс посещали. Для этого важно создать четкую схему всех разделов и подразделов. Это нужно, чтобы:
- пользователь с легкостью мог найти нужную информацию;
- создать доступную навигацию по разделам;
- привлечь внимание читателя к определенным разделам сайта;
- разграничить текстовые и медиа блоки.
Поля на странице и их расположение
Структуру можно разделить на четыре зоны:
Шапка (хедер, header)
Она располагается в самом верху. Это первое, на что обращает внимание пользователь, поэтому ее наполнение должно привлечь и заинтересовать его. Шапка состоит из:
- изображения – логотипа бренда;
- заголовка – в него входит название компании;
- подзаголовка – здесь может быть размещен слоган или продающая фраза;
- контактных данных – адрес, телефон, электронная почта;
полей горизонтального меню – выполняют функцию навигации на сайте.
Основная часть
Она расположена в центре, занимает основное место и несет главную информационную нагрузку, рассказывает о компании, услугах, предложениях. Она состоит из:
- блока меню по разделам – он может располагаться по горизонтали сверху или по вертикали по обе стороны контента;
- текстового наполнения – здесь находится информация, может присутствовать краткое описание услуг с ссылками на соответствующие страницы;
- мультимедийного контента – картинок, фотографий, видео, баннеров.
Подвал (footer)
Это заключительная часть, она состоит из:
- полей колонтитулов – адреса и контактные телефоны всех филиалов, данные о партнерах фирмы;
- нижней навигации по сайту – развернутый список разделов.
Сайдбары
Это боковые колонки сайтов, в которых находится вспомогательная информация. В них могут быть расположены иконки на соцсети, баннеры с рекламой, чаты, последние комментарии и отзывы, популярные разделы или боковое меню.
Может присутствовать одна полоса (чаще правая), а может быть две по обеим сторонам, но в сумме они занимают места не больше, чем основной раздел. Их функция – задержать посетителя на сайте и предоставить ему в одном меню максимальное количество ссылок и информации.
Это классический вариант расположения блоков, но есть частные случаи, в том числе – лэндинг. Для лэндинга главное – продать, поэтому элементы будут располагаться иначе.
Лэндинг, или структура посадочной (продающей) страницы
Landing page – это одностраничник, предназначенный для продвижения товаров и услуг. Задача оптимизаторов – повысить конверсию ресурса, то есть сделать так, чтобы клиент не только посмотрел на предложение, но и захотел им воспользоваться.
Основное деление на части остается прежним, расположение элементов должно быть следующим:
- Заголовок и подзаголовок. Здесь должна концентрироваться основная идея, уникальное торговое предложение, то, почему нужно выбрать именно вас.
- В шапке также необходимо поместить логотип компании и контактные данные. Знакомый бренд повысит степень доверия потребителя. Для удобства под номером телефона расположите кнопку обратной связи – «Заказать звонок».
- После необходимо презентовать товар – показать его клиентам с лучшей стороны. Это могут быть фотографии, но еще лучше работает видео.
- Когда вы уже зацепили пользователя заголовком и заставили задержаться на вашей странице, нужно перечислить свои достоинства. Блок преимуществ должен быть лаконичным, правдивым и заманчивым – четкие цифры и гарантированные выгоды.
- Ниже нужно показать подробный перечень услуг с кратким описанием.
- Лид-форма или окно обратной связи. Оно должно находиться ниже блока с преимуществами и услугами, чтобы клиент успел оценить товар. Его стоит расположить в правой части, так как человек при прочтении переводит взгляд слева направо.
- Кнопка Call to Action, или CTA. Это самый важный элемент, он переносит потребителя к финишной прямой – к заказу. Призыв должен побуждать кликнуть на окно, он должен быть персонифицирован, например, «Я хочу купить» вместо «Купить».
- Дополнительные убеждающие блоки: «кратковременная» акция; сертификаты; партнеры; отзывы реальных клиентов.
Таким образом, основная задача лэндинга – воздействовать на посетителя ресурса, чтобы он стал покупателем.
Какой должна быть правильная структура страниц сайта
Посмотрим на любой читаемый ресурс глазами пользователя и сделаем выводы:
- Чтение с экрана в среднем на 25% медленнее, чем с бумажного носителя, поэтому немного реже до конца воспринимают даже интересный контент. Чтобы задержать пользователя на странице, используйте: заголовки h1, h2, h3; маркированные и нумерованные списки.
- Текст с небольшой длиной строчек (45-100 символов) читается легче, поэтому сплошное полотно лучше разделить на столбцы.
- Наибольшее внимание читателя приходится на верхний левый угол с непродолжительными движениями глаз вправо. Читатель цепляется за абзацы и скользит по ним, это напоминает букву «F». Поэтому оптимальнее всего выравнивать текст по левому краю и начинать предложения с главного.
- Располагайте активные кнопки и ссылки рядом с ярким, привлекающим внимание текстом. Это обусловлено тем, что при чтении курсор интуитивно ведется туда, на чем сейчас сконцентрированы глаза.
- Текст лучше воспринимается, если он снабжен иллюстрациями. Помещайте важный текст вместе с картинками. Это же касается ссылок – кликнуть по фотографии легче, чем по надписи
Сайт с хорошей структурой при грамотной оптимизации обязательно выйдет в топ поисковиков, тем самым увеличивая количество просмотров и конверсию ресурса.
