Как создать целевую страницу: 13 шагов (с изображениями)

Оглавление:

Как создать целевую страницу: 13 шагов (с изображениями)
Как создать целевую страницу: 13 шагов (с изображениями)

Видео: Как создать целевую страницу: 13 шагов (с изображениями)

Видео: Как создать целевую страницу: 13 шагов (с изображениями)
Видео: Как стать ВЕБ-ДИЗАЙНЕРОМ. С чего начать в 2023 году? 2024, Май
Anonim

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

Шаги

Создание целевой страницы Шаг 1
Создание целевой страницы Шаг 1

Шаг 1. Просмотрите популярные целевые страницы

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

  • Spotify
  • Википедия
Создание целевой страницы Шаг 2
Создание целевой страницы Шаг 2

Шаг 2. Определите цель вашей целевой страницы

Хотя многие целевые страницы служат для поощрения пользователей к подписке на услугу или совершению покупки (например, Spotify), ваша может просто существовать, чтобы направлять пользователей в разные разделы сайта (например, Википедия). Знание смысла целевой страницы поможет вам сориентироваться в выборе дизайна.

Создание целевой страницы Шаг 3
Создание целевой страницы Шаг 3

Шаг 3. Рассмотрите возможность использования шаблона целевой страницы

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

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

Создание целевой страницы Шаг 4
Создание целевой страницы Шаг 4

Шаг 4. Не забудьте реализовать общий веб-дизайн

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

  • Разместите строку поиска (если применимо) в правом верхнем углу страницы.
  • Держите пункты меню вверху страницы.
  • Разместите свой логотип или ссылку на домашнюю страницу в верхнем левом углу страницы.
  • Размещайте ссылки на важный расширенный контент (например, Связаться с нами ссылка) внизу страницы.
Создание целевой страницы Шаг 5
Создание целевой страницы Шаг 5

Шаг 5. Используйте изображения и текст для поддержки цели

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

Вы также можете использовать это пространство для размещения отзывов клиентов, новостей о вашем сайте или другой информации, относящейся к пользователю

Создание целевой страницы Шаг 6
Создание целевой страницы Шаг 6

Шаг 6. Ответьте на вопросы аудитории

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

  • Какова цель сайта? - Цель, продукт или услуга сайта должны быть четко показаны и объяснены как можно несколькими словами в верхней части сайта.
  • Как цель относится к пользователю? - Убедить любого пользователя в том, что ему нужна ваша услуга или сайт, может быть непросто, но объяснение релевантности сайта с помощью заголовков с переносом текста - хороший способ убедиться, что у пользователей есть информация, необходимая для принятия решения.
  • Почему пользователь должен оставаться на сайте? - Демонстрации рекламной акции (например, «Первый месяц бесплатно») или демонстрации вашего продукта, услуги или сайта в использовании часто бывает достаточно, чтобы убедить пользователей, которые уже рассматривают ваше предложение.
  • Каким образом пользователь может получить пользу от сайта? - Размещение кнопки призыва к действию (например, Зарегистрироваться сейчас!) на вашей целевой странице отвечает на этот вопрос.
Создание целевой страницы Шаг 7
Создание целевой страницы Шаг 7

Шаг 7. Добавьте четкую кнопку призыва к действию

Если ваша цель - заставить пользователя подписаться на уведомления, например, ваша кнопка призыва к действию должна содержать что-то вроде «Уведомить меня», а не «Отправить адрес электронной почты».

Размещение подзаголовка под призывом к действию (например, «Никогда больше не упускайте сделку») может усилить послание кнопки

Создание целевой страницы Шаг 8
Создание целевой страницы Шаг 8

Шаг 8. Не злоупотребляйте текстовыми формами

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

Адрес электронной почты, имя и фамилия и пароль обычно должны соответствовать объему запрашиваемой вами информации

Создание целевой страницы Шаг 9
Создание целевой страницы Шаг 9

Шаг 9. Обеспечьте четкие параметры навигации

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

Вы также можете добавить панель поиска в правом верхнем углу, если на вашем веб-сайте есть обширный инвентарь или аналогичные параметры поиска с высоким уровнем поиска

Создание целевой страницы Шаг 10
Создание целевой страницы Шаг 10

Шаг 10. Минимизируйте беспорядок на экране

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

Один из вариантов для целевых страниц с большим количеством контента - это поместить несущественные элементы в сворачиваемое меню, обозначенное значком меню (☰) в верхнем левом углу страницы. В этом случае меню может служить оглавлением

Создание целевой страницы Шаг 11
Создание целевой страницы Шаг 11

Шаг 11. Отображение срочных предупреждений вверху страницы

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

Создание целевой страницы Шаг 12
Создание целевой страницы Шаг 12

Шаг 12. Помните о мобильных пользователях

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

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

Шаг 13. Избегайте распространенных ошибок целевой страницы

Все, что может оттолкнуть или непривлекательно для вашей аудитории, следует удалить с целевой страницы перед запуском. Общие примеры включают следующее:

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

Рекомендуемые: