Чеклист для новичков: запускаем лендинг

Уделите больше внимания блоку описания продукта

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

Подключайте воображение. Например, вы делаете косметические маски. Подготовьте на странице блок под галерею фотографий и видео с людьми, которые пользуются ими. Возможно, блок «до/после»? Так вы объясните пользователю, что это за маски и зачем они нужны.

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

Пример лендинга с простым контрастным дизайном — он отлично выполнил свою задачу привлечь зрителей.

Начните с понимания задачи

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

Подготовьте бриф. Вам нужны ответы на три главных вопроса:

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

Это сайт, на котором люди будут сразу покупать? Или цель лендинга — побудить человека поверить в экспертность клиента и подписаться на рассылку? Может быть, важна запись на вебинар? Обязательно обсудите этот момент с заказчиком.

Для кого

Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.

Как вы это реализуете

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

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

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

Пример лендинга «Звездных войн» — необычный яркий пример с почти незаметным боковым меню.

Process of Navigation Online

One of the essential things to keep in mind is that the top of the page must always contain short but targeted relevant information about your company and the tacky headline with the slogan, which will be easy for advertising. You must put the terms of service, subscription service, contact information, and other contact data at the bottom with thank you page if needed. At the top of the page must always contain short but targeted relevant information about your company and the tacky headline with the slogan, which will be easy for advertising. You must put the terms of service, subscription service, contact information, and other contact data at the bottom with thank you page if needed.

Landing Page: преимущества и недостатки

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

Преимущества landing page:

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

Лендинги имеют простую структуру, поэтому посетителю не придется искать нужную ему информацию.
Стоимость и быстрота создания landing page также является его преимуществом. Лендинги разрабатываются и полностью наполняются за 1-5 дней.
Посетителю не придется долго ждать загрузки страницы, так как лендинг весит немного.

Минусы landing page:

• Лендинг не основной канал для привлечения аудитории и продажи товаров и услуг, а вспомогательный. В бизнесе в любом случае требуется полноценный веб-ресурс.
• Может случится так, что слишком навязчивый лендинг наоборот оттолкнет пользователя. Не стоит использовать при его создании слишком много шаблонов.
• У landing page большая конкуренция, где представлено много компаний.
• Сайт-страница рассчитан на одно конкретное целевое действие: продажа, сбор лидов, регистрация и т.д., поэтому не может продвигать широкий ассортимент.

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

Landing Page Marketing Potential

The modern digital environment is very competitive, and it’s essential to promote your new product or service then through efficient tools. Thanks to A/B testing or A/B split testing, you can create a few landing pages conversion and optimize your content to drive traffic, build brand awareness, and boost leads through search, which will encourage landing page visitors to push the CTA button and leave their information. Via the calls to action (CTA) button color attraction, you can provide any encouraging actions, including case studies, consultations, webinars, and more, which will lead to homepage destination for product or service when new.

Примеры лендингов

Лендинг для МТС банка, финансовые услуги

• Заголовок и визуализация продукта — кредитной карты.
• Преимущества кредитного предложения.
• Конверсионная форма с 3 полями.
• Конверсионный кнопки имеют разный текст для пользователей разного уровня заинтересованности.

Страница акции Beeline

Страница создана специально для привлечение в акцию абонентов.

• Конверсионная кнопка с текстом-призывом «Попробовать бесплатно».
• Кнопка находится под областью с указанием выгоды: зачеркнута старая цена, выделена новая цена по спецпредложению.
• Совместная акция с известным брендом, имеющим лояльную аудиторию: логотип коллаборативного бренда размещен на первом экране и бросается в глаза.

Такси «Убер»

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

• Заголовок говорит о типичной проблеме пользователя.
• Форма размещена высоко на странице. Форма для водителей размещена ниже.
• Выделяет 3 основные причины для установки приложения.
• Визуальный образ дружелюбного водителя — уважаемого человека, занимает существенное визуальное пространство.

Лендинг цветочной компании

Красивое оформление и легкость дизайна, основанном на фотографиях цветов и интерьеров.

Обратите внимание на форму и яркую кнопку. Фотографии показывают примеры работ компании — оформление интерьеров цветами

Меню разделяет целевую аудиторию: бизнесу, свадьба.

Компания «Майкрософт»

Лендинг сделан на домене сайта, но практически не связан с ним — нет основного меню и какой-либо другой информации, кроме предложения о программном продукте компании — SQL Server, предназначенный для узкой ЦА.

• Заголовок обозначает главную проблему клиентов и ее решение.
• Форма только с необходимыми полями.
• Нет меню — ничего не отвлекает от заполнения формы.

Для чего нужен лендинг?

Лендинг не просто информирует о товаре – он его продает. Цель любого лендинга – одно конкретное действие.

Это или продажа товара/услуги, или сбор контактных данных посетителей, или привлечение трафика на основной сайт.

Все вместе – не получится, у каждого лендинга – своя задача. Рассмотрим самые основные.

Продажа товара. Допустим, вы стали фрилансером-копирайтером и хотите продвинуть в интернете свои услуги. Услуга у вас одна – написание текстов.

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

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

Сбор контактных данных, или лидов. Лиды – это контакты потенциальных клиентов. Как их собрать? Очевидно, заинтересовать людей, чтобы они оставили в форме заказа свой телефон или электронную почту.

Это называется лидогенерацией. Можете предложить им бесплатные статьи, рассылку полезных советов, скидку на текст, в конце концов. И вот когда они оставят свои данные – можете не только выполнить обещанное, но и предлагать свои услуги копирайтера или что вы еще умеете.

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

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

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

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

Но они-то еще о вас не знают! Значит, делайте лендинг, ориентированный полностью на аудиторию предпринимателей. Описываем их боли и проблемы и предлагаем решение – ваши тексты.

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

Переходите на новый уровень

Да, обычно лендинг — это быстро и недорого. Но в любом правиле есть исключения. Например, компания S7 Airlines сделала необычную презентацию нового самолета — это интерактивная картинка гаража с Airbus A320neo. Дизайнер создал 3D-анимацию снятия покрывала с самолета, взлета и возможность прогулки по салону.

Посмотрите проект сайта на Behance.

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

Старайтесь удивлять пользователя. Не обязательно использовать технологии, которые стоят тысячи долларов. Съемка 3D-фотографии, пусть без динамики, сейчас стоит не очень дорого (можно найти варианты от 600–700 рублей), но этот эффект заставит пользователей запомнить ваш лендинг.

Оптимизация технических факторов

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

Итак, на что важно обратить внимание при проведении технического аудита одностраничного сайта

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

Корректный robots.txt

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

В URL лендинга нет заглавных букв. Эта кажущаяся формальность, которая часто возникает из-за неправильных настроек CMS, может создать сложности для SEO. Один и тот же сайт, написанный по-разному (строчными и с заглавными буквами), может восприниматься поисковиками как дубль.

Быстрая скорость загрузки сайта. Если время загрузки лендинга превышает 3-4 секунды — критично сосредоточиться на решении этой проблемы. Включите сжатие Gzip, уберите фон в виде изображений, оптимизируйте css- и js-файлы, уменьшите вес картинок без потерь в качестве, используйте кэш браузера.

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

Документы, мешающие SEO, закрыты от индексации. Речь идет о всевозможных PDF, DOC, XLS и других документах, часто размещаемых на сайте. Их содержимое также распознается поисковиками и попадает в индекс. Чтобы не «размывать» релевантность, эти элементы нужно закрывать от индексации. Способы как это сделать — мы подробно разбирали здесь.

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

Покажите преимущества

Если кто-то начинает прокручивать вниз, значит вы сделали что-то правильно. Возможно это текст объявления, заголовок, главное изображение или что-то еще, люди, которые читают все страницы лендинга говорят вам, “я заинтересован».

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

Но людям плевать!

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

Это облегчит мне жизнь?

Хватит хвастаться. Просто ответьте на этот вопрос. Как ваш продукт облегчит жизнь? Что у клиента изменится к лучшему?

Видео на Landing Page

Видео это маст-хэв, и его нужно использовать обязательно. Это самый легкий способ взаимодействия с посетителем. Результаты исследований eyeviewdigital.com говорят, что видео-ролики поднимают конверсию до 80%.

Люди приклеены к экранам телевизоров с середины 20 века. Видео изменило интернет, и теперь YouTube стал “новой поисковой системой”.

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

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

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

Повторное использование контента. Добавьте свое видео на YouTube и оптимизируйте его для SEO. Видео в 52 раза чаще появляется на первой странице Google, чем текстовая статья (скорее всего, из-за отсутствия конкуренции).

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

Виды лендингов

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

Товарный лендинг

Товарные лендинги предназначены для продажи товаров и услуг. Цель товарного лендинга ─ заставить посетителя оставить заявку, сделать заказ. Товарным лендингом может быть витрина, на которой размещено до 10-15 товаров. Он может иметь корзину и продвигать несколько товаров или услуг одновременно.

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

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

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

Такой Landing Page принесет гораздо больше конверсий, чем обычная витрина или магазин.

Пример товарного лендинга

Лендинг для сбора подписчиков

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

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

Как можно достаточно быстро набрать подписную базу:

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

Пример подписной страницы

Пример подписной страницы

Квиз-лендинг

Квиз-лендинг ─ это посадочная страница со встроенным опросником (5-7 вопросов) с описанием характеристик и преимуществ товара или услуги. Его цель ─ сбор заявок и заказов с помощью игровых опросов, интерактивных тестов и викторин. Пользователь отвечает на вопросы, рассказывает о своих проблемах и в игровой форме узнает о продукте. Например, посетитель отвечает на вопрос «есть ли у вас проблемы с лишним весом», далее получает ряд уточняющих вопросов, а затем ему предлагается конкретный продукт для решения его проблемы. Это позволяет быстро выявить проблему посетителя, ненавязчиво предложить вариант ее решения, а также оградить клиента от лишних вопросов при созвоне.

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

Используя квиз-лендинги, вы можете увеличить конверсию в несколько раз, при правильном подходе она может составлять 10-12%.

Пример Квиз-лендинга

Брендовый лендинг

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

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

Пример брендового лендинга

Презентационный лендинг

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

Пример презентационного лендинга

Лендинг для тестирования

Цель данного лендинга ─ узнать, насколько будет интересен, актуален и востребован конкретный товар или услуга потребителем.

Лэндинг психолога

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

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

Общая схема создания лэндинга психолога подчиняется обычным законам создания продающих страниц.

Как создать лендинг пейдж?

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

Первым вариантом станет конструктор веб-ресурсов. В данном случае можно создать лендинг самому бесплатно. О том, что такое конструктор сайтов простыми словами, мы уже говорили ранее. В интернете их много. Как варианты, это Wix, Tilda, Flexbe, LPgenerator и другие.

Второй вариант – фрилансер. Это будет недорогой вариант. Однако, побеспокойтесь о результате заранее. Для этого ознакомитесь с работами специалиста и задайте как можно точнее техническое задание. К тому же, гарантии фрилансер не дает.

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

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

Оптимизация контента

Составление семантики — только начало. Дальше нужно максимально естественно вписать ее в контент, и здесь возникает немало сложностей.

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

Сильный оффер — это 80% успеха лендинга, и здесь лучше воздержаться от SEO-вхождений, которые будут вредить тексту.

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

Зачем нужен одностраничный сайт

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

В бизнесе красивый сайт играет ключевую роль – привлекает внимание потенциальных клиентов

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

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

Идеальный одностраничник должен удерживать внимание, вовлекать и побуждать к действию – совершению заказа или покупки

Допустим, если на одностраничнике будет слишком много неинтересного текста, например такого: “Мы работаем на рынке уже миллион лет, все наши клиенты довольны и т. д. и т. п.”, – то посетители его явно не оценят. Вы увидите, как они скоротечно покидают сайт.

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

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

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

Дополнительные элементы

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

Этапы. В этом элементе пошагово показывается, как легко воспользоваться услугой или получить товар.

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

Настройка лендинга

• Регистрация и подключение своего домена. Как правило, все конструкторы сайтов после регистрации в сервисе предоставляют бесплатно домен третьего уровня вида site.nethouse.ru. Для успешного продвижения понадобится свой домен вида site.ru.
• Подключение почты. Приятным дополнением к домену является подключение к нему почты. Адрес вида вызывает доверие у потенциальных клиентов.
• Добавление favicon. Значок лендинга, который отображается браузерами во вкладке перед названием страницы. Обычно представляет собой логотип или часть логотипа.

Пример фавикона

Добавление мета-тегов. Title и Description важны для индексации в поисковых системах, keywords заполнять необязательно. Title также отображается во вкладке браузера.

Подключение систем аналитики Яндекс.Метрика и/или Google Analytics, настройка целей

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

Подключение дополнительных сервисов (при необходимости)

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

Проверка отображения сайта на ПК, планшете и мобильном телефоне

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

Пример плохого лендинга

Из крайности в крайность бросаться тоже не стоит

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

Лепить безвкусные лендинги – это тоже самое, что делать «пёстрый» дизайн. Результат примерно один и тот же – теряется эффективность.

Представьте, что вы ищите в интернете натяжные потолки и попадаете вот на такой лендинг:

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

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

Вот еще один пример плохого лендинга:

Старайтесь никогда не повторять подобное на своих одностраничниках.

Tilda

Tilda — еще одна популярная платформа, в которой можно создать лендинг бесплатно самому с нуля. В распоряжении у пользователя свыше 480 визуальных блоков, а также более 180 готовых шаблонов. Дополнительно стоит отметить коллекцию иконок, встроенный редактор изображений и возможность расширенного управления анимацией в Zero Block.

Кратко о конструкторе Tilda в таблице.

Количество шаблонов	Более 180
Индивидуальный заказ дизайна	Отсутствует
Пробный период	14 дней
Минимальный тариф	От 750 руб. в месяц (скидка при оплате сразу за год)
Привязка собственного домена	Есть
Адаптивность дизайна	5 экранов
Интеграция	CRM, почтовые рассылки, сервисы приема платежей, банковский эквайринг (Альфа-Банк, Сбербанк, Тинькофф)
Аналитика	А/Б тестирование, мультилендинги, отчеты в реальном времени, Google Analytics и Яндекс.Метрика
Регистрация доменов	Отсутствует, подарочные предоставляются через Reg.ru

Интересный факт: несколько сайтов, созданных пользователями Tilda, были награждены известными премиями. Например, первое место в рамках номинации «Промышленность и оборудование» по версии Рейтинга Рунета 2016, а также победа в Bitrix Design Cup 2016.

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

Перейти на tilda.cc

Дизайн продающих страниц

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

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

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

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

Как и где можно сделать себе лендинг

Существует 3 варианта:

• Сделать по шаблону самому
• Воспользоваться конструктором лендингов
• Заказать разработку лендинга

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

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

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

Реально бесплатные конструкторы лендинг пейдж

Бесплатные конструкторы landing page действительно существуют, но имеют ряд значимых недостатков:

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

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

Вот перечень из нескольких конструкторов, где можно без пробного периода делать лендинги:

• LPMotor (без публикации в сети);
• Wix;
• Nethouse (1 руб. в месяц);
• Mobirise (только на ПК, для публикации понадобится хостинг и домен);
• GUM (в пиратской версии, не подойдет новичкам).

Можно пробовать делать сайты без денежных вложений и на других платформах, но с ограничением по времени тестового периода — от 7 до 14 дней. Кроме того, создать проект бесплатно можно и на шаблонах в более популярных CMS, например, на WordPress (если ограничиться виртуальным сервером с доменом на компьютере без публикации в сеть ).

Заполнение метатегов

Создание Title. Сюда ставят основной запрос из семантики

При создании Title важно органично вписать ключ, сохранив читабельность и  информативность. Оптимальная длина — 60-70 знаков с пробелами

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

Keywords

Значимость этого тега многими ставится под сомнение, но не в случае с лендингами — здесь каждую возможность оптимизации важно использовать по максимуму

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

Как измерить эффективность лендинг-пейдж?

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

Затем вы должны разделить количество участников на количество посетителей, чтобы получить свой ‘коэффициент конверсии’. Хороший коэффициент конверсии, зависит от типа вашего Landing Page. Исследования показывают, что коэффициенты конверсии лидогенерации составляют около 3-5%, а показатели электронной коммерции — 1-2%.

Заключение

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

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

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

То же касается и информации

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

Поэтому создание лендинга – это не просто склепать что-то на готовом шаблоне. Учитывайте этот факт.