Как сделать лендинг самому — пошаговая инструкция
Здравствуйте, друзья. В этой статье я дам вам пошаговую инструкцию, как сделать лендинг самому – бесплатно и профессионально. То есть ваш лендинг будет выглядеть действительно красиво, не хуже, чем у конкурентов. Перед началом работы можете, кстати, от руки прописать продающую структуру лендинга из 9 блоков.
Здесь мы рассмотрим вариант бесплатного создания лендинга из html шаблона. Кстати, ваш лендинг будет на 100% адаптивным подо все мобильные устройства. А это сегодня важно.
Итак, вот пошаговый план самостоятельного создания лендинга:
И прежде всего давайте скачаем основу для нашего будущего лендинга – готовый профессиональный html шаблон.
#1 – Скачиваем бесплатный html шаблон лендинга
Вообще, лендинги – это не такая уж и таинственная штука. Это просто отдельная страница в интернете, на которой вся информация “заточена” под конкретное целевое действие посетителя. В отличие от обычных сайтов, у одностраничников, как правило, нет меню и ссылок на другие разделы сайта (хотя бывают и исключения).
То есть все, что вам надо сделать – это найти подходящий html шаблон, и отредактировать его под свои нужды. Что делать с этой страницей потом, мы разберемся ниже. А сейчас – скачайте например вот этот бесплатный шаблон лендинга. С ним мы и будем работать.
#2 – Заменяем картинку на главном экране
Когда скачаете – откройте папку “blue” и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.
В вашем браузере откроется шаблон, как он выглядит сейчас. Согласитесь, неплохо?
Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++. Скачайте её и установите себе на компьютер.
Первое, что мы сделаем – это поставим нормальную картинку на главный экран нашего лендинга. Вам надо найти большое изображение, которое подходило бы под вашу тематику. Для этого зайдите, например, на Яндекс-Картинки, и введите свой запрос.
Укажите размер файла “Большой”. Пока для тренировки можете скачать вот это изображение. Мы как будто делаем лендинг для профессиональных юридических услуг.
Теперь копируйте это изображение в папку “images”. Поменяйте его название на “banner.jpg”. То изображение, которое уже называется “banner.jpg” в этой папке, переименуйте во что-нибудь другое.
Обновите страницу с лендингом в вашем браузере. У вас теперь должно выглядеть, как на скриншоте ниже.
Если выглядит что-то не так, то проверьте, правильно ли вы написали называние изображения, и точно ли вы скопировали картинку туда, куда надо.
Если все ОК, то переходим к редактированию текста.
#3 – Редактируем текст на главном экране
Кликайте правой кнопкой мыши по файлу “index.html” и выбирайте “Открыть с помощью – Notepad++”.
Перед вами откроется исходный код нашего шаблона, во всей его красе. Если вы раньше не имели дела с html, то вас этот вид может немного напугать – много циферок, буковок и непонятных значков. Но ничего страшного тут на самом деле нет. Нам надо просто заменять текст, который написан черным цветом.
И давайте сразу отредактируем главный экран нашего лендинга. Он самый важный, и конверсия в заказы будет на 80% зависеть именно от него.
Сначала поменяем заголовок. Вместо “Alpha” напишем что-нибудь по нашей теме. Напоминаю, что тут мы продаем юридические услуги. Значит можно сформулировать это примерно так: “Срочная подготовка и сдача налоговой декларации для вашего бизнеса”. Вставляем этот текст вот сюда, между тегами <h3></h3>:
После этого сохраняем документ, и обновляем лендинг в браузере. Получаем следующее:
Получилось не очень симпатично, потому что заголовок большой, и растянулся на весь экран. Попробуйте после слова “налоговой” вставить тег <br/>. Он сработает как разрыв в предложении, и часть текста перенесется на новую строку. Мне кажется, что так получится лучше.
Далее меняем подзаголовок. Чтобы посетитель сразу получил тот минимум информации, который необходим для заказа – прописываем наши конкретные предложения. Например: “Подготовка и сдача отчетности за 4 рабочих дня. Отчет УСН – от 5400р. ЕНВД без сотрудников – от 2100р.” Вставляем этот текст вот сюда:
Теперь меняем текст кнопок таким же образом. Пишем на белой “Заказать”, на прозрачной – “Подробнее”.
В итоге у нас получается вот такой главный экран лендинга:
#4 – Затемняем фоновую картинку
Все вроде бы неплохо, но мне, например, кажется, что фон у нас слишком светлый, и белые буквы на нем теряются. Предлагаю наложить более темный фильтр на картинку. Для этого переходим в папку “assets -> css ->images” и меняем названия у двух файлов, которые там расположены.
Более светлый называем, например “overlay2.png”, а более темный – просто “overlay”.
После этого опять сохраняем наш html шаблон и обновляем страницу в браузере. На мой взгляд, так выглядит уже намного лучше:
Далее таким же образом вы меняете весь текст в шаблоне, подставляя то, что вам нужно. Если вы сомневаетесь, что именно надо писать на вашем лендинге – используйте структуру лендинга из 9 блоков.
#5 – Заменяем форму подписки
Единственное, с чем у вас могут возникнуть сложности – это с формой подпиской в самом низу лендинга. Это надо регистрироваться в каком-нибудь сервисе рассылок, генерировать форму, вставлять её в лендинг и прочее.
Предлагаю решить эту проблему просто – вместо формы подписки укажите ваш телефон. Так вы получите больше конверсий/заказов.
То есть просто удаляйте всю форму и пишите в заголовке ваш номер телефона:
Теперь наш призыв к действию будет выглядеть так:
#6 – Загружаем лендинг на хостинг
Когда шаблон лендинга отредактирован, вам нужно выложить его в интернет. Для этого вы приобретаете домен и хостинг у любого провайдера (например у Reg.ru), и закачиваете вашу страницу на хостинг. Только переименуйте сначала папку “blue” во что-нибудь более подходящее. Например “services”. Тогда адрес вашего лендинга будет выглядеть так: yourdomain.ru/services/index.html
После загрузки вы можете сменить расширение html на php. Тогда ваш новый лендинг будет открываться просто по адресу: yourdomain/services/.
#7 – Привлекаем целевую аудиторию
Итак, мы рассмотрели пошаговый план, как сделать лендинг самому и бесплатно. Теперь вам надо позаботиться о том, чтобы на ваш лендинг приходила целевая аудитория. Для этого рекомендую почитать статью о том, как самостоятельно настроить контекстную рекламу.
Не забудьте скачать мою книгу «Автостопом к миллиону». Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет = )
До скорого!
Этапы создания лендинга | Создание Landing Page
Мы уже рассказывали о том, что такое лендинг и зачем он нужен. Напомним, что лендинг — это одностраничный сайт с одним целевым действием. Скачать презентацию, зарегистрироваться на конференцию, оставить контактные данные. Лендинг пейдж создается для конкретной аудитории, имеет понятную и логичную структуру. Главным элементом посадочной страницы является кнопка с призывом что-то сделать.
Сегодня мы расскажем, как создать лендинг и объясним, из чего состоит каждый этап.
Создание лендинга можно разделить на следующие этапы:
Сформулировать цель
Проанализировать конкурентов
Описать целевую аудиторию
Написать текст
Нарисовать прототип
Сделать
Цель: зачем вам нужна посадочная страница
Это первый и очень важный этап, который поможет создать действительно эффективный лендинг. Сформулируйте цель создания лендинга, что его наличие принесет вам и вашему бизнесу. Имея четко обозначенную цель, вам будет намного проще составить структуру будущего сайта, написать текст и подобрать изображения. Кроме того, вы лучше поймете свою аудиторию, сможете найти конкурентов и изучить их посадочные страницы.
Цель может звучать так:
презентация товара или услуги
демонстрация собственного портфолио
раскрутка бренда
анонс мероприятия
сбор заявок и лидов
Анализ конкурентов
Если вы не продаете уникальный продукт или услугу, то у вас точно есть конкуренты. Клиенты скорее всего уже изучали другие предложения и имеют представление о рынке и ценах. Ваша задача состоит в том, чтобы выделиться на фоне других предложений и объяснить посетителям, почему они должны выбрать именно вас. Чтобы отстроится от конкурентов нужно показать, чем ваше предложение выгоднее или удобнее.
Расширьте диапазон. Не ищите только прямых конкурентов — вас интересуют все, кто удовлетворяет потребность клиента и решает его задачу.
Предположим, вы продаете цветы.
Потребность: подарить цветы маме на 8 марта.
Конкуренты: другие цветочные магазины, доставка цветов, цветочные базы, бабушки с пионами у метро.
Или вы продаете онлайн-курсы по растяжке.
Потребность: быть гибким, подтянутым и здоровым.
Конкуренты: другие курсы и тренеры, ютуб каналы, спортивные приложения, спортивные клубы.
Чем шире вы смотрите, тем лучше поймете свою аудиторию, ее боли, мотивы и потребности.
Приступаем к изучению конкурентов. Есть несколько способов узнать о конкурентах и для этого вам пригодятся поисковые системы, социальные сети и контекстная реклама.
Как проанализировать рынок:
01. Посмотрите объявления
Если вы ищете что-то через поисковые систему, то первыми в выдаче оказываются рекламные объявления. Ваши конкуренты будут использовать популярные запросы в своей рекламе, а часть отобразиться в обычном поиске.
Используйте сервис яндекса Подбор слов или Планировщик ключевых слов от гугл. Введите фразу, которая описывает ваш товар и сервисы покажут самые популярные запросы по этой теме.
02. Поиск в гугл и яндекс
Откройте поисковые системы и попробуйте найти похожие продукты. Например, кухни на заказ. Изучите 2-3 страницы выдачи, чтобы сформировать представление о конкурентах и их услугах.
03. Поиск в социальных сетях
У ваших конкурентов может не быть сайта. Многие магазины работают только через соцсети. Курсы можно поискать в фейсбуке или вконтакте, а красивые продукты, например та же доставка цветов, в инстаграме.
Теперь сделайте таблицу со списком конкурентов. Скорее всего, ваши потенциальные клиенты уже смотрели другие предложения, изучали рынок и имеют какое-то представление о стоимости и качествах других продавцов.
Сравнительная таблица поможет отчетливо увидеть свои сильные и слабые стороны на фоне конкурентов. Исходя из этого станет понятно, какие сомнения могут возникнуть у покупателей, какие сильные стороны стоит выделить и какую аргументацию подготовить для слабых.
Запишите все, что вам нравится и не нравится в их сайтах, текстах, подаче, визуальном контенте и самом продукте. Используйте эти заметки при оформлении своего лендинга.
Выделите свои слабые стороны. Это пункты, по которым у клиента могут возникнуть сомнения. Почему цена выше, чем у конкурентов? Почему нет доставки курьером. Позже вы проработаете эти возражения на посадочной странице.
Анализ целевой аудитории
Целевая аудитория — это люди, которым может быть интересен ваш продукт или услуги. К ним вы будете обращаться в своем лендинге. Люди в целевой аудитории объединены общими признаками — пол, возраст, образование, место жизни, интересы и так далее.
Например, для курсов по подготовке к ЕГЭ целевой аудиторией будут не только школьники-выпускники, но и их родители.
Один и тот же продукт может иметь для людей разную ценность. Для них будут актуальны разные аргументы, возражения и сомнения тоже будут отличаться.
Если попытаться вместить все аргументы на один лендинг, информация выйдет слишком общей и страница потеряет свою точность. Лучше выделите два-три сегмента, сделайте лендинг под каждую группу и сформулируйте предложение, актуальное для каждой из них.
Как изучить свою аудиторию и найти сегменты:
поищите тематические группы в соцсетях;
посмотрите участников и попытайтесь понять, что у них общего
изучите отзывы и кейсы на сайтах конкурентов;
просмотрите обсуждения на форумах.
Ваша задача состоит в том, чтобы не просто понять возраст, пол и географическое положение вашего потенциального покупателя, а узнать, чем он живет, что для него важно и какую пользу ему принесет ваш продукт.
При чтении отзывов и форумов, обращайте внимание, что клиентам понравилось, а чем они остались недовольны, где появились сомнения или вопросы. Вы сможете использовать эти инсайты в следующем шаге — написании сильного текста на будущий лендинг.
Написать текст лендингаМы уже сформулировали цель, проанализировали конкурентов и аудиторию, разделили ее на сегменты, продумали аргументацию и выделили места, на которых могут возникнуть сомнения или вопросы. Пройдя все предыдущие этапы мы подготовили базу, которая поможет написать логичный, структурированный и сильный текст для вашего лендинга.
Как написать текст для лендинга:
Придумайте структуру
Напишите оффер
Напишите текст
Оптимизируйте его
01. Составить структуру
Текст с выстроенной структурой легко воспринимается, запоминается пользователю, отвечает на вопросы и плавно подводит к действию.
Возьмите вопросы персонажей, вашей целевой аудитории, сгруппируйте их по смыслу. Добавьте рассказ о себе и оффер, опишите его суть в нескольких предложениях.
Вот такая структура может получиться у вас:
Шапка лендинга — название компании + логотип.
Оффер — суть предложения.
Для кого это — рассказать, когда продукт или услуга будут полезны.
Особенности — описание продукта, подробная информация о его преимуществах.
О компании — расскажите, почему вам стоит доверять.
Как это работает — объясните механику: например, клиент оставляет номер телефона, а менеджер перезванивает ему в удобное время.
Сколько стоит — назовите цену, расскажите о бесплатных материалах или пробных вариантах.
Ответы на частые вопросы — помните, вы смотрели, что спрашивают клиенты у конкурентов? Ответьте на эти вопросы и возражения здесь.
Призыв к действию — форма покупки или подписки.
02. Написать оффер Оффер — это уникальное торговое предложение. Он рассказывает суть вашего товара или услуги, объясняет их предназначение и выгоду. Торговое предложение должно быть конкретным и понятным. Чтобы его написать, ответьте на вопросы «Что это?» и «Зачем это нужно?». Возьмите свою самую сильную сторону и вставьте ее в оффер.
Например:
Свежие пионы. Вежливые курьеры и доставка в течение часа по Москве
03. Написать текст
При написании текста на сайт избегайте штампов и необъективных оценок, пишите о фактах простыми словами без канцеляризмов. Отвечайте на вопросы, приводите доказательства, раскрывайте цифры, если есть такая возможность. Расскажите о производстве, о команде, покажите фотографии.
Не пишите сразу на сайт. Сделайте черновик в Google Docs или Word, покажите его коллегам, друзьям или знакомым. Постарайтесь найти людей, попадающих в вашу целевую аудиторию. Спросите, понравился ли им текст, легко ли было его читать, все ли понятно или остались вопросы. Редактируйте текст, меняйте формулировки и удаляйте лишнее.
04. Оптимизировать текст
SEO-оптимизация — это важная составляющая успеха вашего сайта. Оптимизированный сайт гораздо проще найти в интернете. Есть два вида оптимизации: оптимизация текста и техническая оптимизация.
Оптимизация текста — это добавление в текст ключевых слов и фраз. По ним пользователи ищут товары и услуги в интернете. Используйте сервис яндекса Подбор слов или Планировщик ключевых слов от гугл, чтобы собрать такие ключи.
Ставьте ключи в заголовки и в начало параграфов. Так они будут лучше видны поисковым системам. Выберите 5-7 самых популярных ключевых фраз и добавьте их в текст. Чем чаще. тем лучше. Однако, если текст начинает выглядеть неестественно, удаляйте.
Техническая оптимизация влияет на правильную индексацию и ранжирование и делается для поисковых роботов. Так им легче попасть на сайт и проиндексировать его. Чем лучше индексируется сайт, тем проще найти его через поиск.
Оптимизировать сайт на Wix просто, процесс настройки разбит на простые шаги, для которых не понадобятся специальные знания. Узнайте о возможностях SEO здесь.
Нарисуйте прототипПредставьте, что прототип — это схема, которая отражает все, что содержится внутри: структуру, изображения, текст, ссылки.
Прототип поможет расположить содержимое сайта и ничего не забыть. Предположим, в секции с отзывами обязательно будут фотографии клиентов, а после рассказа о производстве — видео с него.
Благодаря прототипу вы увидите, насколько логично расставлены элементы, пройдете пользовательский путь и поймете, удобно ли двигаться по такому сценарию или лучше поменять блоки местами.
Есть несколько вариантов создания прототипов.
Специальные программы. Например, Axure, InVision, Figma и еще десяток других. Проектировщики используют их, чтобы собирать и тестировать сайты, программы и приложения. Если вы знакомы с подобными программами — используйте их. Если нет, переходите к следующему варианту.
Карандаш и бумага. Для того, чтобы представить, как будет выглядеть лендинг, достаточно рисунка. С помощью ластика вы сможете легко «удалить» ненужные элементы и поменять заголовок.
В конце вы получите карту сайта, где будут схематично отражены все его элементы. В такой черновик гораздо проще вносить изменения, его можно показать друзьям и знакомым, и собрать мнения о его удобстве и убедительности.
Создание лендингаПоследний, самый интересный шаг — перенести ваш сайт с бумаги в онлайн! Зарегистрируйтесь на платформе Wix и выберите один из более чем 500 дизайнерских шаблонов. Выберите подходящий макет, поменяйте логотип, название компании, добавьте свои изображения и текст и сайт готов. С подготовленным контентом вы сможете запустить лендинг за один день.
Команда Wix ❤️
Как создать лендинг самому и бесплатно: пошаговая инструкция для начинающих
Performance Marketing основывается на четко и однозначно измеряемых параметрах Мы находим оптимальные решения в любой отрасли! Работаем над правильными KPI
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Все чаще интернет-предприниматели переходят от многостраничных сайтов к landing page — одностраничным ресурсам, несущим в себе одно деловое предложение для клиентов; о покупке, подписке или сотрудничестве. Сегодня мы будем разбираться в следующем вопросе — как создать лендинг пейдж, чтобы он был максимально эффективен.
Для чего нужен лендинг
Landing page (посадочная страница) — это веб-портал, состоящий из одной страницы, наполненной побуждающей посетителя к сотрудничеству или приобретению товара либо услуги информацией и предложениями. Как правило, лендинг не имеет сложной навигации, а все представленные на нем сведения отображаются методом прокрутки вниз или же с помощью кликов по блокам.
К продвижению с помощью посадочных страниц приходят, когда есть необходимость реализации уникального товара или услуги.
Как сделать лендинг пейдж
Процесс создания одностраничника мало чем отличается от процесса разработки обычного сайта, однако есть куча нюансов, несоблюдение которых не даст нужного положительного результата.
Так как же получить посадочную страницу? Самый простой и удачный с точки зрения эффективности вариант — обратиться на биржу фриланса или напрямую в веб-студию для формирования заказа по конкретному техзаданию. В этом случае веб-дизайнер сверстает макет, программист напишет код, а копирайтер наполнит портал привлекающей пользователя информацией. И все вроде бы хорошо, — можно пускать сайт в свободное плавание и ждать заказов от заинтересованных клиентов. Но не каждый может позволить себе выделить средства на недешевый по стоимости заказ и последующую разработку.
Есть и такой вариант — сверстать html-страницу самостоятельно, наполнить ее нужной информацией и ждать потока клиентов. Но и этот вариант подходит далеко не всем — не каждый имеет достаточные познания в верстке и не каждому будет интересно разбираться в этом. Значит ли это, что пора опускать руки и забывать о реализации своих планов? Вовсе нет, ведь на помощь приходит старый добрый Вордпресс.
Создание лендинга посредством WordPress
Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один — Free Landing Pages Builder by Wishpond — и рассмотрим, как создать лендинг самому бесплатно — пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.
Создание Landing Page с помощью плагина Вордпресс
Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы — «NEW LANDING PAGE».
Процесс сборки посадочной страницы выглядит следующим образом:
- Выбираем поле «Landing Page». После чего нам будут даны на выбор темы. Рассмотрите все предложенные варианты и ознакомьтесь с ними с помощью превью. Выбрав наиболее подходящую, кликайте на «Choose Template».
- Экран разделится на две части, подобно тому, как происходит в случае настройки темы: левая сторона монитора представляет собой панель инструментов, правая же отображает получаемый эффект от изменений. Все действия производятся простым перетаскиванием элементов мышью и их вставкой в нужное место. После всех произведенных манипуляций не забываем сохраняться путем нажатия на «Save as draft».
- Отображение изменений можно просмотреть с помощью инструмента «Preview». Данная функция позволяет визуально адаптировать отображения под любые устройства: стандартные мониторы, планшеты, мобильные телефоны.
- Публикация лендинга осуществляется нажатием на «Publish» после проведения всех действий по настройке внешнего вида.
- Даем название нашей странице, а также прописываем метатеги в настройках.
Довольно часто плагин выдает ошибку. Давайте рассмотрим причины ее возникновения и методы устранения:
- Сайт нагружен сторонними плагинами — удалите лишние модули, необходимость применения которых не является обязательным условием нормального функционирования портала.
- Страница не загружена на хостинг, а работает на локальном сервере — проблема устранится при выгрузке и публикации веб-ресурса в интернете.
- Конфликт с установленной темой — смело удаляете шаблон, ставите стандартный, так как вы будете пользоваться дизайнерскими разработками плагина.
Плюсы и минусы плагина Free Landing Pages Builder by Wishpond
Преимущества | Недостатки |
Легкая настройка блоков, виджетов, дизайна путем перетаскивания мышью. Позволяет преобразовывать одну и ту же страницу в версии, совершенно отличные от исходного варианта | Плагин англоязычный, отсутствует русифицированная поддержка. Что, впрочем, легко решается знанием английского языка на среднем уровне либо помощью сервисов перевода |
Множество тем (более двухсот), созданных исключительно для одностраничных сайтов | Хоть плагин и предоставляет бесплатную версию, разбор которой мы привели выше, она несколько ограничена в функционале, и весьма высока вероятность появления необходимости покупки платной версии в дальнейшем |
Возможность отслеживания количества посетителей в любых временных интервалах | Приложение тяжеловесно, что скажется на скорости загрузки сайта, однако и данная проблема решается путем оптимизации кода |
Удобство управления страницами. Дополнительные всплывающие окна и кнопки анимации |
Создание лендинга в конструкторе Wix
Еще один популярный и несложный способ собрать посадочную страницу — воспользоваться конструктором Wix. Именно этот сервер — один из первых в Рунете, который «поймал волну ажиотажа на одностраничники и быстро адаптировал меню под него, потому ничего удивительного нет, что немалая часть русскоязычных лендингов собрана именно на этом конструкторе. Итак, ближе к делу.
Переходим на сайт. Он встречает нас приветливым дизайном.
Жмем «Создать сайт». Появляется форма регистрации, которую можно быстро пройти, благодаря аккаунтам Facebook или Google.
Далее меню предоставляет нам модификации сайтов — мы выбираем пункт «Лендинги».
Далее выбираем понравившийся шаблон, после чего нас перенаправляет в редактор. Интуитивно понятный интерфейс на русском языке позволит собрать сайт за 5-10 минут. Не нужно обладать познаниями в дизайне — все блоки уже готовы и наполнены. Нам лишь стоит поменять их содержание в соответствии с нашей деятельностью и форму-цвет, а также переставить элементы местами, если это требуется.
Скомпоновав страницу под нужные параметры, публикуем ее, нажав на клавишу в правом верхнем углу. Дизайн, наполнение и расположение блоков можно будет изменить в любой момент.
Нам будет предложено перейти на премиум-аккаунт, в чем поначалу нет никакой необходимости. В течение 14 дней вы будете пользоваться созданной страницей в демо-режиме, по прошествии этого срока вам будет предоставлен выбор между платной и бесплатной (несколько ограниченной в функционале и с доменом третьего уровня) версиями.
Общие правила создания лендинга
Следующие советы помогут сделать лендинг в соответствии с требованиями маркетинга:
- Создаем запоминающийся логотип — это позволит повысить узнаваемость бренда.
- Заголовок — должен «цеплять» и интриговать потенциального посетителя, но ни в коем случае не отпугивать призывом к немедленной покупке. Пусть лучше он будет информативным и провокационным.
- Информация о компании и контактные данные — предназначены для создания атмосферы доверия для клиента. При наличии конкретного адреса он воспримет вашу фирму как серьезную организацию, а не как очередной сайт-однодневку.
- Данные о товаре или услугах — этот пункт должен совмещать подробное описание продукции, его фото- или видеообзор, а также реальные отзывы клиентов в отдельном блоке или виджете. Не злоупетребляйте шаблонными «Почему большинство выбирает нас» и т.д. — это скучно и не привлекает, используйте воображение.
- Плюсы сотрудничества должны быть представлены конкретным списком преимуществ бренда и покупки товара именно у вас. Никаких пространных рассуждений о том, до чего вы классные ребята. Только сухие факты и характеристики.
- Форма обратной связи или подписка на рассылку позволит вам поддерживать контакт и «добыть» заинтересовавшегося клиента.
Готовим прототип
Под прототипом понимается определенная последовательность и структура элементов интерфейса. Замечено, что большинство успешных лендинг-проектов созданы в единой стилистической конструкции. Смоделируйте макет расположения блоков, исходя из личных предпочтений и примеров раскрученных страниц.
Наполнение контентом
Landing Page выгодно отличается от многостраничных порталов отсутствием необходимости писать огромное количество статей и постов, однако не освобождает от необходимости заполнить страницу призывным и свежим контентом. Потому не лишним будет ознакомиться со следующими рекомендациями:
- Наполняйте блоки предложениями с различными видами побуждений клиента к действию. Например, один блок предлагает купить товар, значит, пусть второй призывает к заказу обратного звонка или вызову мастера для бесплатного осуществления замеров/предоставления консультации.
- Не усложняйте речевые конструкции, говорите с клиентом на его языке, применяйте разговорную речь (без жаргонизмов).
Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:
A — attention — привлечение внимания посетителя.
I — interest — пробуждение интереса потенциального клиента.
D — desire — разжигание желания.
A — action — побуждение пользователя к действию (покупке, заказу).
S — satisfaction — удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.
Оформление landing page
Найдите в интернете наиболее удачные решения дизайна посадочных страниц. Нарисуйте примерный макет в графическом редакторе или на бумаге и впредь руководствуйтесь им.
Несколько советов по оформлению:
- Не допускайте сильных разбросов в цветовой гамме — ваша страница должна привлекать взгляд приятным сочетанием, а не крикливостью красок.
- Используйте минималистичный стиль, так как это, во-первых, упростит задачу, а во-вторых, согласно исследованиям, повысит доверие пользователя.
- Не забывайте о структуре сайта — одни блоки (первостепенные) должны привлечь внимание раньше других (второстепенных), находящихся в соподчинении первым. Потому выделяйте их разными цветами и абрисами, задавайте им разные размеры.
- Соблюдайте дистанцию между блоками и элементами, не позволяйте им слиться воедино.
Подведем итоги
Интернет дал миру огромный потенциал для создания сайтов практически любой тематики и направленности, в том числе и для Landing Page. Потому нет никакой необходимости отдавать деньги веб-студиям и фрилансерам, достаточно покорпеть в настройках и получить на выходе привлекательный и, главное, ни в чем не уступающий студийным или коробочным продуктам лендинг.
Запустив страницу в свободное плавание и открыв ее для индексации, не прекращайте работу над модификацией внешнего вида и содержания. С помощью сервиса Вебвизор от Яндекс.Вебмастер вы можете посмотреть, что отталкивает и что, наоборот, притягивает пользователей на вашем ресурсе. И, исходя из полученных данных, произвести необходимые изменения.
Не нужно делать «универсальный» лендинг со множеством категорий товаров в надежде охватить весь рынок. Лучшим вариантом будет запуск нескольких параллельных проектов с узкой специализацией.
Создать лендинг. Самому на HTML и CSS. Видео. Заходи!
Приветствую! С вами Денис Герасимов, сайт rek9.ru и мы поговорим про то, как создать лендинг самому, при этом еще адаптивный и современный. Вы читаете текстовую версию видео.
Выставим некоторые требования к нашему будущему лендингу:
- Быстрый, то есть быстро загружался. Поэтому будем делать его сами, на HTML и CSS.
- Адаптивный, то есть подстраивался под экраны разных устройств. Чтобы на наш лендинг могли зайти с ПК, планшета, смартфона и т.п. и на всех устройствах он выглядел красиво и удобно.
- Современный, то есть мы могли бы встроить на него слайдер, добавить различные модальные окна, либо всплывающие какие-то подсказки.
- Красивый. То есть мы могли бы добавить иконки и кнопки, которые органично бы смотрелись на нашем лендинге.
Как создать современный и красивый лендинг самому?
- Необходимы хотя бы начальные знания html и css, то есть вы должны представлять, как добавить в структуру html хотя бы класс css, чтобы изменить его внешний вид. если вы используете некоторые трудности с этим, то я могу вам порекомендовать бесплатные курсы от Евгения Попова (ссылки на скачивание в презентации, которую можете найти в конце текста ⇓), которые содержат несколько уроков, после просмотра которых вы уже начнете понимать, что это такое (ссылка).
- Изучить документацию по фреймворк bootstrap. Вы можете выбрать фреймворк самостоятельно. Это специальный фреймворк, который содержит наборы стилей и ява скриптов, которые можно легко встроить в наш сайт, и они будут смотреться очень органично. Так же он содержит ячеистую структуру, которая позволит нам создать адаптивный дизайн.
- Выбрать структуру сайта. То есть представлять, как будет выглядеть каркас нашего будущего сайта. Например, мы хотим, чтобы сверху у него был заголовок, так называемая шапка, затем размещено какое-то изображение и форма подписки. Нам необходимо создать эту структуру, каркас.
- Воспользоваться конструктором для создания структуры сайта. Конструктор находится по адресу www.layoutit.com, с помощью него можно создать структуру сайта, даже не обладая специальными навыками и знаниями.
- Скачать полученную структуру на компьютер и изменить ее дизайн. Готовый лендинг после этого можно смело закачивать на сервер.
Перейдем к практике
На примере лендинга, созданного мной lp.rek9.ru, на котором я раздаю 20 советов по настройке Яндекс.Директ. Bootstrap содержит разные элементы дизайна, например иконки, которыми можно воспользоваться. А также содержит различные ява скрипты, с помощью которых можно сделать модальные окна, всплывающие, которые можно закрыть либо сверху, либо снизу. Это пример простейшего лендинга, который в-принципе не плохо работает, у него хорошая конверсия.
Давайте познакомимся с документацией Bootstrap
Фреймворк bootstrap можно скачать по адресу www.getbootstrap.com. Этот продукт от создателей Twitter. Этот фреймворк постоянно развивается и на данный момент последняя его версия 3.3.4. Для подключения к нему сайта нужно скачать этот архив и прописать определенные строчки в коде html. В итоге вы получите доступ к css, components, javascript. Также bootstrap можно подключить не скачивая его, используя технологию CDN, просто прописав в коде определенные строчки. Эта технология выбирает ближайший физически расположенный сервер к вашему посетителю и уже с него подгружает файлы стилей или ява скриптов. Это ускоряет загрузку вашего лендинга. При этом данный код минимизирован.
После подключения bootstrap вы получите доступ к набору стилей CSS. Он имеет ячеистую структуру Grid System, состоящую из 12 колонок. Нужно понимать, как создаются эти колонки. Допустим вы хотите, чтобы на вашем сайте было 2 колонки. Одна из которых занимает 2/3 части страницы, а другая 1/3. В большую колонку хотите, например, вставить изображение, а в меньшую форму для заполнения. Для этого необходимо прописать строчку, в ней прописать колонку со стилем 8 и колонку с 4, указанным на сайте bootstrap. После того, как вы пропишите стили необходимые вам, то зайдя на ваш сайт с мобильного устройства, колонка, которая идет второй спускается ниже. В итоге, ваш дизайн становится адаптивным. Если вы хотите структуру с тремя колонками, равными, то необходимо 12 разделить на 3 и уже прописать код с цифрой 4, в коде страницы. И так далее.
Чтобы не запутаться в работе с ячеистой структурой, я предусмотрел для вас работу в конструкторе www.layoutit.com. Более подробную работу с конструктором я опубликую в следующей статье.
Также bootstrap содержит файлы для Typography, с набором различных стилей заголовков, которые вы можете выбрать для своего лендинга и прописать в коде. Внутри этого раздела есть так же классы выравнивания Alignment classes, например, если вы хотите, чтобы текст был по центру, достаточно скопировать определенный код и вставить его в код лендинга. Так же есть файлы списков Lists и многое другое. Можно создать таблицы с разными стилями в разделе Tables, формы Forms (можно сделать формы столбиком, в одну строчку, форму с дополнительными символами, форму во всю строчку и т.д.). В разделе Buttons вы можете выбрать стили кнопок на вашем лендинге. Вы сможете задать цвет кнопок, размеры, активные или неактивные кнопки. В разделе Images можно задать стили изображений. Например, чтобы изображение было круглым необходимо вставить определенный код. В разделе Helper Classes можно изменить цвет текста, фон текста и т.п.
Так же мы получаем доступ к различным компонентам, например, к глиф иконкам. Для добавления какой-либо иконки на сайт необходимо прописать определенный спан класс (span class). Под изображением каждой иконки написано какой класс необходимо прописывать в коде, чтобы получить нужное изображение на своем лендинге. Также можно получить доступ к Dropdown выпадающим спискам, Button groups группам кнопок, Navs навигации и многому другому. Все эти возможности вы можете посмотреть по разделам в списке в правой части страницы сайта bootstrap.
Доступ к JavaScript позволяет нам сделать модальные окна, в которые можно вставлять формы. Эти окна также имеют ячеистую структуру, что позволяет адаптировать его под любое мобильное устройство. Так же можно добавить различные кнопки, выпадающие списки и другие функции, работающие на ява скриптах.
Это было небольшое ознакомление с bootstrap и его структурой. В следующей статье мы уже будем создавать структуру лендинга в специальном конструкторе, адаптивную структуру нашего будущего лендинга.
Сайт можно скопировать. Как скопировать лендинг читайте здесь!
До встречи!
[button url=»https://rek9.ru/secret/sozdat-lending-chast-2-bootstrap/» class=»btn btn-danger» target=»_self»]Вторая часть здесь[/button]
↓ Презентация создать-лендинг
Как сделать лендинг самому | Пошаговая инструкция
Привет всем. Из этого материала вы узнаете, как сделать лендинг пейдж самостоятельно, пройдя по каждому пункту вы сможете создать одностраничник. Далее, речь пойдет о Builder Gum в котором можно разобраться и самому, но пошаговая инструкция все же имеется.
В чем плюсы этого билдера (конструктора). При создании сайта вам не нужны знания html или php, раз это конструктор, значит берем и строим. В результате получаем отличный сайт с адаптацией под мобильные устройства. Также вы можете конструировать сайты на заказ.
Что имеет конструктор Gum
– 210 уникальных секций, которые можно изменять под свои нужды
– навигация DropDown
– неограниченные цвета
– интеграция Mailchimp
– настройка форм
– 1000 иконок
– настройка карты Google
– 7 стилей карт Google
– предварительный просмотр на разных устройствах
– резервное копирование проекта
– 7 типов меню
– Темные и светлые темы
– 50 шрифтов Google
– сохранить / загрузить проект
– функциональность Drag & Drop
– видео фона
– настройки SEO
– модальные всплывающие окна
и это еще не все.
Если использовать для создания лендинга онлайн-конструкторы, то вам придется платить ежемесячно, а в нашем случае покупаем один раз и пользуемся пожизненно.
Стоимость билдера всего $18, это даже меньше оплаты облачного конструктора за месяц и по функционалу не уступает.
Обо всех прелестях Gum вы узнаете из пошаговой инструкции.
Где и как купить Builder Gum
На просторах интернет имеется площадка Evantomarker, где можно купить все, музыку, изображения, программы, плагины, скрипты и другое. Идем на сайт и покупаем билдер Gum.
Чтобы не покупать кота в мешке, его можно посмотреть и потрогать. Сделать это можно на странице
http://multifour.com/projects/gum/builder/У билдера один небольшой минус, он на английском языке. Но это нисколько не помешает. Достаточно поиграть с ним несколько минут и он станет понятен и прост в работе.
Для покупки регистрируйтесь и оплачивайте, после оплаты вы сможете скачать Gum. Оплату можно произвести с карты или через платежную систему Pay Pal. Если нет карты или не хотите её привязывать, закидывайте деньги в Pay Pal и оплачивайте. Для перевода денег я использовал один из обменников, который мне подошел. Как выбрать обменник читайте здесь.
Будут вопросы обращайтесь в личку ВКонтакте
Установка билдера на хостинг
Билдер Gum работает непосредственно на хостинге. Можно воспользоваться одним из трех вариантов.
1. Установка билдера под существующий сайт или блог
2. Установка на отдельный домен и хостинг
3. Установка билдера на локальном сервере (на компьютере)
На мой взгляд, третий вариант осуществить можно, лично не пробовал. Но раз можно разместить сайт на локальном сервере, значит и билдер должен работать. Устанавливаешь Денвер, а потом на него конструктор.
Из первых двух вариантов, лучше выбрать второй, если вы планируете работать много и долго с билдером или у вас нет работающего сайта. Если вам нужно сделать для себя несколько страниц, используйте первый вариант.
Рассмотрим, как установить билдер на существующий сайт
1. Распаковываете скачанный билдер и увидите 4 папки, для установки потребуется папка с названием “PageBuilder-4.6.4”.
2. В корневом каталоге сайта создаете папку с любым названием, например “gum”.
3. С помощью FTTP клиента закачивайте папку PageBuilder-4.6.4 в папку gum.
4. В браузере в адресной строке указываете путь-ссылку до билдера.
У вас должно получиться что то типа этого http://sait.ru/gum/PageBuilder-4.6.4/
5. Билдер загрузится и можно приступать к созданию лендинга.
Установка билдера на бесплатный хостинг
В качестве бесплатного хостинга использовал Free хостинг Бегет.
Проходите процесс регистрации, где вам пришлют логин и пароль и попадаете в админ-панель.
Используя ваши данные система генерирует вам технический домен и это тоже бесплатно. Вот под этот домен установите билдер.
Загружаете папку с конструктором в папку public_html, прописываете путь до папки PageBuilder-4.6.4 в адресной строке браузера и все работает.
Рекомендую загружать папку конструктора архивом по FTP, так как через файловый менеджер не получится, затем распаковать архив. Оставить распакованную папку, а архив удалить.
Структура конструктора Gum
Структура конструктора очень проста. В левом меню находится четыре раздела
- секции для конструирования структуры сайта от шапки до подвала
- раздел для работы с цветами и темами сайта
- раздел шрифтов и их изменение
- возможность добавления дополнительных страниц.
Иконки монитора, планшета и телефона позволяют переключаться и просматривать, как выглядит сайт на этих устройствах и при необходимости редактировать.
Создание сайта по шагам
Теперь создадим простенький лендинг пошагово, чтобы было понятно, как работать с конструктором. Приступим.
Меню сайта
- Создаем меню навигации. Переходим к выбору секции, навигация и выбираем любой из предложенных шаблонов. Потом его можно отредактировать.
При наведении на секцию появляется меню с названием секции и панелью для редактирования.
Но нам, к примеру, нужно изменить название раздела FAQ на КОНТАКТЫ. Для этого клик в левом меню по букве Т (текст) и клик по изменяемому слову. Затем переписываем его.
Готово, получили то что нужно.
Таким образом, можно переписать все меню. Для удаления какого-либо элемента нужно кликнуть на раздел изменения цвета и просто навести на нужный элемент. Появится меню, в котором будет иконка корзины, нажав на которую элемент удалиться.
Шапка сайта
- Следующим шагом добавим секцию “шапка”, действия те же что и при выборе “меню” и заменим текст, Напишем “Тест Лендинг”.
Что получили в результате.
Таким образом можно добавлять бесконечное количество секций изменяя текст, изображения, иконки, фон. Возможностей огромное количество.
Для продвинутых пользователей имеется настройка с помощью которой можно добавлять CSS стили изменяя тем самым все так как нужно. Кто знаком с CSS понимает о чем идет речь.
Стили CSS
- Теперь добавим форму обратной связи и с помощью CSS, что-нибудь изменим.
Для изменения переходим в режим редактирования, для этого клик по меню слева, затем наводим на форму и выбирает “Настройки”. Откроется окно, где можно и внедрять стили CSS.
Добавим немного кода между скобками.
Что получили
Форма для связи
- Форму обратной связи можно настраивать изменяя количество заполняемых полей. Вероятно, в этом случае придется воспользоваться переводчиком, если незнакомы некоторые слова.
Затем нужно настроить отправку данных на вашу почту. Простое заполнение Mail PHP, через SMTP сервер и далее интеграция с различными системами почтовых отправок.
Мобильная версия
- Теперь посмотрим, как выглядит лендинг на мобильных устройствах. Если какие-то элементы отображаются некорректно, изменяйте их и проверяйте на всех устройствах.
Резервные копии
- Шаг за шагом лендинг будет наполняться секциями, в которых вы будете вносить изменения. Но может случиться так, что вы закрыли все или еще какой форс мажор, и вам придется начинать все сначала. Чтобы этого не произошло делайте резервные копии после внесенных изменений на будущем сайте.
Резервная копия делается в два клика, файл весит совсем немного, но вы в любой момент можете обратиться к нему.
Внесли изменения в конструкторе, сделайте копию и так до готовности сайта.
Копия делается следующим образом, нажимаете в левом меню на иконку файла и выбираете SAVE. Файл копии готов, а вы продолжаете работать дальше.
Скачать сайт
- Сайт готов и теперь его нужно забрать с конструктора и разместить на хостинг. Файлы сайта скачиваются при помощи большой зеленой кнопки Download. Но предварительно сделайте последнюю копию и сохраните ее, чтобы потом при необходимости внести изменения. Эту копию можно хранить с файлами сайта на хостинге.
Сайт в интернете
- Размещение готового сайта на хостинге аналогично размещению билдера Gum. На этом я останавливаться не буду. Этой информации достаточно в интернете.
Теперь вы можете сделать лендинг самостоятельно с использованием данной инструкции.
Как сделать лендинг: самому или в агентств
Landing page – мощный и эффективный инструмент интернет-маркетинга. Как сделать лендинг?
Выдано в печать 2018-03-12
Landing page – мощный и эффективный инструмент интернет-маркетинга. Как сделать лендинг? Самому или заказывать разработку сайта под ключ через агентство? Как добиться высокой конверсии и получать хорошие заявки?
С чего начать
Вне зависимости от того, будете ли вы делать лендинг самостоятельно или воспользуетесь услугами специалистов, сначала стоит составить его прототип. Никто (в том числе маркетологи любого агентства) не знают вам продукт так, как вы! Поэтому простой скетч (на бумаге или в любой программе, например Balsamiq или Mocqup) будет очень полезег перед стартом работы.
Подумайте о том, что в первую очередь нужно сообщить посетителю, впервые оказавшемуся на вашем лендинге, и расставьте блоки будущего сайта в порядке приоритета. Вам нужно выделить главное и отодвинуть на второй план второстепенное. Есть хорошее правило: за 3 секунды любой посетитель должен понять, о чем ваш лендинг и зачем он может быть ему полезен!
Материалы
Следующая задача – подготовить фото, видео и заготовки текстов для лендинга. Это тоже понадобится в любом случае: если лендинг будет делать студия, то у вас попросят эти материалы на старте или в процессе работы. А если вы решили сделать лендинг самостоятельно, то все это пригодится сразу.
Техническое задание
Этот пункт можно пропустить, если вы будете все делать сами. А для веб-студии, агентства или фрилансера, с которым вы будете работать, нужно внятное описание вашей задачи.
Не увлекайтесь чрезмерно: ТЗ на лендинг не должно быть десятистраничным документом (это только отпугнет ваших подрядчиков). Однако все ключевые вопросы и требования прописать стоит.
Работа с конструктором
Самостоятельная разработка лендинга предполагает использование какого-либо конструктора сайтов. Отнеситесь к выбор внимательно: в каждом подобном сервисе есть «подводные камни», которые проявятся или сразу, или через некоторое время. Платными окажутся дале самые мелкие функции, не говоря уже о возможности перенести лендинг на свой домен или скачать его шаблон для размещения на своем хостинге.
Используя конструктор, помните о том, что вы будете всегда зависеть от владельца этого сервиса!
В наше время нет большой проблемы в том, чтобы создать одностраничник. Как сделать лендинг (самостоятельно или не совсем), решать только вам. И в каждом конкретном случае ответ будет разный в зависимости от задачи, которую сайт должен будет решать.
Как сделать лендинг пейдж на WordPress на бесплатном шаблоне
Чтобы запустить продажи в интернете, не обязательно заказывать сайт у агентства, долго согласовывать проект, вносить правки в прототип и что-то менять уже после запуска. Посадочную страницу, на которой вы будете продавать свои товары и услуги, можно создать на удобной и привычной CMS WordPress. Нужно лишь немного денег — на оплату хостинга и домена — и времени. Если руки растут из нужного места, уже через пару часов вы сможете гнать трафик на новый одностраничник.
Этот гайд поможет вам быстро и почти бесплатно сделать лендинг пейдж на WordPress. Материал будет полезен владельцам стартапов, начинающим маркетологам, digital-специалистам, которые хотят завести одностраничник для продажи своих услуг.
Получайте до 18% от расходов на контекстную и таргетированную рекламу!Рекомендуем: Click.ru – маркетплейс рекламных платформ:
- Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
- Подключиться можно самому за 1 день.
- Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
- Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
- У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Читайте также: Продающая структура лендинга
Установка Вордпресс
Перед созданием сайта купите хостинг и зарегистрируйте доменное имя. Это легко сделать на Beget или SpaceWeb. Просто выберите тариф и оплатите его удобным способом. Вот расценки на хостинг от указанных выше провайдеров:
Оплачивать хостинг на год вперёд выгоднее. Для лендинг пейдж выбирайте начальные (стартовые) тарифы — «Взлёт» или Blog. Их вам хватит с головой.
У этих же хостинг-провайдеров можно зарегистрировать доменное имя. Пройдите в раздел «Регистрация доменов» или «Домены» и проверьте домен на уникальность.
При покупке домена в Beget не забудьте поставить галочку у пункта «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.
И на Beget, и на SpaceWeb CMS WordPress можно установить в один клик. Если вы приобрели хостинг SpaceWeb, то после оплаты и авторизации в личном кабинете найдите в меню раздел «Установка программ» и отыщите в списке WordPress. Нажмите на кнопку «Установить». В открывшемся окне выберите версию CMS, домен или поддомен и нажмите на кнопку «Установить». В течение минуты сервис автоматически установить WordPress и создаст базу данных MySQL. После этого вам останется лишь залогиниться в админ-панели и приступить к редактированию контента.
Чтобы установить WordPress на Beget, авторизуйтесь в личном кабинете, найдите в меню раздел «CMS | Установка систем управления» и перейдите в него. Отыщите в списке логотипов CMS ВордПресс, нажмите на него и ознакомьтесь с условиями. Заполните форму с данными по сайту:
Нажмите на «Установить» и дождитесь окончания установки. Сервис автоматически создаст базу данных и реквизиты к ней. Сохраните эти данные и авторизуйтесь в CMS вашего будущего одностраничника. Ссылка для входа:
http://ваш_сайт/wp-admin или http://ваш_сайт/wp-login.php
А чтобы поисковые системы не индексировали изменения, которые вы вносите на сайт до его публикации, просто закройте его от индексации в настройках.
Бесплатные шаблоны landing page для Вордпресс
Полноценный Landing page на WordPress вполне реально создать на бесплатном шаблоне. Это дешевле, чем заказывать дизайн, и проще, чем прописывать стили вручную. В каталоге можно найти сотни бесплатных шаблонов, каждый из которых легко настроить индивидуально под ваш бизнес.
Шаблоны для landing page на WordPress вы найдёте в самой CMS — раздел «Внешний вид — Темы».
Посмотрите каждую тему перед установкой, чтобы не тратить время на неподходящий шаблон. Вот список тем, которые подойдут для landing page:
- BeOnePage. Профессиональна одностраничная тема для WordPress. Подойдёт для сайтов специалистов и корпораций. Адаптивный дизайн, лёгкая настройка блоков, анимации, быстрая загрузка на любых устройствах.
- VW One Page. Адаптивная одностраничная тема для любого бизнеса. Быстро загружается на планшетах и мобильных устройствах, оптимизирована под поисковые системы, легко настраивается. Может быть переведена на 70 языков.
- Llorix One Lite. Бесплатная одностраничная тема для WordPress с простым дизайном и параллакс-эффектом. Адаптивный дизайн, поддержка WooCommerce, SEO-friendly.
- Zerif Lite. Ещё одна удобная одностраничная тема для WP. Минималистичный дизайн, адаптивность под мобильные устройства, совместимость с e-commerce
- Uniform. Простая одностраничная тема для Вордпресс, которую легко настроить. Совместимость практически со всеми популярными плагинами.
- Freesia Empire. Одностраничная и легко настраиваемая тема. Совместима с большинством плагинов, e-commerce, содержит несколько бесплатных шаблонов.
- One Page Express. Ещё одна эффектная одностраничная тема, которую можно использовать при создании landing page. Легко менять очерёдность блоков в списке, перетаскивая их. Есть предопределённая главная страница, готовые шаблоны с содержимым. Адаптивная вёрстка.
Рассмотрим создание лендинг пейдж на примере темы One Page Express. Эту тему очень легко настроить, ведь шаблон состоит из блоков, которые нужно лишь слегка отредактировать.
Чтобы установить тему, пройдите по пути «Внешний вид — Темы — Добавить темы», наведите курсор на понравившийся шаблон в списке тем и нажмите на кнопку «Установить».
Установка займёт не больше минуты. Когда тема загрузится, нажмите на кнопку «Активировать», чтобы применить её на свой сайт. Если вы хотите просто посмотреть, как выглядит тема, нажмите на кнопку «Посмотреть» рядом.
После активации темы появится кнопка «Настроить». Нажмите на неё, чтобы перейти в редактор и изменить шаблон на свой вкус.
Статья в тему: Лучшие темы Лендингов для Вордпресс
Создание Landing Page на WordPress
Для примера покажу, как сделать простой лендинг из пяти экранов — первый экран, демонстрация продукта, описание, отзывы и контакты. Экран — это видимая область сайта, так называемые информационные блоки.
Чтобы отредактировать информацию в шаблоне лендинга, активируйте тему и нажмите на «Настроить».
После активации темы откроется окно с предложением установить плагин One Page Express. С его помощью вы быстрее настроите тему, так как он предоставит на выбор десятки вариантов оформления блоков лендинг пейдж. Просто нажмите на «Установить сейчас» и подождите около минуты.
После установке плагина в меню слева появится расширенный блок настроек темы. Пролистайте его и найдите пункт «General Settings». В строке «На главной странице отображать» поставьте галочку рядом с пунктом «Статическую страницу».
Обратите внимание на список под «Manage Page Section». Здесь вы можете удалить блоки или добавить новые, изменить их последовательность, вынести часть из них в меню.
Чтобы изменить последовательность блоков, просто зажмите блок в месте изображения с точками и перетяните его в нужное место.
Удалите ненужные блоки, кликнув по корзине в строке с блоком. А чтобы добавить блок, нажмите на «Page Content +» и выберите в списке тип блока, который хотите внести в структуру.
В бесплатной версии темы вы можете добавить:
- блок «About» — сетка из четырёх секций с картинками и описаниями;
- блок с цветными иконками — для демонстрации преимуществ;
- блок с сеткой изображений/иконок и описаниями;
- блок контент + картинка на всю ширину;
- блок для логотипов и отзывов клиентов и многое другое.
У каждого типа блоков есть несколько вариантов. Пролистайте их в списке и примерьте на сайт, нажав на кнопку «Добавить». Если оформление вам не понравится, в любой момент вы можете удалить раздел, кликнув на иконку с корзиной у блока в списке.
Меню
Меню — это список ссылок или анкоров, который пользователь видит на первом экране. По этим ссылкам он может сразу перейти к интересующему блоку лендинга, не тратя время на прокрутку. Удобный инструмент для тех, кто использует ваш товар или услугу не в первый раз.
Не добавляйте в меню на первом экране ссылки в социальные сети. Переход на сторонний сайт отвлечёт внимание пользователя от продукта или услуги. Лучше сделайте быстрый переход на разделы, которые содержат важную для потенциальных покупателей информацию — например, на блок с информацией о комплектации наборов/пакетов услуг или с отзывами.
Чтобы сформировать меню, просто нажмите на иконку с тремя горизонтальными полосами у блоков в списке. Ссылки на выделенные блоки отобразятся в меню.
Прописывать анкоры не нужно — это прописано в теме. Просто отметьте разделы в списке блоков, которые должны висеть в меню сверху, и всё.
Главный экран
Чтобы изменить внешний вид главного экрана, кликните по разделу «Шапка» и изучите возможности настройки.
В разделах «Фон заголовка главной страницы» и «Фон заголовка внутренних страниц» вы можете поменять тип фона — заливка, картинка, слайд-шоу или видео, — настроить фон шапки, изменить скорость смены слайдов и разделитель шапки, настроить цвета наложения.
Часть вариантов разделителя шапкиВ разделах «Содержимое заголовка главной страницы» и «Содержимое заголовка внутренних страниц» прописаны настройки, которые позволяют отредактировать текст на первом экране. Вы можете выровнять заголовок по центру или по левому краю, настроить межбуквенный интервал, определить ширину текста, изменить заголовок и подзаголовок, повесить на них анкоры. Помимо этого, здесь же можно настроить кнопки — оставить одну или две из возможных, поменять текст внутри кнопок, прикрепить к каждой URL для открытия формы, например.
Изменение надписи внутри кнопкиВы можете настроить все элементы вручную или выбрать готовый бесплатный шаблон в разделе «Внешний вид заголовков главной страницы» и минимально изменить содержимое — текст, название кнопок, их URL.
Продукт
Чтобы продемонстрировать товар или услугу, добавьте в структуру новый блок с изображениями — например, portfolio cards section или portfolio full section. В первый шаблон вы можете добавить небольшую картинку с подписью и URL на дополнительный раздел сайта. Во второй шаблон можно вставить большую картинку и так же дополнить её комментарием и ссылкой.
Если вы продаёте сложный продукт, добавьте описание. Выберите другой шаблон — content with image или full width content section.
Как вставлять изображения, понятно. Наведите курсор на место с картинкой, нажмите на иконку с изображением карандаша, выберите файл в открывшемся окне.
Описание
Чтобы мотивировать посетителя лендинга на покупку, расскажите о преимуществах вашего товара или услуги. Описание продукта можно сделать в виде инфографики, дополнить его текстом, который ответит на все вопросы сомневающегося потенциального клиента.
Используйте шаблоны stripped-coloured-icon-boxes или features-overlapped-icons-section, чтобы выделить преимущества продукта тезисами.
Иконки, подзаголовки и текст легко поменять. Просто наведите на редактируемую область и нажмите на иконку с карандашом.
Если в двух словах ваш продукт не описать, используйте шаблоны из разделов About или Features. Там и текста побольше, и картинки можно вставить.
По желанию можно разбавить блоки разделом с цифрами. Только не указывайте там, сколько чашек кофе вы выпили — напишите более существенную информацию.
Отзывы
Отзывы — банальный, популярный, но всё же действенный метод убеждения потенциального покупателя на лендинге. Считается, что именно блок с отзывами может закрыть оставшиеся возражения клиента. Чаще всего отзывы для лендинга пишет опытный копирайтер, который понимает, какие боли и страха у потенциального покупателя могли остаться.
Чтобы вставить блок с отзывами в теме One Page Express, нажмите на Page Content + и выберите в списке шаблон Testimonials.
После вставки блока отредактируйте информацию — поменяйте картинки, подписи, вставьте реальные тексты отзывов.
Контакты
В теме для лендинг пейдж One Page Express есть блоки с информацией о ключевых сотрудниках, номерах телефонов и другими контактами. Чтобы указать членов команды, выберите один из трёх шаблонов в разделе Team. В карточку сотрудника можно добавить фото, должность, коротенькое приветствие, ссылки на соцсети и мессенджеры.
Форма обратной связи находится в разделе шаблонов Contacts. Вставьте блок с формой в структуру страницы, а затем кликните по полю для вставки и укажите шорткод формы.
Блок с контактами и картой доступен только в версии PRO. Стоимость лицензии — от $79.
Чтобы не тратиться на покупку дополнительных возможностей темы, просто вставьте любой другой подходящий блок из бесплатного набора инструментов. Например, из разделов About или Features. Пропишите адреса филиалов, телефоны, email, а в поле для картинки вставьте html-код, например Яндекс-карты.
Когда landing page будет готов, нажмите на кнопку «Опубликовать». После этого сайт будет индексироваться поисковыми системами.
Готовим к запуску
Уберите стандартный копирайт в подвале сайта. В теме One Page Express есть три варианта копирайта — простой, с контактами или с виджетами. Посмотрите, какой вам больше по душе, и измените данные.
Пример подвала в виде модуля с контактами. Изменить можно каждый символ и иконку. Очень удобно. Не забудьте сохранить и опубликовать изменения.
Лендинг готов, что дальше?
Подключите готовый к запуску сайт-одностраничник к системам веб-аналитики, чтобы в будущем оценивать эффективность. Заведите аккаунт в Яндекс.Метрике или Google Analytics, подтвердите права на сайт, разместив код на сайте. Чтобы облегчить задачу, используйте плагины Метрики или Аналитикс — их легко найти в списке плагинов и установить на сайт. После этого вся статистика будет всегда под рукой.
А если вы хотите отслеживать весь цикл продаж, заведите аккаунт в одной из систем сквозной аналитики.
Чтобы пустить трафик на лендинг, запустите рекламу в Яндекс.Директ или Google Ads. Перед запуском убедитесь в том, что контент вашего лендинга не противоречит правилам рекламных систем. В будни на модерацию новой кампании уйдёт от 30 минут до нескольких часов. Около суток придётся ждать одобрения в выходные и праздничные дни.
Не забывайте отслеживать конверсии и действия посетителей на сайте после запуска рекламы. Если покупатели отваливаются на каком-либо этапе, проверьте корректность форм, ссылок, отображение сайта на различных устройствах.
Как создать целевую страницу: 7 элементов, о которых нужно помнить
Целевые страницы — это страницы вашего веб-сайта, предназначенные для увеличения конверсии. Эти страницы всегда должны быть связаны с определенной кампанией или продуктом и должны быть нацелены на определенный сегмент клиентов с релевантным контентом, чтобы быть более эффективными.
Предоставление именно того, что пользователи ищут, с настраиваемым сопоставлением сообщений и простым интуитивно понятным интерфейсом, может положительно повлиять на ваш коэффициент конверсии.
Вот как создать идеальную целевую страницу.
Планирование вашей посадочной страницыПрежде чем вы начнете создавать свою целевую страницу, вам нужно задать себе несколько вопросов:
Кто цель?В отличие от вашей домашней страницы, целевые страницы должны быть адаптированы для определенной аудитории. Определение того, на какой сегмент клиентов нацелить вашу страницу, позволит вам уточнить свое сообщение. Контент, который больше нравится пользователям, увеличит ваш коэффициент конверсии.
Совет ко Дню отца: создайте две целевые страницы: одну для пап, а другую — для значимых людей или членов семьи, которые могут покупать подарки для пап.
Какова цель?Целевые страницы ориентированы на увеличение конверсии. Целями конверсии обычно являются покупки (для ecomm) или привлечение потенциальных клиентов (для B2B), но это может быть все, что вы определяете как успешное поведение клиента.
Вы хотите расширить свой список адресов электронной почты? Продвигать новый продукт? Заставить людей загрузить вашу последнюю электронную книгу? Подпишитесь на услугу подписки? Этот список можно продолжить.Вам нужно определить, как выглядит успешное действие пользователя, чтобы вы могли построить свою целевую страницу вокруг этой цели.
Откуда будут приходить пользователи?Пользователи, скорее всего, будут переходить на вашу целевую страницу из внешнего источника. Будете ли вы привлекать трафик на свою целевую страницу с помощью платных объявлений? Ссылка на него в рассылке по электронной почте? Воспользуетесь преимуществом SEO, чтобы заработать на обычном поиске?
Каждый из этих циклов взаимодействия с клиентом индивидуален и влияет на опыт пользователей, когда они попадают на целевую страницу.Пользователи, переходящие из интерактивной социальной рекламы, скорее всего, будут мало знать о вашем бренде и могут нуждаться в обучении, в то время как пользователи, перешедшие по электронной почте, вероятно, будут лучше знакомы с вашими продуктами. Это будет определять, какой тип контента включать на страницу.
Независимо от того, откуда приходят пользователи, контент и изображения должны соответствовать сообщениям и изображениям в рекламе, электронных письмах и т. Д., Которые их туда доставили. Непоследовательное восприятие бренда обязательно отпугнет пользователей.
Совет ко Дню отца: привлекайте трафик на свои целевые страницы с помощью отдельных кампаний с изображениями и сообщениями, которые покажут, почему папе это понравится!
Создание целевой страницыТеперь, когда вы знаете, кто, что и где находится на вашей целевой странице, пора ее создать.Как и в случае с любой другой веб-страницей, пользовательский опыт является ключом к успеху.
Контент и макет имеют решающее значение для побуждения пользователей к желаемым действиям. Слишком мало информации, и пользователи не будут чувствовать себя достаточно уверенно, чтобы сделать следующий шаг. Слишком много, и вы можете ошеломить их. Неуклюжая форма отправки или неправильно размещенный призыв к действию, безусловно, отпугнет пользователей.
Вот самые важные вещи, которые следует учитывать при создании целевой страницы:
1 — ЗаголовокИметь четкий и лаконичный заголовок, привлекающий внимание пользователя и вызывающий интерес и понимание продукта или продвижения.Ваш заголовок не должен быть длиннее 10 слов.
2 — ПодзаголовокТам, где ваш заголовок зацепляет пользователя, ваш подзаголовок должен раскрывать то, что обещает ваш заголовок, побуждая его к действию. Ваш подзаголовок должен содержать от 10 до 30 слов.
3 — КТАВаш призыв к действию (CTA) — это все важные кнопки, на которые пользователь должен нажать, чтобы завершить преобразование. Независимо от того, продвигаете ли вы покупку, бесплатную пробную версию, подписку по электронной почте или что-то еще, ваш призыв к действию должен быть большим и жирным, выделяясь на фоне окружающего контента сообщением, в котором четко указано, что произойдет, когда пользователь щелкнет.
4 — ИзображенияИзображение на вашей целевой странице должно не только находить отклик у целевой аудитории, но и соответствовать предлагаемому продукту или услуге, а также кампании, которая привела пользователя на страницу.
5 — КопияКак и в случае с изображениями, сообщения и тон вашей целевой страницы должны соответствовать общему голосу вашего бренда и соответствовать источнику трафика. Ваша целевая страница должна предлагать четкое объяснение того, почему пользователь должен предпринять желаемое действие.Продемонстрируйте преимущества рассматриваемого продукта, услуги или предложения, коснувшись ценностей.
Создавая основной текст, помните, что ясность и краткость — ваши лучшие друзья — постарайтесь сказать больше, используя наименьшее количество слов. Держитесь подальше от ссылок на другие страницы или сайты, так как это может только помешать желаемым действиям пользователя.
6 — Прочие материалыВключение другого контента, такого как видео, или интерактивного элемента, такого как викторина, может помочь повысить вовлеченность и конверсию, если это обучит пользователя и побудит его нажать ваш CTA.Просто убедитесь, что он (как вы уже догадались) релевантен и соответствует вашему бренду, продукту и поощряет, а не отвлекает от желаемого действия пользователя.
7 — СхемаК настоящему времени должно быть ясно, что когда дело доходит до целевых страниц, чем короче, тем лучше. Сведите к минимуму количество прокрутки вашего пользователя, чтобы получить информацию, необходимую для нажатия этого CTA. Держите важный контент в верхней части страницы и никогда не скрывайте призыв к действию.
Для более длительной прокрутки целевых страниц рассмотрите возможность размещения нескольких CTA повсюду.
ЗаключениеПо своей природе выделенные целевые страницы будут иметь более высокий показатель отказов, чем остальная часть вашего сайта, поскольку они служат одной цели и не предназначены для поощрения перехода к другим частям вашего сайта. Помните об этих 7 важных вещах, и ваша целевая страница будет настроена на успех. Не забывайте всегда тестировать несколько вариантов этих элементов (по одному за раз), чтобы увидеть, что работает лучше
Почему всем нужна целевая страница и как ее создать самому
Давайте поговорим о целевых страницах.
Если вы предприниматель, коуч, консультант или владелец малого бизнеса (и занимаетесь превращением потенциальных клиентов в клиентов), вам нужна целевая страница.
Итак, мы на одной странице:
Целевая страница — это отдельная веб-страница, которую люди посещают (или «переходят») после нажатия на объявление, ссылку по электронной почте, ссылку в социальных сетях или кампанию .
Его цель — заставить вашего потенциального клиента совершить одно действие на странице (только одно действие). Например: запросите звонок, свяжитесь с вами, подпишитесь на рассылку или купите продукт.
Целевая страница — самый важный элемент для увеличения количества конверсий, поэтому бренды тратят МНОГО времени на их оптимизацию.
Существует бесчисленное множество платформ для создания целевых страниц и тысячи и тысячи статей с советами, советами, передовыми методами и примерами целевых страниц, демонстрирующих, насколько важна целевая страница для вашего бизнеса.
Почему целевые страницы генерируют больше конверсий, чем веб-сайт # 1 Целевая страница предназначена только для ОДНОЙ цели.Хотя на вашем веб-сайте представлены все ваши услуги и предложения, целевая страница ориентирована только на одну цель и только одну цель.
В виде единой страницы (без внешних ссылок или каких-либо других предложений) он гарантирует, что ваш потенциальный клиент не будет отвлекаться на другие решения, предложения и любую «нерелевантную» информацию для их решения.
Ваш потенциальный клиент будет сосредоточен на одном действии .
Например, если ваша цель — привлечь потенциальных клиентов для подписки на бесплатный веб-семинар, все на целевой странице будет посвящено этому веб-семинару, что побудит ваших потенциальных клиентов подписаться на него.
# 2 Целевая страница обеспечивает ясность и оперативностьПри правильном выполнении целевая страница дает вашим посетителям понять, какое действие вы хотите, чтобы они предприняли. Эта страница посвящена одному конкретному типу потенциальных клиентов, которым нужно ваше предложение.
По сути, в то время как ваш веб-сайт предоставляет посетителям множество вариантов на выбор, целевая страница сообщает им, что именно вы хотите, чтобы они делали, и включает несколько кнопок с призывом к действию, которые позволяют им легко принять меры и воспользоваться предложенным ранее предложением. из них, не отвлекаясь и не теряясь в море информации.
# 3 Целевая страница позволяет вам сосредоточиться на своей цели.Целевая страница не только помогает сосредоточить внимание аудитории, но и помогает вам, , оставаться сосредоточенным.
После того, как вы объявите единственную цель для страницы, будет намного проще спланировать и создать целевую страницу. Часто создание любого контента для веб-сайта, страницы или кампании может привести к ситуации «улова всех», когда мы пытаемся обратиться ко всем и включить все наши предложения и варианты, чтобы «не упустить» на кого угодно.Однако с помощью целевой страницы вы можете сосредоточиться на одной конкретной проблеме, которую решает ваше предложение, и убедиться, что текст и дизайн соответствуют задачам и желаемым результатам, которых пытается достичь ваш потенциальный клиент.
# 4 Целевая страница помогает измерять и отслеживать результаты.Целевая страница упрощает анализ и оптимизацию для увеличения количества конверсий, предоставляя вам конкретную цель для отслеживания.
Определив цель целевой страницы, вы сможете увидеть ее результаты в Google Analytics и быстро узнать, что нужно оптимизировать.В отличие от вашего основного веб-сайта, где у вас могут быть разные цели (например, узнаваемость бренда, контакты, лиды, репосты в социальных сетях и т. Д.), Целевая страница позволяет вам быстро и решительно измерить успех вашей работы. Если вы пытаетесь увеличить количество подписчиков на странице, вы легко сможете измерить ее успех. Как только трафик начнет поступать на страницу, вы можете просто проверить: сколько у вас подписчиков? И этого ли вы ожидали? Если нет, вы можете оптимизировать страницу, чтобы привлечь больше подписчиков по электронной почте и сосредоточиться только на этом.
# 5 Целевая страница снижает стоимость приобретения.Целевые страницы могут быть очень полезны, когда дело доходит до показа рекламы. Если вы настроите рекламу и направите людей на свой веб-сайт, они, скорее всего, потеряются во всем, что вы предлагаете, и в конечном итоге увеличат ваши затраты на их преобразование. Однако, если вы направите их прямо на целевую страницу с целенаправленным призывом к действию, они будут точно знать, что вы от них хотите, и с большей вероятностью предпримут действия на целевой странице, что снизит для вас затраты на
. # 6 Целевая страница помогает определить, что не работает.Обычно целевая страница плохо конвертируется по трем причинам:
- Вы отправляете неправильный трафик на свою страницу. Это можно исправить, проанализировав, как люди находят вашу страницу.
- Целевая страница недостаточно убедительна. Здесь вам нужно будет проанализировать свою копию и изображения, чтобы определить, что вам не хватает.
- Ваше предложение не соответствует вашей аудитории, и вам необходимо оптимизировать свои услуги
Все это можно измерить и идентифицировать гораздо быстрее, чем пытаться проанализировать весь ваш веб-сайт.
Два шага, которые необходимо сделать перед созданием целевой страницыТеперь, когда мы установили, что вам нужна целевая страница, давайте посмотрим, как можно создать простую целевую страницу, которая привлечет читателя к вашему предложению.
С технической точки зрения, мой лучший совет по быстрому созданию целевой страницы — это использовать такой инструмент, как LeadPages, Unbounce или любой другой конструктор целевых страниц, и воспользоваться преимуществами множества шаблонов, которые они предлагают.
Слишком много раз я видел, как люди пытаются создать свои собственные целевые страницы с нуля и тратят много времени (и разочарования) на попытки собрать все воедино.Использование готового шаблона полностью исключает это и позволяет сосредоточиться на самом важном: на контенте.
Перед созданием любой целевой страницы (или написанием текста текста) вы должны сначала начать с двух важных шагов, которые нельзя пропустить:
Шаг 1. Установка цели для целевой страницы.Планирование — это все. Планирование вашей страницы позволяет вам оставаться сосредоточенным и целевым, а затем анализировать ее. Прежде чем настраивать целевую страницу, вам необходимо определить единственную цель.
Некоторые возможные цели включают: подписку на информационный бюллетень, бронирование звонка, регистрацию на веб-семинар, планирование демонстрации, покупку продукта или запись на курс. Определите свою конечную цель, а затем подумайте, кому нужно это предложение. Вся ваша целевая страница должна быть сосредоточена на этой единственной цели. Других призывов к действию быть не должно.
Шаг 2: Определите свою целевую аудиторию.Когда вы определите свою цель, пора подумать, кто лучше всего подходит для вашего предложения.
Важно помнить, что не все подойдут, и что если вы попытаетесь поговорить со всеми, то в конечном итоге ни с кем не разговариваете.
Вместо этого подумайте о конкретном человеке, которому ваше предложение принесет наибольшую пользу. Подумайте об их боли и о том, что заставит их действовать на вашей странице. Важно определить их боль и поделиться своим решением таким образом, чтобы они увидели, как их боль будет решена.
Если вы будете учитывать эмоциональные триггеры этого идеального читателя при планировании страницы, у вас получится более качественная целевая страница.
Как вы знаете, большинство целевых страниц сильно отличаются друг от друга. Они нацелены на разные аудитории, предложения и контент. Если все сделано правильно, ваша целевая страница будет включать в себя историю, дизайн, убедительные принципы и текст, который резонирует с вашей конкретной аудиторией (вместо общей целевой страницы, которая является «всеобъемлющей», или страницы, которая просто копирует конкурентов).
Однако, если вы только начинаете, каждая целевая страница должна включать несколько элементов и разделов.На протяжении многих лет я тестировал сотни различных целевых страниц в разных отраслях, и без сомнения, когда эти элементы присутствуют на странице, у них больше шансов увеличить конверсию.
Итак, как узнать, какой контент включать на целевую страницу? Часто бывает легко определить, какое действие вы хотите, чтобы люди совершили на странице, но гораздо сложнее выяснить, что вам нужно сказать своим потенциальным клиентам, чтобы убедить их действительно совершить конверсию.
Давайте разберем различные разделы вашей целевой страницы и определим, какое содержание каждый раздел должен включать.
4 элемента, каждая целевая страница должна включать Заголовок целевой страницыЗаголовок вашей целевой страницы — это первое, что видят люди, попадая на вашу страницу. Это раздел, который считается «верхней частью страницы» (то, что люди видят перед тем, как начать прокрутку). Вот что должно быть в заголовке вашей целевой страницы:
- Ваше уникальное торговое предложение: заголовок, в котором основное внимание уделяется результатам, которые может предложить ваше решение.Думайте о заголовке целевой страницы как о «большом обещании» — единственной важной вещи, от которой люди откажутся после конверсии (на самом деле это не должно фокусироваться на вашем предложении, а на их результатах)
- Подзаголовок, описывающий, как вы сделаете это для вашего читателя. Здесь вы рассказываете о своем актуальном предложении
- маркеров, чтобы помочь людям просмотреть и увидеть, что они получат.
- Изображение героя, которое помогает людям сразу почувствовать ваше предложение и понять его (вот как выбрать изображения для целевой страницы)
- Ваша первая кнопка призыва к действию.
Давайте посмотрим на несколько примеров:
Что такое целевые страницы и как они работают?
Дженнифер Шор
Преобразование посетителей в потенциальных клиентов — это первый шаг в создании отношений между вашей компанией и потенциальным клиентом, и все, что вам нужно знать о том, что такое целевые страницы и как они работают, находится прямо здесь.
Что такое целевая страница?
Целевая страница — это страница вашего сайта, которая предназначена для превращения посетителей в потенциальных клиентов.Он отличается от других страниц вашего веб-сайта тем, что соответствует обоим этим критериям:
Он имеет форму, позволяющую собирать информацию о посетителе в обмен на желаемое предложение.
Единственная цель целевой страницы — преобразовать посетителей в потенциальных клиентов (домашняя страница с формой на ней не считается целевой страницей, потому что она также служит другим целям).
Проще говоря, целевая страница — это любая страница, которая имеет форму и не содержит других отвлекающих факторов. Вот пример:
Если вы помните что-нибудь из этой статьи, помните, что любая страница вашего веб-сайта без навигации и формы, используемой для преобразования посетителей в потенциальных клиентов, является целевой страницей, и они должны быть на каждом сайте.
Как работают целевые страницы?
- Человек видит призыв к действию и попадает на целевую страницу с формой.
- Человек заполняет форму, которая превращает его из посетителя в лида.
- Информация из полей формы затем сохраняется в вашей базе данных потенциальных клиентов.
- Вы продаете контакту или потенциальному клиенту на основе того, что вы о нем знаете.
Если вы используете инструмент автоматизации маркетинга, такой как HubSpot или Marketo, вы сможете увидеть, в какое предложение преобразовал потенциальный клиент, когда он совершил конверсию и какие другие взаимодействия они совершали на вашем сайте.Эта информация позволит вам более целенаправленно развивать это лидерство, помогая вам решить, какие маркетинговые действия наиболее целесообразны.
Выращенный лидер с большей вероятностью станет квалифицированным лидером по маркетингу (MQL) и быстрее пройдет по маркетинговой воронке. Это помогает показать окупаемость инвестиций (ROI) ваших маркетинговых усилий и делает вашу команду по продажам счастливой.
Мы ежедневно используем деньги для оплаты товаров и услуг, и концепция денежной стоимости может быть применена к логистике целевой страницы, поскольку вы обмениваетесь равноценной информацией независимо от того, на какой стороне биржи вы находитесь.Посетитель заполняет форму на целевой странице, потому что считает, что контент, к которому он обращается, будет для них ценным, а маркетолог с радостью предоставит часть контента посетителю сайта, потому что он может использовать ценную информацию, которую предоставляет посетитель. форма в будущих маркетинговых усилиях. Это беспроигрышная ситуация.
Процесс преобразованияХотя целевая страница является основным компонентом процесса конверсии, есть несколько ресурсов, которые работают вместе, чтобы сделать конверсию успешной.
Призывы к действию (CTA): CTA — это изображение или строка текста, которые побуждают ваших посетителей выполнить определенное действие. На целевых страницах призывы к действию сообщают посетителю, где он должен щелкнуть, чтобы получить доступ к предложению. CTA можно найти на страницах вашего веб-сайта, контент которых коррелирует с вашим предложением, а также в соответствующих сообщениях в блогах, которые поддерживают контент в вашем предложении. Чем больше призыв к действию перекликается с целевой страницей и другими страницами, на которых он продвигается, тем больше вероятность того, что посетитель совершит конверсию.
Целевая страница: Сама целевая страница является домом для формы, которую посетитель заполняет, чтобы получить доступ к предложению. Как упоминалось ранее, его единственная цель — объяснить преимущества данного предложения и побудить посетителей превратиться в потенциальных клиентов. После отправки формы посетитель должен быть перенаправлен на страницу с благодарностью.
Страница с благодарностью: Хотя встроенное сообщение с благодарностью доступно в большинстве инструментов, рекомендуется снабдить вашего нового лидера специальной страницей с благодарностью.На страницах с благодарностью есть кнопка «Загрузить сейчас», которую новые потенциальные клиенты могут нажать, чтобы получить загрузку, которую вы предложили на целевой странице. Помимо размещения предложения, страницы с благодарностью — отличный способ продолжить процесс конверсии и продвинуть вперед по маркетинговой воронке. Вторичные предложения (тематические исследования, консультации, вебинары и т. Д.) Следует показывать через другую форму или специальные призывы к действию на странице благодарности, чтобы побудить потенциальных клиентов, куда идти дальше.
Что нужно перед созданием целевой страницыПрежде чем приступить к созданию целевой страницы, необходимо убедиться, что вы выполнили все предварительные исследования, необходимые для ее эффективного построения.
Для этого не забудьте осветить следующее, прежде чем приступить к работе с самой целевой страницей.
Персона покупателя
Покупатели — это вымышленные изображения ваших идеальных клиентов. Они могут быть основаны на исследовании рынка и текущих данных о клиентах. Если все сделано правильно, они могут дать вам четкое представление о поведении ваших клиентов и их мышлении, что позволит вам разработать для них наиболее ценный контент.
При создании целевой страницы важно настроить таргетинг только на один из ваших персонажей (если у вас их несколько).Если вы попытаетесь адаптировать контент на целевой странице для нескольких персонажей, он неизбежно не будет находить отклик у всех из них и снизит вероятность конверсии. Когда вы нацеливаетесь на одну персону, ваши усилия будут гораздо более целенаправленными и увеличит ваши шансы на конверсию. Лучше быть нишевым и сосредоточенным, чем пытаться обратиться к массам в этой ситуации.
Предложение
Предложение — это то, что создано для предоставления ценности посетителям веб-сайта организации, помимо продуктов или услуг, которые организация продает.Предложением может быть бесплатная электронная книга, веб-семинар, совет, руководство по сравнению или что-то еще, что можно загрузить и информативно об отрасли, в которой вы работаете. Оно должно идти рука об руку с определенной болезненной точкой, с которой сталкивается ваш покупатель. а также их этап пути покупателя (поясняется ниже).
Путешествие покупателя
Путешествие покупателя — это процесс исследования, который проходит потенциальный покупатель перед покупкой. Его можно разбить на три различных этапа: этап осознания, этап рассмотрения и этап принятия решения.Для каждого этапа пути следует создавать разные типы контента, чтобы помочь людям переходить с одного этапа на другой. Подробная информация о каждом из них представлена ниже:
- Стадия осведомленности: Посетитель на стадии осведомленности выразил симптомы потенциальной проблемы или возможности, но не может точно сказать, что это за проблема. Человек на этой стадии проводит много исследований, чтобы понять свои симптомы и определить, что их вызывает. Части контента, которые нужно создавать и нацеливать на людей на этом этапе, включают электронные книги, официальные документы и руководства.
- Этап рассмотрения: На этапе рассмотрения потенциальный клиент четко определил свою проблему или возможность, и теперь он хочет понять, что он может сделать для ее решения. Типы контента, который вы должны создать для людей на этом этапе пути покупателя, включают в себя сравнительные официальные документы, веб-семинары и видео.
- Этап принятия решения (также известный как этап намерения): на этом этапе воронки потенциальный клиент знает свою стратегию решения и подход. На этом этапе они сравнивают поставщиков и пытаются сузить список поставщиков до нескольких избранных, прежде чем сделать окончательный выбор.Предоставление им тематических исследований, демонстраций и информации о продукте на этом этапе было бы мудрым решением.
Создание отличной целевой страницы
После того, как вы подготовили справочную информацию, пора составить целевую страницу. Однако есть особый рецепт (составленный и усовершенствованный входящими маркетологами по всему миру), которому вы должны следовать, чтобы увеличить свои шансы на конверсию на целевой странице.
Рекомендации по использованию посадочных страниц
- Создайте привлекательный заголовок: Вам необходимо разработать заголовок, который сразу привлечет внимание посетителей и заставит их продолжить чтение.Это первое, что они увидят, когда перейдут на вашу целевую страницу, а вы не хотите, чтобы она была последней.
- Эффективно передайте ценность вашего предложения: Краткое и эффективное изложение ценности предложения имеет решающее значение для разработки вашей целевой страницы. Вы когда-нибудь слышали о тесте на мигание? Мигающий тест в основном гласит, что вам нужно передать свое сообщение и ценность до того, как ваш посетитель успеет моргнуть, что означает, что у вас есть около 3-5 секунд. Если вы не сделаете это успешно, вы рискуете потерять эту конверсию; обычно достаточно одного «моргнуть», чтобы кто-то решил, хочет ли он остаться на вашей целевой странице или нет.
- Включите в список маркеры: По какой-то причине мы, люди, любим смешивать вещи, и у нас мало внимания к таким вещам, как целевые страницы. Чтобы читатель оставался заинтересованным, избегайте написания длинных абзацев на целевой странице. Вместо этого напишите краткое изложение предложения, а под ним перечислите пункты списка того, что посетитель может ожидать прочитать, загрузив материал. Представление этой информации в виде маркированного списка увлечет читателя, а также даст им предварительное представление о том, что будет дальше, что может побудить их к конверсии.
- Создайте форму: При создании формы для целевой страницы помните о количестве полей формы, которые вы включаете. Количество полей формы должно соответствовать этапу пути покупателя. Как правило, для информационного сообщения вы хотите, чтобы формы были краткими и получали основную информацию, такую как имя и адрес электронной почты. Чем дальше по воронке идет ваш контент, тем больше полей вам следует рассмотреть, поскольку потенциальные клиенты становятся все ближе к покупке. Когда они примут решение, вы захотите получить от них дополнительную информацию, чтобы помочь продавцу лучше понять контакт, чтобы он мог лучше закрыть сделку.
- Удалить навигацию по сайту: При создании целевой страницы вы хотите исключить любую возможность для посетителя покинуть страницу. Удалив навигацию по сайту со своей целевой страницы, вы позволяете посетителю сосредоточиться исключительно на имеющемся контенте, а не отвлекаться на другие привлекательные ссылки на вашем сайте.
- Вставить изображения: Кто не любит хорошее изображение? Обязательно разместите на целевой странице релевантное и привлекательное изображение, чтобы привлечь посетителей.Люди с большей вероятностью останутся на странице, если присутствует захватывающее изображение.
- Добавить значки обмена в социальных сетях: Хотя вам следует удалить всю навигацию с целевой страницы, важно включить значки обмена в социальных сетях, чтобы люди могли делиться целевой страницей с другими на своих социальных платформах. Однако при этом убедитесь, что при нажатии на значок он открывается в новой вкладке или в новом окне. Вы не хотите перенаправлять людей со страницы, но вы хотите дать им четкую возможность продвигать ее.
- Предоставляйте отзывы, когда это необходимо: В наши дни люди всегда просматривают обзоры продуктов и услуг, прежде чем совершить покупку, и это также может относиться к целевым страницам. Но не включайте в предложение отзыв, который лишь отдаленно связан с вашим предложением. Убедитесь, что это напрямую связано с тем, что вы продвигаете. Если этого не произошло, лучше не использовать его. Тот же совет касается размещения наград и похвал на вашей странице.
- Убедитесь, что ваши инструкции по дальнейшим действиям ясны: Форма на целевой странице обычно подразумевает, что вы должны ее заполнить, но обязательно включите копию, которая предлагает это на вашей целевой странице (обычно в конце вашего копия).Это может быть что-то простое, например: «Чтобы получить доступ к электронной книге, заполните форму справа». Это просто, но дает вашим посетителям четкие инструкции по дальнейшим действиям, которые повышают вероятность их конверсии.
Полезные советы
Ниже приведены некоторые советы, которые могут иметь большое значение для вашей целевой страницы:
- Корректура: Нам хотелось бы, чтобы это было данно, но, к сожалению, это не всегда так. Вы должны вызывать доверие, когда кто-то посещает вашу целевую страницу.Если вы смешаете с и с , это будет выглядеть небрежно и может отпугнуть людей от конверсии. Трижды проверьте все на своей целевой странице. Если вы знаете, что плохо редактируете, попросите кого-нибудь сделать это. Это важно.
- Стремитесь держать свою копию выше сгиба: Хотя это не окончательное правило, чем длиннее копия на целевой странице, тем меньше вероятность того, что вы сможете удержать чье-то внимание. Стремитесь быть краткими в своем сообщении и держите все в верхней части страницы.
- Проверьте свою целевую страницу: Опять же, вы думаете, что это данность, не так ли? Это не. После того как вы разработали CTA, который ссылается на вашу целевую страницу, и страницу благодарности, на которую целевая страница перенаправляет, протестируйте весь процесс. Нажмите на CTA, заполните форму и загрузите предложение на странице благодарности. Убедитесь, что все шаги выполнены с точки зрения пользователя, и убедитесь, что ваша контактная информация была сохранена в базе данных, чтобы убедиться, что все работает с точки зрения закулисной работы.
Рекламные советы
Ваша работа еще не закончена, когда целевая страница завершена. Фактически, это только началось. Вам нужно заставить людей просматривать вашу целевую страницу — иначе зачем было ее создавать? Ниже приведены основные рекомендации по продвижению вашей целевой страницы.
- CTA: Как упоминалось ранее, CTA — отличный способ продвигать контент целевой страницы. Помните, что призыв к действию должен соответствовать содержанию, в котором он живет, и целевой странице.Чем более связными будут эти активы, тем больше вероятность того, что люди конвертируются. Разместите призывы к действию на страницах сайта с большим количеством посещений, которые имеют отношение к предложению, и в сообщениях в блогах, которые поддерживают предложение.
- Электронная почта: Электронная почта — отличный способ продвижения вашей целевой страницы. Отправьте рекламное письмо целевому списку, а не всей базе данных электронной почты. Чем точнее список ориентирован на вашу целевую страницу, тем выше вероятность того, что люди совершат конверсию. Не думайте, что вам нужно изобретать велосипед с этим; Большая часть содержимого целевой страницы может быть преобразована в электронные письма.
- Социальные сети : Как вы, вероятно, знаете, социальные сети — отличный инструмент для распространения информации о вашем контенте. Однако слово мудрым: не продвигайтесь на всех платформах, потому что, как вы думаете, это то, что вы должны делать. Выберите несколько платформ, на которых вы знаете свою личность, и активно продвигайтесь на этих платформах. Не продвигайте страницу Facebook только потому, что это делают все остальные — подумайте, являются ли ваши персонажи активными пользователями Facebook. В противном случае вам, вероятно, следует поискать в другом месте.
Анализ результатов
После того, как ваша кампания запущена и трафик на страницу направлен, важно не просто сидеть сложа руки, расслабляться и наслаждаться шоу. Проверяйте результаты своих целевых страниц часто, но не чрезмерно. Вы хотите обращать внимание на тенденции и важные события, которые происходят в течение определенного периода времени, а не на ежедневный трафик и конверсию, которые могут сильно варьироваться и не дают много полезных и действенных данных.
Вот еще кое-что, о чем следует помнить при анализе целевой страницы.
- Спросите себя: «Продолжает ли мое предложение приносить пользу из месяца в месяц?» Если нет, что изменилось?
- Если у вас много разных предложений с целевыми страницами, сравните их друг с другом и посмотрите, сможете ли вы выяснить закономерность того, почему одни работают лучше, чем другие.
- Если у вас есть одна целевая страница, которая работает очень хорошо, повторно продвигайте этот контент и посмотрите, сможете ли вы получить от этого увеличение числа контактов.
Когда вы вносите изменения в свои целевые страницы (например,g., copy, images, form fields), обязательно меняйте по одному и тестируйте какое-то время. Таким образом вы сможете определить, что конкретно влияет на производительность, и выделить это. Если вы измените несколько параметров одновременно, вы не узнаете, какое изменение или изменения повлияли на целевую страницу, и не сможете применить эти знания к будущим целевым страницам.
Этот пост был первоначально опубликован в августе 2015 года и с тех пор обновляется.
10 лучших советов по дизайну целевой страницы
Итак, вы создаете новую целевую страницу.Замечательно! Целевые страницы — это отличные возможности для превращения посетителей вашего сайта в потенциальных клиентов.
Чтобы повысить коэффициент конверсии, дизайн целевой страницы должен обеспечивать удобство работы пользователей. Помните об этих 10 идеях дизайна целевой страницы.
1. Определите цель для своей целевой страницы
Согласно Toptal, целевые страницы существуют для увеличения конверсии. Итак, вам нужно спросить себя, какой тип конверсии вы надеетесь продвинуть? Наиболее частые цели конверсии включают:
- Повышение узнаваемости бренда. Это включает в себя увеличение вашего списка подписчиков по электронной почте и построение отношений с этими людьми через контент о вашем бренде, а также о ваших продуктах / услугах, что в конечном итоге приводит к появлению лояльных подписчиков и росту числа клиентов.
- Ведущее поколение. Это включает в себя сбор контактной информации потенциальных клиентов, заинтересованных в вашем продукте / услуге, чтобы член вашей группы продаж мог затем связаться с ними.
- Продажи. Это нацелено на облегчение быстрых покупок за счет демонстрации конкретного продукта и предоставления пользователям возможности добавлять в корзину или покупать, даже не покидая вашу целевую страницу.
Определение цели жизненно важно для процесса планирования, так как это повлияет на дизайн вашей целевой страницы.
2. Спланируйте свой макет
Независимо от цели, хорошая целевая страница должна содержать следующие пять элементов:
- Заголовок
- Краткое описание вашего предложения
- Соответствующие изображения
- Форма для захвата потенциальных клиентов
- Призыв к действию
Теперь давайте рассмотрим, что вы можете сделать, чтобы каждый из этих элементов был наилучшим. может быть.
3. Сохраняйте лаконичность текста
Когда дело доходит до заголовка и описания, сосредоточьтесь на лаконичном сообщении. Легче сказать, чем сделать, но это жизненно важно для удобства пользователей.
Per Cision, исследование Microsoft, проведенное в 2018 году, показало, что средняя продолжительность концентрации внимания человека составляет всего восемь секунд.Вы должны сосредоточиться на простом, понятном языке, указав, как ваш бренд или предложение могут принести пользу пользователям. Затем, если хотите, вы можете уточнить ниже сгиба.
Кстати о складках…
4. Сделайте ставку на верхнюю часть страницы.
Всегда держите самую важную информацию и призыв к действию вверху страницы. Делая это, вы гарантируете, что независимо от того, где заканчивается сгиб или нижняя часть окна вашего браузера, посетители по-прежнему будут получать важную информацию о том, что вы предлагаете, и о том, где они могут предпринять действия.
Созданная с помощью менеджера по маркетингу Mirabel, эта целевая страница показывает четкий призыв к действию «Посмотреть демонстрационное видео» в верхней части страницы.С учетом вышесказанного, это не означает, что на вашей целевой странице не может быть содержания в нижней части страницы. Хотя основная цель информации в верхней части страницы — привлечь внимание посетителей, вы хотите, чтобы они продолжали прокручивать страницу, чтобы узнать больше.
По этой причине Нил Патель предлагает через регулярные промежутки времени включать нижеследующие призывы к действию. Этот совет по дизайну целевой страницы может помочь увеличить коэффициент конверсии.
Каждый раздел этой целевой страницы содержит призыв к действию, поэтому посетители могут легко запросить демонстрацию без необходимости прокручивать назад к началу.5. Цените свои визуальные эффекты
Помните, ранее я сказал, что у вас есть только восемь секунд, чтобы произвести впечатление на посетителей? В общем, люди обрабатывают изображения быстрее, чем текст, поэтому размещение их на целевой странице работает в ваших интересах.
Использование изображения или изображений, особенно баннера или заголовка, должно привлекать внимание и дополнять ваше предложение в визуальной форме.
Ellevest, инвестиционная служба, ориентированная на женщин, использует белое пространство и контрастные цвета, чтобы изолировать каждый элемент. Изобразить инвестиционную услугу может быть сложно, поэтому Ellevest передает свой бренд с помощью минималистичных изображений. Мощный обособленный образ женщин в повседневной деловой одежде подчеркивает целевую аудиторию компании — работающих женщин. На уменьшенном изображении чистого интерфейса приложения Ellevest отображается диаграмма с восходящей тенденцией, подчеркивающая финансовый рост, который они могут обеспечить своим клиентам.Вы также можете встроить видео на свою страницу в качестве визуального элемента. Видео отлично подходят для демонстрации сложных предложений, например программного обеспечения.
Независимо от того, какие типы визуальных элементов вы решите включить, рекомендуется, чтобы хотя бы один находился над сгибом. Вы можете воспользоваться недвижимостью в нижней части страницы, чтобы лучше продемонстрировать свое предложение, но не переусердствуйте.
И последнее о визуальных эффектах: убедитесь, что они отзывчивы на мобильных устройствах! По оценкам, 53.3% веб-трафика теперь приходится на мобильные устройства, и это число будет только расти. Оптимизация целевой страницы для мобильных устройств, чтобы она выглядела хорошо, быстро загружалась и по ней было легко перемещаться, требует дополнительных усилий, но когда ваши коэффициенты конверсии резко увеличиваются, вы будете благодарны, что нашли время.
6. Создайте целевые страницы для конкретной кампании.
Подумайте, как вы сделаете свою целевую страницу доступной для цифровой аудитории. Будет ли это через электронный маркетинг? Ежемесячный информационный бюллетень? Посты в социальных сетях? Может быть, Google Реклама?
Если ответ — несколько из этих маркетинговых стратегий, стоит создать отдельные целевые страницы для каждого канала.Это может помочь вам отслеживать такие вещи, как успешные источники трафика.
Если вы решите использовать этот маршрут для каждого источника трафика, сохраните дизайн целевой страницы, похожий на исходный. Например, если вы создаете объявление Instagram с определенным заголовком и изображением, включите эти точные элементы дизайна на целевую страницу кампании Instagram.
7. Ограничьте отвлекающие факторы и возможности выхода
Один из наиболее рекомендуемых методов дизайна целевой страницы включает ограничение возможностей выхода.
Удалите панель навигации своего веб-сайта, не добавляйте внутренние или внешние ссылки и не упоминайте связанные предложения. Вы хотите, чтобы посетители вашей целевой страницы были сосредоточены исключительно на заполнении формы для сбора потенциальных клиентов и создании конверсии.
Когда дело доходит до ссылок, меньше значит больше, и Guideline это знает.Что касается кнопок публикации в социальных сетях, то некоторые маркетинговые компании рекомендуют включать их в нижнюю часть страницы. Это позволяет беспрепятственно делиться вашим контентом через Facebook, Twitter, LinkedIn и т. Д.Другие маркетинговые компании рекомендуют полностью исключить их, чтобы соблюсти правило ограничения возможностей выхода.
Подумайте о том, чтобы провести A / B-тест между разными целевыми страницами, чтобы увидеть, дает ли добавление кнопок социального обмена оправданную рентабельность инвестиций.
8. Поощряйте конверсию с помощью заманчивого предложения.
Устранение возможностей выхода позволяет посетителям веб-сайта оставаться сфокусированными, но соблазняя их чем-то дополнительным, но гарантирует высокий коэффициент конверсии.
В обмен на адрес электронной почты посетителя веб-сайта предложите скидку, полезный ресурс, например электронную книгу, или бесплатную пробную версию.Параметры закрытого контента бесконечны, но убедитесь, что предложение контента связано с вашим продуктом или услугой.
Как только вы убедите посетителей, что ваше предложение того стоит, не отговаривайте их сразу же от конверсии с помощью излишне длинной формы для сбора потенциальных клиентов.
Форма должна быть короткой; большинство запрашивает только имя, фамилию и адрес электронной почты. Конечно, в зависимости от цели вашей целевой страницы иногда требуется немного больше информации, но это просто означает, что вам нужно сделать свое предложение действительно стоящим обмена.
Hubspot предлагает бесплатные электронные книги, в том числе эту о том, как предприятия могут использовать Instagram (вверху) в обмен на основную информацию (внизу).9. Обеспечьте конверсию с помощью убийственного призыва к действию
Наконец, мы достигли самой важной части вашей целевой страницы! Призыв к действию или CTA — это кнопка, которую посетители вашего веб-сайта нажимают, чтобы отправить свою личную информацию после заполнения формы для сбора потенциальных клиентов.
Создавая копию кнопки, используйте слова, которые побуждают посетителей совершить определенное действие. Часто это означает создание ощущения срочности. Даже WordStream соглашается, как указано в его убийственных критериях призыва к действию, которые рекомендуют использовать сильные командные глаголы, числа и слова, которые вызывают эмоции и являются поводом для аудитории воспользоваться действием.
Когда дело доходит до дизайна CTA, шрифт должен быть четко читаемым и согласовываться с другими шрифтами, используемыми на странице.Однако он должен быть немного больше текста описания.
Различные исследования показали, что кнопки со скругленными углами более удобны для нажатия, чем острые углы, но в целом форма кнопки имеет меньшее значение, чем ее размер. Ваш CTA должен быть достаточно большим, чтобы он выделялся на вашей странице с первого взгляда и текст можно было легко прочитать, но не настолько большим, чтобы он подавлял как вашу целевую страницу, так и ваших посетителей.
Что касается цвета, теория цвета играет важную роль в маркетинге.Ваш CTA должен находиться между тем, что оказывает влияние, и тем, что отражает ваш бренд. Например, было обнаружено, что контрастные цвета более эффективны, особенно оранжевый и зеленый, и приводили к конверсиям. Несколько лет назад SAP обнаружила, что оранжевые призывы к действию повысили коэффициент конверсии на 32,5 процента.
Имея текст, который дает убедительную причину для преобразования, и элементы дизайна, которые выделяют его, Shopify, по-видимому, прибил игру с призывом к действию.10. A / B-тестирование для максимальных возможностей конверсии
Теперь, когда ваша целевая страница содержит все основные элементы, пора A / B-тестировать текст, визуальные эффекты, дизайн и CTA.Просмотрите показатели эффективности для каждой страницы, чтобы узнать, что вы можете настроить для достижения оптимального коэффициента конверсии. Однако не забывайте проверять только один элемент целевой страницы за раз, чтобы увидеть, какой из них имеет значение.
Хотя это напрямую не связано с A / B-тестированием, важно отметить другие оптимизации, которым следует уделять приоритетное внимание: оптимизация текста для поисковых систем и сокращение времени загрузки целевой страницы, особенно на мобильных устройствах. Даже малейшая задержка во времени загрузки может негативно повлиять на коэффициент конверсии.Чтобы оценить свою целевую страницу, воспользуйтесь удобным инструментом Google PageSpeed Insights.
Пора придерживаться цели (страница)
После того, как вы ознакомились с нашим контрольным списком, пора сесть и проанализировать результаты.
Хотя кажется, что об этом много нужно помнить при разработке простой целевой страницы, маркетинговая рентабельность инвестиций от этих хорошо продуманных целевых страниц оправдывает себя.
Я отправлю вас еще одним советом: кратким списком наших любимых конструкторов целевых страниц.
Удачи и получайте конверсии!
Как создать целевую страницу в LinkedIn (за 3 простых шага)
Вы пытаетесь понять, как создать целевую страницу LinkedIn, но постоянно занят другими задачами?
LinkedIn, пожалуй, крупнейшая платформа для профессионалов во всем мире. И, как вы могли догадаться, это делает его идеальным местом для расширения вашей сети или поиска новых потенциальных клиентов.
Но как вы можете выделить свой бизнес или бренд среди конкурентов?
Одним из лучших инструментов в вашем распоряжении будет целевая страница LinkedIn.
Вот почему в сегодняшнем посте мы покажем вам, как создать целевую страницу в LinkedIn менее чем за 10 минут .
Прежде чем мы углубимся в руководство, давайте разберемся, что такое целевая страница LinkedIn и почему она является таким ценным активом для вашего бизнеса.
Что такое целевая страница LinkedIn?
Целевая страница LinkedIn — это веб-страница, которую вы создаете для привлечения трафика специально из LinkedIn.
Он позволяет персонализировать путь клиента на более глубоком уровне и, как следствие, получать БОЛЬШЕ конверсий для ваших предложений.
Ваша целевая страница может использоваться для отправки людям, которые нажимают на рекламу LinkedIn, ссылку из ваших сообщений или даже ссылку в вашей биографии.
Есть множество способов использовать целевую страницу LinkedIn для развития вашего бизнеса. Вот лишь 3 главных преимущества:
- Установите себя особняком: Выделитесь среди конкурентов с помощью элегантной профессиональной целевой страницы для демонстрации ваших предложений.
- Boost UX: Персонализируйте путь пользователя, чтобы привлечь внимание аудитории и сделать их более уверенными в вашем бренде.
- Увеличьте количество конверсий: Превратите посетителей в постоянных клиентов и представителей бренда.
Хорошо, пока все это звучит отлично, не так ли?
Но вы, вероятно, из тех людей, которые манипулируют тысячей вещей и тушат сотню пожаров ежедневно.
Как вы можете найти время, чтобы создать индивидуальную целевую страницу только для предложений LinkedIn?
Если вы используете WordPress, то вам повезло. Потому что это именно то, о чем мы расскажем дальше.
Так что расслабьтесь и следуйте примеру , мы создадим целевую страницу LinkedIn менее чем за 10 минут .
Как создать целевую страницу в LinkedIn
В этом руководстве мы будем использовать SeedProd:
SeedProd — лучший в мире конструктор целевых страниц для WordPress. Это позволяет любому быстро и легко создавать целевые страницы БЫСТРО.
Это потому, что, как вы увидите, SeedProd использует визуальный конструктор перетаскивания без использования кода. Это означает, что вам не нужен технический опыт для создания потрясающих целевых страниц с высокой конверсией.
Plus, он интегрируется со всеми вашими любимыми сторонними инструментами.
Эти инструменты позволяют собирать контактную информацию, отправлять автоматические электронные письма и даже позволяют людям совершать платежи прямо со страницы.
Таким образом, вы можете направить свой трафик LinkedIn на целевую страницу и сосредоточить их внимание на единственном призыве к действию (CTA).
Затем вы можете загрузить на страницу убедительные элементы, например:
- Видео-демонстрации
- Качественные изображения
- Обзоры
- Отзывы
- Уведомления о текущих продажах
- Платежные шлюзы
- Формы подписки по электронной почте
- И многое другое…
Обладая этими ресурсами, вы мгновенно заметите скачок конверсии.
Вот пример целевой страницы, которую мы создадим сегодня:
Готовы начать? Давайте погрузимся в руководство.
Шаг 1) Установите и активируйте SeedProd
Перво-наперво, вам необходимо скачать и активировать плагин SeedProd.
Мы сделаем это так же, как и любой другой плагин в WordPress. В меню администратора вашего сайта нажмите Плагины »Добавить .
Введите «SeedProd» в строку поиска. Когда вы увидите плагин, нажмите Установить сейчас :
Когда плагин установлен, нажмите Активировать :
Теперь плагин готов к использованию.
На данный момент у вас есть бесплатная версия SeedProd.
Это хороший способ проверить воду, но если вы серьезно настроены привлечь больше потенциальных клиентов, мы определенно рекомендуем перейти на платный план.
Когда вы это сделаете, вы получите лицензионный ключ или можете загрузить плагин премиум-класса прямо со вкладки Downloads в своей учетной записи SeedProd:
Почему вы хотите использовать платный план? Это просто:
- Разблокируйте 150+ готовых шаблонов для всех ваших целевых страниц
- Конвертируйте БОЛЬШЕ с 30+ PRO блоками страниц
- Управляйте своими подписчиками
- Синхронизация с поставщиком услуг электронной почты (ESP)
- И многое другое…
А с 14-дневной гарантией возврата денег (без вопросов) нет никакого риска.
Независимо от того, используете ли вы бесплатный плагин или перешли на платную учетную запись, теперь вы готовы создать свою первую кампанию:
Это означает, что пора выбрать шаблон и приступить к созданию целевой страницы LinkedIn.
Шаг 2) Выберите свой шаблон
На панели инструментов SeedProd на вашем сайте WordPress прокрутите вниз до Добавить новую целевую страницу :
Если вы используете бесплатную версию плагина, у вас будет ограниченный выбор шаблонов.
Тем не менее, вы всегда можете ввести свой адрес электронной почты вверху, чтобы разблокировать 10 БЕСПЛАТНЫХ шаблонов:
Теперь у вас есть доступ к следующим премиум-шаблонам:
В этом руководстве мы будем использовать шаблон страницы Personal Links :
Это отличный шаблон для отправки людей из LinkedIn.
Тем не менее, вы можете использовать любой из шаблонов, предлагаемых SeedProd, в соответствии с вашим планом. Все они полностью адаптивны, удобны для мобильных устройств и отлично работают прямо из коробки.
После того, как вы выбрали правильный шаблон для своего бренда, вы сможете изменить свою целевую страницу в LinkedIn.
Шаг 3) Измените свою целевую страницу в LinkedIn
Отсюда вы сможете быстро изменить целевую страницу в соответствии с вашим уникальным предложением и аудиторией.
Это потому, что SeedProd имеет один из самых удобных конструкторов страниц перетаскивания на рынке.
Во-первых, вы можете щелкнуть любую часть текста своей страницы, чтобы изменить сообщение:
И если вы хотите добавить на страницу какие-либо новые элементы, это не проблема.Вы можете найти нужную функцию сбоку в меню SeedProd и просто перетащить ее туда, где хотите:
Вы также можете вносить глобальные изменения для управления такими вещами, как шрифт, размер шрифта, цвета и многое другое:
И что самое приятное, вам не нужны навыки программирования или опыт проектирования, чтобы создавать потрясающие страницы за считанные минуты.
Фактически, это страница, которую мы создали для этого руководства менее чем за 10 минут :
Когда вы закончите создание своей страницы, вы можете просто нажать Опубликовать в правом верхнем углу:
И вот так вы узнали, как создать целевую страницу LinkedIn в кратчайшие сроки!
Опять же, вы можете настроить свою страницу в зависимости от того, ПОЧЕМУ вы отправляете трафик из LinkedIn на свой веб-сайт.
Вы можете создать страницу для перенаправления с:
- Платная реклама в LinkedIn
- Органические сообщения
- Ссылка из биографии вашего профиля
Каждый из этих сценариев будет (или должен) иметь разный призыв к действию для вашей аудитории.
Но хорошая новость заключается в том, что вы можете создать целевую страницу LinkedIn один раз, сохранить ее как шаблон и изменить сообщение в зависимости от источника вашего трафика LinkedIn.
Тогда у вас будет 3 уникальных целевых страницы LinkedIn за считанные минуты.
Готовы испытать это на себе?
Начните работу с SeedProd и создайте свою целевую страницу уже сегодня!
И на этом пока все.
Мы надеемся, что вам понравился этот пост, и, если да, вы обязательно захотите ознакомиться со следующими ресурсами:
На этих ресурсах будет еще больше информации, которую вы можете использовать для создания профессиональных и высококонвертируемых целевых страниц FAST.
Опубликовано Натан Томпсон
Натан Томпсон — отец, писатель и любитель путешествовать (именно в таком порядке).Когда он не борется со своими детьми, вы, вероятно, обнаружите, что Натан дает своим глазам столь необходимую передышку от экранов с хорошей книгой или планирует семейную поездку со своей замечательной женой.
Как создать целевую страницу, конвертирующую
Ваша целевая страница — это онлайн-лицо вашего бизнеса. Эта статья поможет вам добиться улыбки на лице вашего предприятия.
Ваша целевая страница — это то, что берет случайного интернет-пользователя и превращает его в лида или клиента для вашего бизнеса.Оптимизация этой страницы может означать увеличение дохода на тысячи долларов, так как ваш коэффициент конверсии вырастет с 10 до 40 или даже 50 процентов.
Из этой статьи вы узнаете, что такое целевая страница, как ее создать, а также пять шагов, которые необходимо предпринять, чтобы создать оптимизированную целевую страницу, которая принесет доход вашему бизнесу.
Что такое целевая страница?
Целевая страница — это именно то, на что она похожа: страница вашего веб-сайта, на которую «приземляется» интернет-трафик, когда он попадает на ваш сайт.
Этот трафик мог поступать откуда угодно: ваши входящие или исходящие маркетинговые усилия, реклама, поиск, распространение и т. Д.
Обеспечение того, чтобы этот трафик выполнял действие, требуемое вашим бизнесом, — вот как мы оптимизируем целевую страницу. Этим действием может быть что угодно: от немедленной покупки продукта до подписки на RSS-канал, предоставления адреса электронной почты, начала бесплатной пробной версии вашего сервиса и многих других.
Создание целевой страницы
Существует два подхода к созданию целевой страницы: работа в одиночку или с оплачиваемым веб-разработчиком или использование стороннего инструмента для создания целевой страницы, такого как Wishpond.
Поскольку оптимизация целевой страницы — это бесконечное развитие тестирования, тестирования и постоянной корректировки, может быть проще просто обратиться к поставщику программного обеспечения, который использует оптимизированные шаблоны.
Однако, прежде чем броситься к первому провайдеру, которого вы увидите, убедитесь, что они используют отраслевые шаблоны, поскольку ваш целевой рынок полностью отличается от рынка другого бизнеса. Два разных целевых рынка могут совершенно по-разному реагировать на «оптимизированную» целевую страницу.
Давайте рассмотрим несколько примеров шаблонов целевых страниц, оптимизированных для конверсии:
Хотя создание целевой страницы с помощью стороннего поставщика, такого как Wishpond, несложно, оптимизация ее для преобразования — бесконечный процесс. Давайте взглянем.
Пять шагов для создания целевой страницы, конвертирующей
1. Выберите свой USP
Ваше УТП (Уникальная точка продажи) — это то, что отличает ваш бизнес от других.Это то, что есть у вас, чего нет у ваших конкурентов.
Ваша целевая страница должна сообщать об этом немедленно и явно. Исследования показывают, что у вас меньше секунды, чтобы убедить посетителя вашей целевой страницы, что он должен остаться и заинтересоваться.
О вашем УТП можно сообщить тремя способами:
Ваше УТП (вместе с изображением) — это то, что привлекает внимание посетителя. Если это УТП не стоит изучать, на вашей странице будет высокий показатель отказов, и вам придется переосмыслить.
5 идей USP и ценностных предложений:
Простыми словами выразите денежную стоимость вашего продукта или услуги
Используйте слово «бесплатно» — идеальное соотношение риска и прибыли
Создайте положительное сравнение с известным брендом
Укажите ожидаемую окупаемость инвестиций
Успех, долгосрочный или немедленный
2.Выберите привлекательное изображение, видео или графику
Визуальные эффекты привлекают внимание посетителей целевой страницы. Они также передают идеи намного проще, чем текст. У вас есть привлекательный товар или витрина? Попробуйте включить их изображение на свою целевую страницу. Это увеличивает визуальную привлекательность страницы и поддерживает репутацию вашего бизнеса как привлекательного.
A / B Тесты и многочисленные тематические исследования показали, что наиболее эффективным изображением в интернет-маркетинге и рекламе является изображение улыбающегося человека.
Я настоятельно рекомендую проверить эффективность различных изображений для аудитории вашего бизнеса. Посетители вашего сайта могут больше реагировать на текст, цвет или даже изображение пляжа, чем на изображение человека. С другой стороны, им может понравиться видео или вообще не быть изображения. Тщательно отслеживайте конверсии своей новой страницы и посмотрите, что вам подходит.
3. Выберите убедительный призыв к действию:
Ваш CTA — одна из самых важных переменных на вашей целевой странице.Выше я упоминал, что ваша целевая страница — это то, что фокусирует внимание пользователя Интернета там, где вы этого хотите. В центре внимания находится призыв к действию вашей целевой страницы. Это дает им единственный вариант действий. Сделать его ясным, контрастным по цвету и привлекательным — жизненно важная часть успешной целевой страницы.
5 идей призыва к действию:
- Зарегистрироваться сейчас
Хотя вы можете добиться успеха с несколькими призывами к действию на одной целевой странице, важно, чтобы они направляли их в одну и ту же конечную точку.
Ваша целевая страница должна иметь единый фокус, поскольку любое отвлечение приведет к увеличению показателя отказов страницы.
4. Включите краткий, но четкий список преимуществ:
Предоставление 3-5 преимуществ — вторая часть УТП вашей страницы. Ваш заголовок и ценностное предложение привлекают их внимание менее чем за 5 секунд. Они решают продолжить сотрудничество, и именно этот короткий и очевидный список преимуществ действительно помогает им в желаемых вами действиях.
Предоставьте посетителю страницы немного больше информации о том, кто вы, какую ценность они получают от взаимодействия и что отличает ваш бизнес или продукт от конкурентов:
Я рекомендую сесть и определить пять пунктов продажи, основанных на вашем бизнесе или продукте.
Не забудьте провести мозговой штурм о преимуществах, которые может получить ваш бизнес на 100%.
Если недавние исследования вашего продукта показывают средний рост на 50%, укажите 35.
Используйте наиболее привлекательные из них (мне нравятся долларовые значения) для исходного заголовка, подзаголовка или ценностного предложения.
Следующие четыре запишите как отдельные предложения (если не фразы) в виде списка.
Я не могу выделить «форму списка» достаточно.Очень важно, чтобы эта информация была отмечена маркером или пронумерована, поскольку любые абзацы на целевой странице уменьшают фокус и, опять же, увеличивают показатель отказов.
5. Используйте символ доверия или социальную поддержку
Давайте посмотрим правде в глаза, вы не совсем объективный источник, когда дело доходит до того, насколько хорош ваш бизнес. И ваш трафик целевой страницы знает об этом.
Из-за этого, простое добавление символа доверия на целевую страницу, как известно, увеличивает конверсию на 42%.
Отзывы клиентов служат доказательством законности вашего продукта или бизнеса. Люди, особенно пользователи социальных сетей (откуда будет приходить большая часть трафика на вашу целевую страницу), ценят слово своих коллег или уважаемого авторитета.
Также полезно включить изображение клиента, которого вы цитируете, поскольку это повысит его надежность (и, следовательно, вашу).
Создание целевой страницы, которая конвертируется с помощью инструмента Wishpond’s Landing Page
Сторонние приложения для целевой страницы, такие как Wishpond, упрощают и упрощают преобразование интернет-трафика.Приложение, состоящее из третьей части, проведет за вас исследование, опираясь на многолетний опыт оптимизации, чтобы создать передовые целевые страницы, которые работают.
Заполните проверенный шаблон целевой страницы за минуты
Создание целевых страниц для продаж, привлечения потенциальных клиентов, конкурсов, мобильных устройств и т. Д.
Легко интегрируйте свои целевые страницы с конкурсами, электронной почтой и рекламой в Facebook, чтобы максимизировать рентабельность инвестиций
Мы проводим тестирование за вас, постоянно обновляя наши шаблоны по мере развития технологий и оптимизации.
Подробнее о конструкторе целевых страниц Wishpond
Неустранимая ошибка : Неперехваченное исключение: 12: REST API не рекомендуется для версий v2.1 и выше (12)
добавлено /var/www/html/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php в строке 1044
Как создавать высококонвертирующие целевые страницы
Ваша целевая страница — это лицо вашего бренда.Он знакомит посетителей в цифровом формате с предлагаемыми вами продуктами или услугами и с проблемами, которые вы решаете.
Несмотря на широкую популярность среди цифровых маркетологов по всему миру, только несколько главных претендентов в нише понимают суть создания целевой страницы, конверсия которой соответствует среднему по отрасли.
Что такое целевая страница?
Целевая страница — это отдельная страница, предназначенная для привлечения потенциальных клиентов. Для достижения этой цели у вас могут быть микроконверсии на целевой странице, такие как заполнение формы, подписка на бесплатную пробную версию, регистрацию интереса к продукту или услуге и т. Д.
Маркетологи обычно направляют на целевую страницу теплый трафик — трафик, который проявил некоторый интерес к вашему предложению. Среди других каналов ваши посетители могут поступать из рекламы с оплатой за клик (PPC) через социальные сети или через список адресов электронной почты.
Коэффициент конверсии целевой страницы зависит от отрасли и ее целей. Следовательно, несправедливо устанавливать идеальный коэффициент конверсии для всех отраслей.
Приведенный выше график показывает разницу между высокоэффективными целевыми страницами и другими.Чтобы установить для себя цель, вы можете обратиться к контрольным показателям коэффициента конверсии в вашей отрасли.
Что является первым шагом к созданию целевых страниц с высокой конверсией?
Не поддавайтесь никаким инструкциям, которые гарантируют высокую конверсию целевой страницы — их не существует. Как упоминалось в предыдущем разделе, стандарты коэффициента конверсии зависят от отрасли, что, вероятно, поможет вам установить цель на начальных этапах процесса разработки целевой страницы. Однако в качестве отправной точки вам необходимо иметь четкое представление о своем бренде и его ценностных предложениях, помимо знания базового дизайна веб-сайта и взаимодействия с пользователем (UX).
Итерации никогда не повредят, но игры в угадывание могут нанести дополнительный ущерб вашему бизнесу.
Целевые страницы требуют постоянного тестирования и оптимизации для повышения конверсии. Понимание этого — первый важный шаг на пути к оптимизации. Вы, безусловно, можете перестать гадать, чего ваши посетители хотят от вашей целевой страницы, и использовать такие инструменты, как тепловые карты, программное обеспечение для отслеживания взглядов и многое другое, чтобы оценивать поведение посетителей на вашей странице. Получение ценной информации с помощью этих инструментов может помочь вам улучшить дизайн, призыв к действию и т. Д., и тем самым может помочь вашим конверсиям.
Из чего состоит целевая страница с высокой конверсией?
Свежий контент в верхней части страницы
Дизайн вашей целевой страницы влияет на коэффициент конверсии. Сгибание играет жизненно важную роль в оптимизации коэффициента конверсии. Все, что появляется на экране при первой загрузке страницы, является ее верхним содержанием.
Nielsen Norman Group провела исследование привычек людей просматривать интернет-страницы. В исследовании приняли участие 120 участников, которые взаимодействовали с тысячами сайтов в разных нишах.Используя программное обеспечение для отслеживания движения глаз, они изучили, как люди взаимодействуют с разными веб-сайтами.
Источник изображения: nngroupОсновываясь на своих выводах, Nielsen Norman Group пришла к выводу, что; «Пользователи делают прокрутку, но только в том случае, если то, что находится в верхней части страницы, достаточно многообещающе. То, что видно на странице, не требуя каких-либо действий, побуждает нас прокручивать страницу «.
Неудивительно, что большинство целевых страниц с высокой конверсией спроектированы так, чтобы оказывать максимальное воздействие на читателя. Многие успешные целевые страницы содержат всю ключевую информацию, которая может понадобиться посетителю в верхней части страницы, почти как мини-страница продаж.Возьмем пример из VWO.
Как видите, контент в верхней части страницы включает важные элементы целевой страницы, которые помогают убедить посетителя принять меры. Включает:
- Заголовок
- Привлекающий подзаголовок
- Призыв к действию
- Социальное доказательство
Дизайн целевой страницы основан на том, чтобы с самого начала привлечь внимание пользователей. Если посетитель хочет узнать больше информации, он может затем прокрутить страницу вниз, где раскрываются важные элементы рекламного сообщения.
Заголовок с эффектом
Дэвид Огилви, основатель глобальной маркетинговой компании Ogilvy, сказал о заголовках: «Заголовок читают в пять раз больше людей, чем читают основной текст». Его цитата из эпохи до интернета, но это мнение сохраняется и по сей день.
Возьмем для примера посадочную страницу, разработанную Imsider.ru. Они провели A / B-тест, чтобы увеличить коэффициент конверсии на своей целевой странице. Слева находится элемент управления, а справа — вариант.
Перевод заголовка ниже снимка экрана для всех, у кого русский язык ржавый.
В этом A / B-тесте вариант улучшил лидогенерацию. Он сгенерировал на 9,52% больше лидов, чем контрольный. Это значительный рост коэффициента конверсии.
По сути, заголовок должен донести пользу для посетителя. Это можно сделать, предложив временную выгоду и пообещав простое решение, как показано в примере выше. Независимо от вашего подхода, вы должны попытаться оптимизировать заголовок с помощью тестирования оптимизации коэффициента конверсии.
Подзаголовок
Ваш подзаголовок должен уточнить заголовок и добавить к нему больше контекста, предоставляя дополнительную информацию, чтобы убедить посетителя совершить желаемое действие. Ниже приведены четыре вещи, которые вы можете попробовать при создании подзаголовка для целевой страницы:
- Сделайте это длиннее: В зависимости от дизайна целевой страницы, подзаголовок может быть в два или три раза длиннее заголовка.
- Включите ваше уникальное торговое предложение (УТП): Включите УТП в подзаголовок, если это уместно.
- Поощряйте действие: Вы можете превратить свой подзаголовок в призыв к действию (CTA).
- Не переусердствуйте: Подзаголовок должен быть кратким, четким и сфокусированным.
VenueSphere, сторонний партнерский бизнес, предлагает тематическое исследование о важности вашего подзаголовка.
Они провели A / B-тест для своих подзаголовков, чтобы попытаться улучшить коэффициент конверсии. Вариант, второй скриншот, привел к увеличению лидов по сравнению с контролем на 69%.
Иерархия заказа: как структурировать торговый экземпляр
Как маркетолог, ваша задача — убедить посетителя целевой страницы в том, что желаемое действие, ожидаемое от него, отвечает их интересам. Это включает в себя преодоление пары фундаментальных возражений и болевых точек, которые могут быть у человека. Например:
- Предлагает ли целевая страница то, что я ищу?
- Достаточно ли информации на странице, чтобы ответить на мои вопросы?
- Это займет много времени?
Элементы, которые вы используете на целевой странице, помогут людям преодолеть эти естественные возражения против действий.От того, как эти элементы расположены на странице, зависит ваш коэффициент конверсии.
Есть несколько стандартных формул копирайтинга и дизайнов посадочных страниц, с которыми вам нужно познакомиться, если вы хотите увидеть рост коэффициента конверсии целевой страницы. К ним относятся:
- Внимание, интерес, желание, действие (AIDA)
- До After Bridge
- Проблема, волнение, решение
- Изображение, обещание, доказательство, толчок (PPPP)
Выше приведены некоторые примеры принципов копирайтинга, которые вы можете может относиться к вашему сайту.Они особенно полезны, если вы планируете создать длинную целевую страницу.
Теория цвета: как использовать цвета на странице
Цвета и элементы дизайна на вашей целевой странице играют важную роль в первом впечатлении от вашего веб-сайта. Понимание того, как люди реагируют на цвета и как использовать цвета на странице, связано с набором принципов дизайна, известных как теория цвета.
Есть элементы теории цвета, которые относятся к дизайну целевой страницы:
- Психология цветов
- Роль контрастных цветов в выделении элементов на странице
Цветовая схема вашей целевой страницы должна отражать ваш бренд.При разработке целевой страницы важно иметь хоть какое-то представление о цветовых ассоциациях. Вы можете обратиться к цветовому кругу, чтобы понять дополнительные цвета.
Источник изображения: quoracdnИспользуемые цвета могут помочь привлечь внимание к элементам за счет контрастирования этих элементов на фоне. Вот почему существует такой большой набор историй успеха, которые подчеркивают, как изменение цвета кнопки целевой страницы может увеличить или уменьшить коэффициент конверсии.
Наконец, вы должны понимать, как использовать цветовой контраст для выделения элементов на странице.Многочисленные тематические исследования показывают, как изменение цвета кнопки может повлиять на коэффициент конверсии.
Подходящие изображения: выбираем нужные
Визуальные эффекты играют решающую роль в разработке вашей целевой страницы. Они разбивают фрагменты текста и делают дизайн страницы привлекательным. Однако вы должны быть осторожны, когда, как и какие изображения вы используете. Изображения могут помочь привлечь внимание к элементам страницы.
Фотографии людей, как правило, действительно эффективны на целевой странице.Тем не менее, изображение должно соответствовать контексту. Возьмем, к примеру, POSist, ведущую ресторанную платформу SaaS. Они провели A / B-тест на своей домашней странице.
На контроле был изображен герой человека. Вариантом была нестандартная графика.
Вариант сгенерировал на 16% больше потенциальных клиентов, что было огромным числом. Пример показывает важность тестирования.
Очистить кнопку CTA
Улучшение вашего CTA — это тест на оптимизацию коэффициента конверсии начального уровня.Тем не менее, эксперты не должны упускать из виду тесты начального уровня.
Возьмите этот пример из Курсов белых карточек. Они хотели увеличить коэффициент конверсии на своей домашней странице. После просмотра они провели A / B-тест.
Вы можете видеть, что на странице было внесено несколько изменений. На страницу была добавлена кнопка CTA с текстом кнопки «Начать сейчас». Был изменен цвет фона за заголовком, чтобы увеличить контраст с изображением главного героя.
Вариант сгенерировал 28.76% увеличение конверсии по сравнению с контролем. Это хороший пример мультидисциплинарного характера оптимизации коэффициента конверсии.
Значки и логотипы Trust
Важной проблемой, которую необходимо преодолеть при работе с потенциальным клиентом, является фактор доверия. Часто ваша целевая страница — это первое место, где человек воспринимает вас как бренд. В этом контексте социальное доказательство в виде отзывов и значков доверия может помочь сформировать это доверие.
Давайте вернемся к тематическому исследованию POSist.
Вместо того, чтобы остановиться на первом варианте для домашней страницы, POSist провел второй тест. Они добавили логотипы своих клиентов на главную страницу. Второй вариант привел к еще более высокой конверсии.
В тематическом исследовании POSist подчеркивается важность непрерывного тестирования и оптимизации.
Социальное доказательство
Социальное доказательство в форме отзывов, обзоров или социального взаимодействия способствует повышению коэффициента конверсии. Хорошим примером того, насколько небольшое количество социальных доказательств может повлиять на коэффициент конверсии, является старая история успеха Wikijob .
VWO помог им провести A / B-тест, в котором над формой был вставлен простой отзыв.
Это небольшое изменение привело к увеличению продаж на 34%. Это огромный результат, учитывая, что характеристика состояла из трех строк текста без указания атрибута.
Существует множество способов использовать социальное доказательство на целевой странице. Вы можете и должны поэкспериментировать с размещением социальных доказательств и отзывов на странице, чтобы увидеть, влияет ли это на коэффициент конверсии вашей целевой страницы.Даже такие мелочи, как добавление количества лайков или репостов Facebook, могут повысить коэффициент конверсии.
Дизайн формы целевой страницы
Предположим, вы его используете, форма, которую вы используете на своей целевой странице, является местом, где происходит преобразование. Любая проблема с дизайном вашей формы и способом взаимодействия людей с формой приведет к снижению коэффициента конверсии целевой страницы. Совершенно очевидно, что любое улучшение, которое вы внесете в дизайн формы целевой страницы, увеличит вероятность того, что посетители ее заполнят.
Вы должны пересмотреть и оптимизировать дизайн вашей формы. Например, как правило, чем меньше полей формы вы используете, тем выше общий коэффициент конверсии. Что еще более важно, тщательный анализ аналитики форм может выделить поле формы, в котором люди не понимают, что является общей проблемой.
Существует множество тематических исследований и примеров форм, на которые вы можете ссылаться в отношении передовой практики. Обязательно просмотрите эти тематические исследования и запустите тесты, чтобы помочь увеличить количество людей, заполняющих форму.
Эксперименты с живым чатом
В зависимости от типа отслеживаемой конверсии велика вероятность, что, когда человек, наконец, дойдет до вашей формы, у него будут нерешенные вопросы о предложении. Раздел часто задаваемых вопросов на странице может предложить частичное решение этой проблемы. Однако многие люди могут не прочитать этот раздел или у них могут возникнуть вопросы, не рассмотренные в FAQ.
Программа для чатаможет помочь решить эту проблему, предоставив пользователям возможность получить ответы на свои вопросы.Интересно, что наличие опции живого чата создает чувство дополнительной уверенности. Разработчики продукта осознали это несколько десятилетий назад. В мире полно кнопок-плацебо, которые успокаивают нас, но не работают. Это не значит, что вы можете игнорировать вопросы. Тем не менее, вы должны проверить, какое влияние онлайн-чат оказывает на ваш коэффициент конверсии и сколько поддержки требуется для использования функции онлайн-чата на странице.
Заключение
Самые эффективные целевые страницы в любой отрасли часто имеют коэффициент конверсии в два или три раза выше среднего по отрасли.Если вы используете PPC-рекламу для привлечения потенциальных клиентов и ваша целевая страница имеет средний коэффициент конверсии, вы, как конкурент, можете платить почти втрое больше денег за каждого лида. И это, очевидно, ставит вас в невыгодное стратегическое положение.