Создаем Landing Page своими руками. Landing Page от A до Я

Как научиться делать лендинг

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

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

День первый.

Задание 1. Прочитайте любые 2-3 статьи о том, что такое лендинг

Раз вы задумались о создании лендинга (лендинг-страницы – англ. landing page), скорее всего вы уже знаете что это такое.

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

Статьи могут быть в блогах сервисов, предлагающих создание лендингов (наиболее известные lpgenerator ; tilda , или на тематических сайтах.

Если хотите сэкономить время на поиске — пара статей, которые вам пригодятся.

• Полный путеводитель по созданию лендингов, которые продают

Не тратьте на это более 2 часов вашего времени , все статьи примерно одинакового содержания.

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

Примеры подобных подборок

• (лендингов) в блоге lpgenerator
• 12 примеров великолепных лендингов — статья на texterra.ru

Вам потребуется не больше 1 часа. Основная задача – поиск идей для вашего лендинга.

Задание 3. Изучите коллекции готовых шаблонов

Коллекции готовых шаблонов для лендингов вы можете найти на сайтах сервисов для создания лендингов, которые вы уже знаете по заданию 1 (еще один такой сервис — http://ru.wix.com/). Есть и специальные сайты с шаблонами лендингов, где вы можете найти примеры.

Задание 4. Создайте лендинг!

Зарегистрируйте себе 1-2 тестовых аккаунта на вышеупомянутых сервисах создания лендингов и попробуйте на основе шаблона, наиболее подходящего к вашей тематике, создать свой лендинг, просто заменив текст и некоторые фотографии.

Примерное время работы — 4 часа.

Поздравляю! Ваш первый собственный лендинг готов! Всего один рабочий день, а у вас еще весь вечер впереди!

Задание 5. Подключите сбор почты на своем лендинге

Пока действует тестовый период, добавьте на лендинг форму, через которую вы можете собирать имя и e-mail заинтересованных клиентов, если вы не сделали это при создании лендинга. Практически все сервисы предлагают хранить их в базе или подключить сервис почтовой рассылки. Ваша задача сейчас сделать так, чтобы человек, зашедший на ваш лендинг, оставил свою почту. Больше ничего!

Примерное время работы – 30 – 40 минут.

Задание 6. Подключите к сделанному лендингу аналитику

Подключите к вашему лендингу любую аналитику — Google Analytiсs или Яндекс.метрику — руководства по подключению есть в каждом сервисе. Если искать лень – вот справка по Google Analytiсs , а это справка по Яндекс-метрике По-возможности ставьте аналитику и от Гугл и от Яндекса. В Яндекс Метрике включите вебвизор. Опубликуйте ваш лендинг так, чтобы он был доступен по какому-нибудь адресу в сети, Не тратьте время на настройку домена — воспользуйтесь тем бесплатным вариантом, что предлагает сервис.

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

Самостоятельное создание лендинга

Об одностраничниках

Лендинг может создаваться представителями бизнес-ячейки не только для продаж. Его применение актуально также для:

• получения контактных данных;
• увеличения узнаваемости бренда;
• информирования пользователей о предоставлении услуг или о наличии определенного ассортиментного ряда продукции;
• консультирования;
• получения резюме от кандидатов;
• привлечения партнеров;
• обеспечения доступа к сервису.

Способы создания

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

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

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

На что нужно обратить внимание при разработке сайта

Лендинг с подзаголовком, в котором отображаются преимущества предложения

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

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

Заголовок

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

Лендинг сосредоточен на одной цели

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

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

Один лендинг преследует только одну цель

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

Читайте также: Про заработок в социальных сетях без вложений

В чем выгода потребителя

Как оформить преимущества сотрудничества

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

Персонализация

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

Проработка структура

Сведения, отображаемые на одностраничинике, должны быть структурированы.

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

Прием персонализации

Человек не будет читать до конца длинный текст, даже если он оформлена в виде списков. Информация должна быть подана кратко, а ее суть должна носить нотки интриги. Не стоит также пересыщать дизайн графикой. Рекомендуется придерживаться оптимального баланса между параметрами.

Социальные доказательства

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

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

Призывы к действию

Структура лендинга со инструментами продвижения

В одностраничнике обязательно должен присутствовать эффективный Call to Action, мотивирующий пользователя к действиям. Кнопку опции призыва располагают в хедере или в конце лендинга. Допустимо его размещение с лид-формой. Недостаточно сделать СТА- кнопку яркой. На пользователя оказывает влияние ее текстовая часть, которая должна синхронизироваться с мыслями в голове пользователя и озвучивать его пожелание.

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

Призыв к действию в виде кнопки с призывающим текстом

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

Лид-формы

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

Лид-формы

Лид - это обратная связь от пользователя сервиса в виде оформления заказа, регистрации или загрузки приложения. Основной задачей лид-формы является превращение контактов посетителя в лид.

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

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

Лендинги являются составной частью рекламных кампаний определённого товара или предложения с «горячей» ценой, а также используются для привлечения целевой аудитории из источников контекстной рекламы "Гугл Эдвордс", "Яндекс. Директ", социальных сетей и почтовых рассылок.

Что это такое?

Landing Page - это независимая страничка, способствующая:

• распространению отдельной услуги или продукта;
• формированию подписной базы.

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

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

Разновидности лендинг-пейдж

• Самостоятельный. Это наиболее распространённый вид одностраничного сайта. Его ключевой задачей является подзадоривание пользователя к приобретению продукта/услуги либо совершению любого другого шага, рекомендуемого ресурсом.
• Микросайт. Это сайт (чаще всего отдельно от основного) максимум на 5 листов, включающий в себя сведения о товаре либо услуге.
• Основной портал. В качестве посадочной применяется одна и больше страниц ресурса.
• Лендо-сайт. Он представляет собой портал, целиком состоящий из самостоятельных целевых страничек.

Способы создания Landing Page

Лендинг можно сделать несколькими способами:

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

• Помощь профессионалов. Задачу по созданию и SEO-продвижению лендинг-пейдж можно делегировать. К примеру, контент заказать у копирайтера, оформление - у дизайнера, а интеграцию с движком - у разработчика программного обеспечения. При этом на предприятии должен быть маркетолог, способный осуществлять контроль проекта на всех его стадиях. К плюсам такого способа относится в первую очередь низкая стоимость и отличный результат, поскольку каждый этап будет выполнять профессионал. К минусам можно причислить то, что высок риск неправильного подбора экспертов.
• Специализированные агентства. Этот метод создания лендинг-пейдж предполагает обращение в организацию, которая все задачи возьмёт на себя: изучение конкурентов, подбор концепции, составление рекламной кампании, уладит все задачи по интеграции и реализует проект. От заказчика лишь потребуется заполнить бриф на разработку, а созданием и продвижением лендинга под ключ займётся организация. К плюсам сотрудничества с агентством относятся результативность и экономия времени, из минусов - сравнительно высокая стоимость.
• Штатные сотрудники, которые будут отвечать за оформление и продвижение лендинга. Это очень затратный, но в то же время действенный способ. Своя команда, состоящая из копирайтера, дизайнера, разработчика программного обеспечения и маркетолога, сможет в полной мере воплотить и продвинуть проект.

Можно ли самостоятельно оформить Landing Page

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

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

Можно ли сделать лендинг бесплатно

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

• Создать лендинг-пейдж можно на сайте setup.ru после простого процесса регистрации.
• С помощью программного продукта Adobe Photoshop.
• Воспользоваться конструктором KompoZer.

Последний вариант лучше всего подходит тем, у кого имеются лишь минимальные навыки в этой области, и они не хотят терять время на освоение непростых систем программирования. Кроме того, можно воспользоваться бесплатным пробным периодом популярных конструкторов lpgenerator.ru и wPPage.

Оптимизация лендингов

Разработка лендинга - это лишь часть успеха, важно правильно его оптимизировать. У одностраничных ресурсов есть один, но довольно весомый недочёт - их очень непросто обнаружить поисковым системам. Полноценные сайты обладают уникальными заголовками, целостной структурой с информацией об объёме страниц, грамотной перелинковкой и прочим.

Структура одностраничника не позволяет выполнить качественную внутреннюю оптимизацию в привычном понимании, то есть «заточить» интернет-ресурс под запросы поисковиков. Решить эту проблему позволила вёрстка от Google с применением JavaScript и способа PushState.

Что для этого нужно?

Для оптимизации лендинга необходимо выполнить следующее:

• Лендинг разбить на несколько блоков.
• Каждый из них должен иметь собственный оригинальный индикатор, текстовку, наименование, заголовок и URL.

Другими словами, блоки должны обладать теми же свойствами, которые есть у любой отдельной страницы полноценного портала. В этом случае робот будет расценивать посадочную страницу как несколько уникальных. Посетители этот момент вряд ли уловят, только наиболее бдительные заметят, что в процессе скроллинга в строке меняется URL и title. Но тут следует понимать, что для осуществления этих действий потребуются определённые познания в сфере SEO и вёрстки с JavaScript.

Как сделать популярной созданную страницу? Продвижение лендинга в поисковых системах или SEO своими силами - вполне выполнимая задача, несмотря на то, что зачастую случается слышать, что поисковые системы плохо относятся к одностраничным сайтам. На самом деле всё не совсем так. Если страница соответствует определённым условиям и будет содержать максимальное количество информации о реализуемом продукте/услуге, то можно добиться отличных результатов СЕО-продвижения лендинга.

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

Что нужно делать?

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

• Основа успешной Landing Page - содержимое. То есть описание продукта должно содержать определённую информацию для пользователя: детали, фотографии, видеообзор, отзывы и прочее.
• Продвижение лендинг-пейдж с помощью ссылочной массы. Для прокачки одностраничного сайта потребуется ссылочная масса, которую можно приобрести на других ресурсах. Численность ссылок будет зависеть от конкурентоспособности реализуемого продукта, а также от региона, количества соперников на рынке и прочего. Отличный способ заявить о себе, а также получить ссылочную массу с других ресурсов - это поместить на них обзор вашего товара. Для этого существуют специальные инструменты и сервисы. Другой вариант (более трудоёмкий, но в то же время интересный) - самостоятельно искать веб-сайты похожей тематики и обращаться непосредственно к администраторам с пожеланием разместить у них вашу информацию. Безусловно, делается это за вознаграждение. В обзор необходимо вставить несколько ссылок на сайт. Если подобранные ресурсы пользуются популярностью, то с них легко можно получить поток посетителей, которые в последующем могут стать клиентами. Этот способ раскрутки является самым удачным и естественным. Вы приобретаете так называемые вечные ссылки, за которые платите единожды, обеспечивая при этом Landing Page целевым трафиком.

Лендинг пейдж (landing page) можно перевести как «посадочная страница». Она используется для продажи определенной услуги или товара, а также для других схожих целей (подписки и т.д.). Если посетитель нажимает на рекламный баннер, то он обычно оказывается именно на посадочной странице, которая позволит ему быстро сделать то, что было обещано в рекламе.

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

В чем смысл создания лендинг пейдж?

Смысл только один - повышение конверсии . По логике, любую страницу интернет-магазина с товаром, на которую пользователь пришел по рекламе, также можно назвать посадочной страницей, однако, по сравнению со специально заточенным лендингом, конверсия будет гораздо ниже. Согласно статистике, конверсия у лендингов выше в среднем на 15%. Объясняется это достаточно просто:

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

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

Какие подвиды существуют?

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

Автономная страница

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

Целевые страницы на крупном сайте

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

Микросайт

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

Сайт из целевых страниц

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

Как создать такой сайт?

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

Обращение к профессионалам

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

Данный способ создания лендинг пейдж может быть как дешевым, так и дорогим. Дешев он будет в том случае, если вы сами знаете, чего хотите: концепция, текст, дизайн, вы знакомы с нишей и анализировали конкурентов. Если же вы заказываете разработку лендинг пейдж совсем с нуля, то при правильном подходе со стороны исполнителя это будет стоить довольно дорого. В данном случае стоимость создания лендингов может быть выше 40–50 тысяч рублей.

Создание самостоятельно

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

• аудит компании или товара/услуги. Это необходимо для определения целевой аудитории;
• анализ уже существующих конкурентов;
• разработка концепции лендинга;
• создание прототипа лендинг пейдж;
• написание текстов, создание заголовков, seo-оптимизация (если требуется);
• создание дизайна;
• верстка.

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

Нужна ли оптимизация лендинг пейдж?

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

• используйте для продвижения нч и сч запросы, их количество не должно быть больше 2–3;
• текст должен быть хорошим, информативным и структурированным. страницы только с изображениями продвигать трудно, текст должен быть. хотя бы 2–3 тысячи знаков;
• используйте заголовки h1–h2;
• alt картинок, title и description страницы нужно заполнять обязательно;
• если это уместно, добавьте карту и адрес компании. не лишним будет блок отзывов;
• покупка ссылок поможет продвинуть ваш лендинг в поисковых системах, но тут не стоит гнаться за количеством, лучше купить несколько дорогих, но хороших ссылок. нч и сч запросы так можно продвинуть довольно легко;
• домен лендинга должен содержать ключевые слова - это очень важно.

Сервисы для создания лендингов

http://lpgenerator.ru - хороший сервис, очень много шаблонов, есть пробная версия. Стоимость создания и размещения одной лендинг пейдж начинается от 560 рублей в месяц.

http://lpmotor.ru - шаблонов много, есть шаблоны секций, которые позволяют создавать индивидуальные решения. Стоимость - от 450 рублей в месяц, но есть возможность сперва создать лендинг пейдж, оценить результат, а уже потом оплатить.

http://wppage.ru - генератор страниц для Wordpress. Стоит 2162 рубля (уже он бесплатный). Представляет собой плагин, который позволит вам легко и быстро создавать одностраничники на базе Wordpress. Но необходим навык работы с данной CMS.

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

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

Что обычно подразумевается под лендингом

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

1. Призывы к действию (Подпишись, купи, зарегистрируйся, оформи), большая, привлекающая внимание кнопка продажи\подписки, зачастую не одна — в начале и в конце страницы.
2. Отзывы от потребителей, положительные комментарии о продукте из различных форумов, соц. сетей и т.д. в общем элементы убеждения при помощи социальных инструментов, что бы вызвать доверие у посетителя.
3. Всевозможные акции, скидки, бонусы, зачастую сопровождаемые счетчиком с обратным отсчетом. То, что подтолкнет посетителя совершить действие здесь и сейчас, не откладывая на будущее (ведь потом он уже с большой вероятностью никогда не вернется на ваш сайт )
4. Различные элементы оформления сайта, созданные все с той же целью — заставить купить. Это и всевозможные картинки, фотки продукта с удачных позиций, счастливые люди, вызывающие доверие персонажи. Всевозможные дизайнерские приемы, вроде стрелок, направляющих ваш взгляд на кнопку, крупные заголовки, высокий контраст важных элементов, рамки, меняющийся местами текст и т.д. Арсенал огромен.
5. Собственно сам продающий текст, который включает описание продукта, его преимущества, способы применения и в, идеале, работа с отрицаниями потребителя. Вообще, создание продающего текста, это отдельная большая тема.
6. Нередко встречается встроенное видео, рассчитанное на тех, кто больше любит смотреть и слушать, а не читать. Иногда делают его запускаемым по клику, иногда автоматически при загрузки страницы — тут все индивидуально, где-то одно лучше работает, где-то другое, где-то вообще без видео будет отклик больше.

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

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

Ну а теперь, после длинной вводной части, перейдем собственно к самому интересному — созданию своей посадочной страницы

Как создать Landing Page. Способы создания лендинга

Есть несколько способов смастерить себе одностраничник:

1. Использовать различные шаблоны, позволяющие создавать посадочные страницы (как для популярных CMS так и с собственной админкой или на чистом html)
2. Онлайн генераторы посадочных страниц
3. Сделать самому лендинг с нуля
4. Заказать у профессионалов и не тратить время и нервы.
5. Купить готовый лендинг в специализированных интернет-магазинах.

Для экономии времени я использую первый вариант, на нем подробнее и остановимся.

Создание лендинг пейдж при помощи готовых шаблонов

Совсем недавно мне подкинули отличную подборку шаблонов для лендингов, как на html так и с собственной админкой.

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

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

Так например на днях я создавал лендинг по продаже елок в Тюмени, и удачно заскринил весь процесс =)

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

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

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

1. Первым делом зашел на сайт и подобрал себе бесплатные приличные иконки в виде елок. Они пойдут как на создание элементов оформления или логотипа, так и для создания faviconа.

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

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

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

4. Далее я подключил бесплатный набор шикарных шрифтовых иконок Font Awesome С их помощью за 5-10 минут запросто можно накидать простенькие графические элементы оформления сайта. Преимущество векторных иконок в том, что они отлично масштабируются без потери качества, и внешний вид вы можете настраивать прямо через css, не пользуясь графическими редакторами.

В итоге получится что-то вроде этого

Что бы у нас вылез такой вот красивый грузовичок достаточно будет вставить в нужное место код . Что бы задать ему нужные нам стили оформления можно добавить дополнительные классы, я например добавил 2 класса . В elkico задал размер для всех иконок этого ряда, в grn соответственно цвет для всех зеленых иконок и дальше для оформления мне всего лишь нужно было дописать 2 слова при вставке кода.

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

Вот так это нижняя часть лендинга стала выглядеть после добавления иконок

По хорошему в пункте Живые елки нужно бы иконку елочки вставить, но в наборе нет такой, а делать вручную мне было лениво) Попозже сделаю. Таким образом при должной сноровке вы сможете создавать довольно симпатичные лендинги за 2-3 часа (а если пользоваться базовыми шаблонами то вообще за пол часа можно управиться ). Ну а в целом сайт выглядит теперь так:

Плюсы: быстро, дешево, вы сам себе хозяин и господин 🙂

Минусы: нужно разбираться в html и css, уметь работать с изображениями, иначе пункт быстро можно смело вычеркнуть. Так же данный набор шаблонов имеет устаревшую верстку — она не адаптивная, т.е. на небольших мониторах и мобильных приложениях дизайн сайта будет смотреться коряво.

Для WordPress могу подсказать несколько шаблонов, заточенных специально под создание лендингов:

• вполне неплохой шаблон, использовал его как-то для создания лендинга на вордпрессе. Из плюсов — недорогой (10$) и простой по сравнению со многими премиум шаблонами. Адаптивный, с набором предустановленных стилей оформлений, шорткодами и даже WooCommerce поддерживается. Для создания лендингов используется встроенный в тему конструктор. Из минусов — английский язык. Впрочем он там не сложный и моих базовых знаний вполне хватило что бы понять все нужные функции и настройки.
• Есть и более выпндрежные, наподобие этого со всякими паралаксами, анимацией и т.д.
• А вообще их полно, под разные нужды и с разным функционалом, тэг one page на themeforest в помощь

Онлайн генераторы лендинг пейдж

Тут я не буду так подробно разжевывать — при желании вы сами сможете ознакомиться с онлайн инструментами, позволяющими создавать продающие одностраничники. Просто перечислю наиболее популярные сервисы

1. Lpgenerator пожалуй самый популярный в рунете, найти можно по ссылке . И вместе с тем один из самых дорогих.

Из преимуществ — есть бесплатный 14-дневный тестовый период. Однако тарифы от 2000 до 15000 рублей в месяц. Единственный вариант выгодного использования я вижу, если только вам нужно создать лендинг на короткий срок 1-2 месяца. Шаблонов там не так уж много, по моим прикидкам чуть больше сотни.

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

Минусы: дорого, зависимость от стороннего сервиса.

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

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

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

Создание landing page с нуля самому

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

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

Минусы: Долго и сложно, по крайней мере относительно других способов. Такой вариант подходит наверное только для профи или фанатиков.

Заказать лендинг у фрилансера или вебстудии

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

Конечно, если обращаться к каким-нибудь крупным понтовым веб-студиям то там и 100 тысяч могут запросто содрать) Если же обращаться к малоизвестным фрилансерам на дешевых биржах, то можно и за 2-3 тысячи найти исполнителя, но качество такой работы скорей всего будет сомнительным (или будут использоваться готовые шаблоны в чистом виде без особой адаптации под индивидуального заказчика, разве что текст поменяют и пару фоток ) а возможно и на деньги кинут, что тоже случается.Так что тут тоже как повезет.

Плюсы: Вы заказываете сайт, вы получаете сайт, таким какой хотите. Не тратя на это времени и сил.

Минусы: Вы тратите на это деньги)

Кстати, если вам нужен лендинг, то вы можете заказать его у меня за сравнительно небольшую цену (от 7 до 15 тысяч рублей в зависимости от сложности) и получите полноценный продажник, с текстами, картинками, счетчиками, отзывами и всем необходимым. Опыт в создании сайтов более 3-х лет.