CC BY
12УДК 004.4
СПОСОБЫ СОЗДАНИЯ ЦЕЛЕВЫХ СТРАНИЦ (LANDING PAGE)
С.А. Хлебород, А.Н. Горбунов
Брянский государственный университет имени академика И.Г. Петровского
В статье выполнен анализ способов создания landing page. Ключевые слова: landing page, аутсорсинг, шаблоны, онлайн-сервисы.
В последние годы в России стали набирать популярность продающие веб-страницы, которые называются landing page или целевые страницы. Поэтому возникает вопрос о способе создания landing page. Выделяют четыре способа создания landing page: аутсорсинг, применение шаблонов, самостоятельная разработка и использование специализированных он-лайн-сервисов.
Аутсорсинг
В сети Интернет можно с легкостью найти организацию, которая сможет сделать landing page на заказ, за определенную сумму, либо человека, занимающегося разработкой целевых страниц. Плюс аутсорсинга в том, что разработчик сделает страницу за короткое время и не придется тратить время на изучение языка и создание самой страницы. Так же страница получится качественной, разработчик будет следовать указаниям заказчика [1].
Но необходимо помнить, что разработчика нужно выбирать тщательно, чтобы не оказаться обманутым, так как есть риск нанять непрофессионала и не получить желаемого результата. К данному способу создания целевой страницы, могут обратиться только те, кто обладает большим бюджетом, так как способ является очень дорогим [5]. Цена за одну целевую страницу колеблется от 1000 до 169000. Популярными организациями в России по созданию landing page являются: «Mokselle», «Landing4Sale».
Компания «Mokselle» [8] (рис.1) для создания landing page предлагает новейшие web-технологии, в которые входит HTML5, CSS3, параллакс, адаптация под мобильные устройства. В создании лендинга будут участвовать 13 специалистов разных направлений, от маркетолога до верстальщика. Каждый этап создания согласовывается с заказчиком. В качестве бонуса, заказчику бесплатно предоставляет мультилендинг.
Компания «Landing4Sale» [4] (рис. 2) разделила все свои услуги на три категории, в зависимости от количества предоставляемых услуг. Цена услуг от 10000 рублей.
((Я) Mokselle Профессиональные услуги 8 (495) 984-41-74
Smart marketing для бизнеса Заказать звонок
ПРЕИМУЩЕСТВА НАШИ РАБОТЫ КОМАНДА СХЕМА РАБОТЫ
Разработка Landing Page
от профессионалов
Результат, основанный на исследованиях
<
Отрасль: Продажа автомобилей Те51а в России "У* т = 5 ь я Результат: В первый месяц продажи с 1_Р составили 8 млн.руб.
Вложения в разработку 1_Р окупились в 30 раз за 1 месяц.
>
Посмотреть работы
Рассчитать стоимость
Активация Windows ^^^Н
Чтобы активировать Windows, пет
£9 Отправьте нам сообщение jivosite
Рис. 1. Главная страница сайта «Mokselle».
Landing4Sale
Портфолио
8-804-333-14-00
ВЫСОКОЭФФЕКТИВНЫЕ landing page
/конверсия: от 5% до 35%* стоимость: от 9.900 руб. срок изготовления: от 5 дней
Актиайция Windows
: Ьы активировать Windows, г
Рис. 2. Главная страница сайта «Landmg4Sale».
Компания предлагает каждому клиенту индивидуальный дизайн целевой страницы, самостоятельное управление содержанием страницы, дополнительные эффекты на страницу (анимацию, слайдер, галерею, таймер), а так же предоставление мультилендинга и 3ё дизайна. Гарантируются А-В-тесты целевой страницы. Для некоторых пакетов услуг бесплатно предоставляется хостинг, домен и настройка Яндекс.Метрики.
Применение шаблонов
В сети Интернет находится множество шаблонов целевых страниц на разную тематику. Необходимо только скачать нужный шаблон. Шаблоны предоставляются и в бесплатном виде, и в платном, в зависимости от качества самого шаблона [1]. Как изменить шаблон под свою страницу можно посмотреть в видео файлах или курсах.
Главным достоинством применения шаблонов, в большинстве случаев, является их бесплатность. Человек сам решает, как переделать шаблон. Но в результате получается страница подобная шаблону, которую могли видеть множество людей, и в которой нет ничего оригинального. Это и является основным недостатком применения шаблонов для целевой страницы.
Примерами сервисов, предоставляющих шаблоны, являются «ЬеаёКк» [6] (рис.3) и «Free-landingpage» [3] (рис.4). Необходимый шаблон легко изменяется. Можно без особых сложностей загрузить нужную картинку, а так же изменить текст на оригинальный.
Рис. 3. Главная страница сайта «LeadKit».
Рис. 4. Главная страница сайта «Free-landingpage».
Собственная разработка
Данный способ создания целевых страниц рассчитан на категорию людей, знающих HTML-разметку и каскадные таблицы стилей (CSS) [1,5]. Для написания кода используются либо текстовые редакторы HTML-кода (самый известный текстовый редактор -Notepad++^TO.5)), либо редакторами HTML-кода, которые имеют возможность визуально показать результат, а также подсказки и подсветку в коде.
Файл Правка Поиск Вид Кодировки Синтаксис Опции Макросы Запуск Плагины Окна ?
Щт пен @ i s в
@ 2_1.html □
18 19
<!doctype html>
R<hcrol> <head>
<meta http-eguiv=nContent-Type" content="text/html; <t it lex/tit le> -</head> P<body>
<form name=M|^j^">
Шедшее штж. ЦШЙШШЙШ <input type=ritextM name="a" size="5">
<br>
<br>
Шш WHRRSX ЯШШШШ Cinput üype=ntext" name="b" size="5">
<br>
<br>
<input type=Mbutton" name="button" value^ggg^^jijig^" onClick="aRe()">
<br>
<br>
<script language-"дазяюди1я3;п type-"
function aRe{){
таг a=document.forma.a.value;
таг b=document. forma. b. value ;
таг s=a*b;
alert(s); }
</3Cript>
" </fomn>
28 29
Рис. 5. Интерфейс Notepad++.
С помощью подсказок избегаются повторения кода и ошибки в словах [2]. Так же визуальные редакторы генерируют код. Но программа не может написать аккуратный и проду-
манный код как человек, поэтому важны знания языка HTML. Самая известная программа Adobe Dreamweaver (рис.6).
| Page Properties,-^ j [ List Item... J
Рис. 6. Интерфейс Adobe Dreamweaver.
Использование специализированных онлайн-сервисов (конструкторы)
С помощью макетов, в которых отображено лишь положение главных частей лендин-га (например, таких как: заголовок, блок преимущества, отзывы), можно создать целевую страницу в онлайн-сервисах.
Главное достоинство использования конструктора заключается в том, что пользователь может не обладать знаниями в языках программирования. Пользователю достаточно выбрать необходимый элемент из предлагаемого списка и перенести его на любое место на целевой странице, где он должен находиться. Элемент легко перемещается, а так же поддается редактированию, такому как масштабирование, изменение цвета и формы [5].
Доступ к макетам ограничен незарегистрированным в онлайн-сервисе пользователям. В большинстве случаев пользование специализированным онлайн-сервисом платное. В тоже время, возможен случай предоставления бесплатной версии, которая дается на срок от одного до трех месяцев с ограничениями по функционалу онлайн-сервиса. Это самый существенный минус предлагаемых специализированных онлайн-сервисов. Если же предлагается бесплатный конструктор, то в конце создания страницы появится элементы, за которые всё равно придется платить.
Например, известный конструктор Wix [9] (рис. 7) в начале работы предлагает полностью бесплатные услуги, но как только страница будет создана, возникают проблемы. Страницу нельзя перенести на другой хостинг, чтобы поменять доменное имя нужно заплатить, ни в Яндекс.Метрике, ни в Google Analytics нельзя проследить активность пользователей, обращающихся к странице, нельзя протестировать страницу. Все эти функции будут доступны, если заплатить за дополнительный пакет услуг.
Но у конструктора Wix есть и достоин6ства: доступ к бесплатной библиотеке картинок, настройка доступности страницы, оптимизация под мобильную версию, возможность добавления HTML-кода и добавления на страницу блога, а так же кнопок социальных сетей,
имеется собственный магазин приложений. За определенную сумму конструктор Wix может предоставить услуги профессиональных дизайнеров.
• -ггг? Мои свй-ы I ..л-.ч-ги Р.-1МОЖМОСТИ ~ Бизнес-версия ~ "Идппржкп
Какой сайт вы хотите создать?
) Интернет-магазин
> Дизайн
) Рестораны
> 110р|ф01М0 и риламе
> Крисиш И JUOpOUbC
Рис. 7. Главная страница сайта «Wix».
В отличии от Wix специализированный онлайн-сервис LPgenerator [7] (рис. 8) позволяет в дальнейшем размещать целевую страницу на любой хостинг. LPgenerator предоставляет дополнительные элементы страницы, к ним относятся: боксы для пользовательский отзывов, регистрационные формы, кнопки социальных сетей, счетчики, аудио- и видеовставки. Однако онлайн-сервис платный (от 9900 рублей), тестовый период составляет семь дней.
Рис. 8. Главная страница онлайн-сервиса «LPgenerator».
Анализ создания landing page показывает, что существует несколько различных способов формирования целевых страниц и у каждого из способов есть свои достоинства и недостатки. Однако, в настоящее время среди пользователей пока нет единого мнения, какой из рассмотренных способов можно считать оптимальным для создания целевых страниц.
Список литературы
1. Анар Бабаев. Создание сайтов / Анар Бабаев, Михаил Боде, Николай Евдокимов. СПб.: Питер, 2014. 546 с.
2. Мак-Дональд М. Создание Web-сайта . Недостающее руководство. 3-е изд.: Пере. c англ. СПб.: БХВ-Петербург, 2013. 624 с.
3. Free-landingpage [Электронный ресурс]. URL: http://free-landingpage.ru. (Дата обращения: 22.01.2017).
4. Landing4Sale [Электронный ресурс]. URL: http://www.landing4sale.ru. (Дата обращения: 22.01.2017).
5. LandingPage: идеальная страница для больших продаж [Текст] / Коллектив. М.: Ingate, 2014. 320 с.
6. LeadKit [Электронный ресурс]. URL: http://leadkit.ru/landing-page-templates/. (Дата обращения: 22.01.2017).
7. LPgenerator [Электронный ресурс]. URL: www.lpgenerator.ru. (Дата обращения: 22.01.2017).
8. Mokselle [Электронный ресурс]. URL: http://lp4lp.ru. (Дата обращения: 22.01.2017).
9. Wix [Электронный ресурс]. URL: https://ru.wix.com. (Дата обращения: 22.01.2017).
Сведения об авторах
Хлебород С.А. - магистрант направления подготовки «Прикладная математика и информатика», Брянский государственный университет имени академика И.Г. Петровского, е-mail: khleborod94@mail.ru.
Горбунов А.Н. - кандидат технических наук, доцент кафедры информатики и прикладной математики, Брянский государственный университет имени академика И.Г. Петровского, е-mail: angor47@yandex.ru.
WAYS TO CREATE LANDING PAGES
S.A. Khleborod, A.N. Gorbunov
Bryansk State University named after Academician I. G. Petrovsky
In the article the analysis of ways of creating landing page. Keywords: landing page, outsourcing, templates, online services.
References
1. Anar Babayev. Sozdaniye saytov / Anar Babayev, Mikhail Bode, Nikolay Yevdokimov. SPb.: Piter, 2014. 546 s.
2. Mak-Donal'd M. Sozdaniye Web-sayta . Nedostayushcheye rukovodstvo. 3-ye izd.: Pere. s angl. SPb.: BKHV-Peterburg, 2013. 624 s.:il.
3. Free-landingpage [Elektronnyu resurs].URL: http://free-landingpage.ru. (Data obrash-cheniya: 22.01.2017).
4. Landing4Sale [Elektronnyu resurs]. URL: http://www.landing4sale.ru. (Data obrash-cheniya: 22.01.2017).
5. LandingPage: idealnaya stranitsa dlya bolshikh prodazh [Tekst] / Kollektiv. М.: Ingate, 2014. 320 s.
6. LeadKit [Elektronnyu resurs]. URL: http://leadkit.ru/landing-page-templates. (Data ob-rashcheniya: 22.01.2017).
7. LPgenerator [Elektronnyu resurs]. URL: www.lpgenerator.ru. (Data obrashcheniya: 22.01.2017).
8. Mokselle [Elektronnyu resurs]. URL: http://lp4lp.ru. (Data obrashcheniya: 22.01.2017).
9. Wix [Elektronnyu resurs]. URL: https://ru.wix.com. (Data obrashcheniya: 22.01.2017).
About authors
Khleborod S.A. - graduate student, Department of Informatics and applied mathematics, Bryansk State University named after academician I. G. Petrovsky, е-mail:khleborod94@mail.ru.
Gorbunov A.N. - candidate of technical Sciences, Associate Professor, Department of Informatics and applied mathematics, Bryansk State University named after academician I. G. Petrovsky, е-mail:angor47@yandex.ru.
