Какие бывают виды landing page
Landing page – это целевая продающая страница, которая непосредственно побуждает посетителей вашего сайта провести то или иное действие.
Например, landing page настоятельно рекомендует клиенту зарегистрироваться на вашем сайте, оформить подписку, оставить заявку, связаться с менеджером магазина и многое другое. Задача такой страницы – конверсия трафика в контакты с высокой вероятностью дальнейшей продажи.
Учитывая серьезность задачи, которую решает landing page – требования к ней очень и очень жесткие. Полнота функциональности, максимальная ясность и четкость демонстрируемой информации, посыл, побуждающий к тому или иному действию – всего этого должно быть ровно столько, чтобы посетитель вашего сайта сделал то, к чему вы его призываете.
Побуждать именно к покупке каждого переходящего по ссылке или баннеру посетителя – самый эффективный способ увеличить конверсию, но в этом деле многое зависит от характера предложения и ряда сопутствующих факторов.
Часто потенциального клиента нужно «провести» или подтолкнуть к покупке, для чего используется несколько разновидностей landing страниц.
Рекламная landing page – задача такой страницы презентация, реклама вашего продукта. Это своего рода аналог печатного проспекта, на котором собрана вся необходимая информация о вашем товаре с возможностью в один-два клика его приобрести.
Завлекающая landing page – такая страница ненавязчиво рассказывает о выгодности вашего предложения на фоне аналогичных продуктов, предлагаемых на сайтах конкурентов, к примеру, либо же на фоне других ваших продуктов. Сюда входит информация об акциях, скидках, распродажах и так далее.
Продающая landing page – этот инструмент непосредственно побуждает клиента сделать звонок или оформить заявку на приобретение товара, подписаться на ваши новости или обновления, делая это естественно, ненавязчиво и полностью уместно.
Учебник Express часть 2: Создание скелета сайта — Изучение веб-разработки
Эта вторая статья в нашем учебнике Express показывает, как создать каркас проекта веб-сайта, который позже можно будет заполнить с помощью путей сайта, шаблонов представлений и обращений к базе данных.
В этой статье показано, как создать каркас сайта с помощью средства Express Application Generator. Каркас затем можно будет заполнить с помощью путей сайта, шаблонов/представлений и обращений к базе данных. Мы используем это средство для создания основы нашего сайта Local Library. К основе будет добавлен код, необходимый сайту. Создание каркаса чрезвычайно просто — требуется только вызвать генератор в командной строке, указав имя нового проекта, дополнительно можно указать также движок шаблона сайта и генератор CSS.
Далее показано, как вызвать генератор приложений, и даётся небольшое пояснение различных вариантов представлений и CSS. Мы поясним структуру каркаса веб-сайта. В конце мы покажем, как запустить веб-сайт, чтобы убедиться, что он работает.
Замечание: Express Application Generator — не единственный генератор Express-приложений, и созданный проект —не единственный жизнеспособный способ организации ваших файлов и каталогов. Однако созданный сайт имеет модульную структуру, которую легко понять и расширить. О минимальном Express приложении смотрите Hello world example в документации Express.
Вы уже должны были установить express-generator
, читая статью установка среды разработки Node. Напомним, что генератор установлен с помощью менеджера пакетов NPM, при выполнении команды:
npm install express-generator -g
E
xpress-generator
имеет ряд параметров, которые можно увидеть, выполнив команду express —help (или express -h):
> express --help Usage: express [options] [dir] Options: -h, --help output usage information (информация по применению) --version output the version number (номер версии express) -e, --ejs add ejs engine support (добавить поддержку движка ejs) --pug add pug engine support (добавить поддержку движка pug) --hbs add handlebars engine support (добавить поддержку движка handlebar) -H, --hogan add hogan.
js engine support (добавить поддержку движка hogan.js) -v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade) (добавить поддержку движков представлений. По умолчанию - jade) -c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css) (добавить поддержку движков стилей, по умолчанию - простой CSS) --git add .gitignore (добавить поддержку .gitignore) -f, --force force on non-empty directory (работать в каталоге с файлами)
Команда express
создаст проект в текущем каталоге с использованием (устаревшего) движка представления Jade и обычного CSS. Если указать express name, проект будет создан в подкаталоге name текущего каталога.
Можно выбрать движок представления (шаблон), используя —view;
параметр
--
css
позволяет выбрать движок для создания CSS.
Примечание:
--hogan
, --ejs
, --hbs
и пр.) для выбора шаблонизатора устарели. Используйте --view
(или -v
)!Какой движок представлений следует использовать?
Express-generator даёт возможность сконфигурировать несколько популярных движков, включая EJS, Hbs, Pug (Jade), Twig, и Vash, но по умолчанию выбран Jade. Экспресс сразу после установки может поддерживать большое количество и других шаблонизаторов.
Примечание: При желании использовать шаблонизатор, который не поддерживается генератором, просмотрите документацию Using template engines with Express и документацию для нужного шаблонизатора.
Как правило, следует выбрать шаблонизатор, который имеет всю необходимую вам функциональность и обеспечивает вам высокую производительность — так же, как вы выбираете любой другой компонент! Некоторые критерии для сравнения шаблонизаторов:
- Время до получения результата — если ваша команда уже имела дело с шаблонизатором, то, скорее всего, продуктивнее будет использовать этот шаблонизатор. Если нет, тогда следует учесть все относительные сложности изучения кандидатов в шаблонизаторы.
- Популярность и активность — проверьте популярность движка, возможно, у него есть активное сообщество. Очень важно иметь поддержку для движка, если у вас возникнут проблемы в течении жизни веб-сайта.
- Стиль — некоторые шаблонизаторы используют особую разметку для отображения вставленного контента внутри «обычного» HTML, а другие строят HTML, используя специальный синтаксис (например, используя отступы или блочные имена).
- Производительность и время интерпретации.
- Особенности — следует выбирать движок с учётом таких особенностей:
- Наследование макета: позволяет определить базовый шаблон и затем наследовать только те части, которые отличаются для конкретной страницы. Это, как правило, лучший подход, чем создание шаблонов путём включения нескольких необходимых компонентов или создания шаблона с нуля каждый раз.
- Поддержка «Include»: позволяет создавать шаблоны, включая другие шаблоны.
- Краткий синтаксис управления переменными и циклами.
- Возможность фильтровать значения переменных на уровне шаблона (например, делать переменные в верхнем регистре или форматировать значение даты).
- Возможность создавать выходные форматы, отличные от HTML (например, JSON или XML).
- Поддержка асинхронных операций и потоковой передачи.
- Возможность использования как на клиенте, так и на сервере. Возможность применения движка шаблона на клиенте позволяет обслуживать данные и выполнять все действия или их большую часть на стороне клиента.
Совет: В интернете множество ресурсов, которые помогут сравнить различные варианты!
Для этого проекта мы используем шаблонизатор Pug (в прошлом назывался Jade) — один из популярнейших Express/JavaScript шаблонизаторов, который поддерживается в Express-generator «из коробки».
Какие шаблонизаторы CSS следует использовать?
Express Application Generator позволяет создавать проекты, настроенные для применения шаблонизаторов CSS: LESS, SASS, Compass, Stylus.
Примечание: простой CSS имеет некоторые ограничения, затрудняющие выполнение задач. Шаблонизаторы CSS позволяют использовать более эффективный подход для создании таблиц стилей CSS, но требуют компиляции файлов таблиц стилей в стандартный CSS для применения в браузере.
Как и в случае с шаблонизаторами сайта, следует применять шаблонизатор, обеспечивающий высокую производительность работы. В этом проекте мы используем обычный CSS (по умолчанию), поскольку простота наших требований к CSS не оправдает применение чего-то более сложного.
Какую базу данных следует использовать?
Сгенерированный код не использует и не содержит в себе какой-либо базы данных. Express может использовать любой движок базы данных, который поддерживается Node (Express не предъявляет каких-либо особых требований к базе данных).
Мы обсудим взаимодействие с базой данных в следующей статье.
Разрабатывая пример — приложение Local Library, мы построим проект с именем express-locallibrary-tutorial. Используем библиотеку шаблонов Pug, а движок CSS применять не будем.
Выберем место для нового проекта — каталог express-locallibrary-tutorial — и выполним команду:
express express-locallibrary-tutorial --view=pug
Будет создан каталог express-locallibrary-tutorial и выведен список созданных внутри каталога проектных файлов.
create : express-locallibrary-tutorial
create : express-locallibrary-tutorial/package.json
create : express-locallibrary-tutorial/app.js
create : express-locallibrary-tutorial/public/images
create : express-locallibrary-tutorial/public
create : express-locallibrary-tutorial/public/stylesheets
create : express-locallibrary-tutorial/public/stylesheets/style.css
create : express-locallibrary-tutorial/public/javascripts
create : express-locallibrary-tutorial/routes
create : express-locallibrary-tutorial/routes/index.js
create : express-locallibrary-tutorial/routes/users.js
create : express-locallibrary-tutorial/views
create : express-locallibrary-tutorial/views/index. pug
create : express-locallibrary-tutorial/views/layout.pug
create : express-locallibrary-tutorial/views/error.pug
create : express-locallibrary-tutorial/bin
create : express-locallibrary-tutorial/bin/www
install dependencies:
> cd express-locallibrary-tutorial && npm install
run the app:
> SET DEBUG=express-locallibrary-tutorial:* & npm start
После списка файлов генератор выведет инструкции для установки зависимостей (указанных в файле package.json) и запуска приложения (инструкции предназначены для Windows; для Linux/Mac OS X они могут слегка отличаться).
Сейчас у нас есть готовый каркас проекта. Сайт пока ничего не делает, но его стоит запустить, чтобы убедиться в его работоспособности.
- Прежде всего установим зависимости (команда
install
запросит все пакеты зависимостей, указанные в файле package.json).cd express-locallibrary-tutorial npm install
- Затем запустим приложение.
- В Windows используйте команду:
SET DEBUG=express-locallibrary-tutorial:* & npm start
- В Mac OS X или Linux используйте команду:
DEBUG=express-locallibrary-tutorial:* npm start
- В Windows используйте команду:
- Откроем http://localhost:3000/ в браузере. Мы должны увидеть такую страницу:
У нас получилось веб-приложение на базе Express, работающее по адресу localhost:3000.
Примечание: Можно также запустить приложение командой npm start
. Переменная DEBUG, указанная в примере, включает логирование в консоль для дальнейшей отладки. Так, при посещении страницы веб-приложения, вы увидите похожий вывод в консоль:
>SET DEBUG=express-locallibrary-tutorial:* & npm start
> [email protected] start D:\express-locallibrary-tutorial
> node ./bin/www
express-locallibrary-tutorial:server Listening on port 3000 +0ms
GET / 200 288. 474 ms - 170
GET /stylesheets/style.css 200 5.799 ms - 111
GET /favicon.ico 404 34.134 ms - 1335
Любые изменения, внесённые на веб-сайт Express, не будут отображаться до перезапуска сервера. Остановка (Ctrl-C) и перезапуск сервера каждый раз после внесения изменений быстро становится раздражающей, поэтому стоит автоматизировать перезапуск.
Одно из самых простых средств для этого —
nodemon. Его обычно устанавливают глобально (так как это «инструмент»), но сейчас мы установим его и будем применять локально как зависимость разработки, так что любые разработчики проекта получат его автоматически при установке приложения. Выполним следующую команду (предполагаем, что мы находимся в корневом каталоге):
npm install --save-dev nodemon
Если вы предпочитаете установить nodemon глобально, не только для этого проекта, надо выполнить команду
npm install -g nodemon
В файле package.json проекта появится новый раздел с этой зависимостью (на вашей машине номер версии nodemon может быть другим) :
"devDependencies": {
"nodemon": "^1. 11.0"
}
Поскольку nodemon не установлен глобально, его нельзя запустить из командной строки (пока мы не добавим его в путь), но его можно вызвать из сценария NPM, так как NPM знает все об установленных пакетах. Раздел scripts
в файле package.json исходно будет содержать одну строку, которая начинается с "start"
. Обновите его, поставив запятую в конце строки, и добавьте строку "devstart",
показанную ниже:
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
Теперь можно запустить сервер почти так же, как и ранее, но командой npm run devstart:
SET DEBUG=express-locallibrary-tutorial:* & npm run devstart
- Для macOS или Linux:
DEBUG=express-locallibrary-tutorial:* npm run devstart
Примечание: Сейчас после изменения любого файла проекта сервер будет перезапускаться (или можно самостоятельно перезапустить его, введя rs
в командной строке). Вам всё равно придётся обновить страницу в браузере .
Теперь мы должны выполнять команду «npm run
<scriptname>» а не просто npm start
, поскольку «start», это, по сути, команда NPM, сопоставленная сценарию в файле package.json. Можно заменить команду в сценарии «start», но, так как мы хотим использовать nodemon только во время разработки, разумно создать новую команду сценария.
Давайте посмотрим на созданный проект.
Структура каталогов
После установки зависимостей проект имеет такую структуру файлов (файлы — это элементы без префикса»/»). Файл package.json определяет имя файла с приложением, сценарии запуска, зависимости и др. Сценарий запуска задаёт точку входа приложения, у нас — файл JavaScript /bin/www. Этот файл настраивает некоторые обработчики ошибок приложения, а затем загружает app.js для выполнения остальной работы. Пути приложения хранятся в отдельных модулях каталога routes/. Шаблоны хранятся в каталоге /views.
/express-locallibrary-tutorial app.js /bin www package.json /node_modules [about 4,500 subdirectories and files] /public /images /javascripts /stylesheets style.css /routes index.js users.js /views error.pug index.pug layout.pug
Далее файлы описаны более подробно.
package.json
Файл package.json указывает зависимости приложения и содержит другие данные:
{
"name": "express-locallibrary-tutorial",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
"dependencies": {
"body-parser": "~1.15.2",
"cookie-parser": "~1.4. 1.11.0"
}
}
Зависимости включают пакет express и пакет для выбранного движка представления (pug). Кроме того, указаны пакеты, полезные во многих веб-приложениях:
- body-parser: — анализирует часть тела входящего запроса HTTP и облегчает извлечение из него различных частей. Например, мы можно читать
POST-
параметры. - cookie-parser: разбирает заголовок и заполняет
req.cookies
(по сути, даёт удобный метод для доступа к информации cookie). - debug: небольшой отладчик, работающий по образцу методики отладки ядра node.
- morgan: средство логирования запросов HTTP для node.
- serve-favicon: средство обработки favicon (значка, используемого для представления сайта на вкладках браузера, закладках и т. д).
Раздел «scripts» определяет скрипт» start», выполняемый при запуске сервера командой npm start
. Можно видеть, что самом деле выполняется команда node ./bin/www. Кроме того, определяется script «devstart«, который вызывается командой npm run devstart
. Запускается тот же файл ./bin/www ,но командой nodemon вместо node.
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
Файл www
Файл /bin/www – это входная точка приложения. Сначала в файле создаётся объект основного приложения, расположенного в app.js — выполняется app=require(./
app
).
var app = require('../app');
Примечание: require()
— это глобальная функция node для импорта модулей в текущий файл. Для модуля app.js указан относительный путь, а расширение файла по умолчанию (.js) опущено.
Оставшаяся часть кода настраивает порт сервера node для HTTP (определён в переменной среды или 3000, если не определён), и начинает обработку и протоколирование соединений и ошибок сервера. Сейчас вам не требуется дополнительных сведений о коде (все в этом файле шаблонно), но, при желании, его можно посмотреть.
Файл app.js
Этот файл создаёт объект приложения express
(с именемapp
, по соглашению), настраивает приложение и промежуточное ПО, а затем экспортирует приложение из модуля. В приведённом ниже коде показаны только те части файла, которые создают и экспортируют объект приложения:
var express = require('express');
var app = express();
...
module.exports = app;
Именно этот экспортированный объект использован в рассмотренном ранее файле www.
Рассмотрим детали файла app.js. Сначала при помощи require(…) выполняется импорт некоторых полезных библиотек node: express, serve-favicon, morgan, cookie-parse, body-parser (они ранее были загружены для нашего приложения командой npm install), а также path из основной библиотеки node (применяется для разбора путей каталогов и файлов).
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
Затем require запрашивает модули из каталога путей route. Эти модули и файлы содержат код для обработки конкретного набора соответствующих путей (URL маршрутов). Если мы расширим каркас приложения, например, чтобы получить список книг библиотеки, нам следует добавить новый файл для обработки пути, связанного с книгами.
var index = require('./routes/index');
var users = require('./routes/users');
Примечание: Здесь мы только импортируем модули. В действительности эти пути ещё не используются — это произойдёт в файле несколько позже.
Далее, импортированные модули express применяются для создания объекта app, который потом устанавливает движки-шаблоны представления. Установка движков состоит их двух частей. В первой мы задаём значение ‘view’, указывая папку, в которой будут размещаться шаблоны (у нас это /views). Во второй мы задаём значение движка ‘view engine’, указывая на библиотеку шаблона (у нас — «pug»).
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
Следующие строки вызывают app.use(…), чтобы добавить промежуточные (middleware) библиотеки в цепочку обработки запросов. Кроме сторонних библиотек, импортированных ранее, используем библиотеку Express.static, что позволит обрабатывать статические файлы из папки /public корня проекта.
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
Теперь, когда промежуточные библиотеки настроены, мы добавляем (импортированный ранее) код обработки путей в цепочку обработки запросов. Импортированный код будет задавать отдельные пути для разных частей сайта:
app.use('/', index);
app.use('/users', users);
Примечание: . пути, указанные выше (‘/’ и ‘/users'
) рассматриваются как префиксы путей, определённых в импортированных файлах. Так, например, если импортированный модуль users определяет путь для /profile, для доступа следует указать /users/profile. Мы поговорим подробнее о путях в последующей статье.
Последняя в файле промежуточная библиотека добавляет методы обработки ошибок и ответов 404 от HTTP.
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
app.use(function(err, req, res, next) {
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
res.status(err.status || 500);
res.render('error');
});
Объект app приложения Express теперь полностью настроен. Остался последний шаг — добавить его к экспортируемым элементам модуля (это позволит импортировать его в файле /bin/www).
Пути (Routes)
Файл путей /routes/users.js приведён ниже (файлы путей имеют сходную структуру, поэтому нет необходимости приводить также index.js). Сначала загружается модуль Express, затем он используется для получения объекта express.Router. После этого для этого объекта задаётся путь, и, наконец, объект-роутер экспортируется из модуля (именно это позволяет импортировать файл в app.js):.
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.send('respond with a resource');
});
module.exports = router;
Путь определяет колбэк-функцию, которая будет вызвана, когда обнаружится HTTP GET-запрос корректного вида. Образец для сопоставления пути задаётся при импорте модуля — (‘/users
‘) плюс что-то, определяемое в этом файле (‘/
‘). Иными словами, этот путь будет использован, когда получен URL-запрос /users/
.
Совет: запустите сервер и задайте в браузере URL http://localhost:3000/users/. Вы должны увидеть сообщение: ‘respond with a resource’.
Стоит отметить, что колбэк-функция имеет третий аргумент — ‘next
‘, т. е. является не простой колбэк-функцией, а колбэк-функцией промежуточного модуля. Пока третий аргумент не используется, но будет полезен в дальнейшем, если мы захотим создать несколько обработчиков пути '/'
.
Представления (шаблоны)
Файлы преставлений (шаблонов) хранятся в каталоге /views (это указано в app.js) и имеют расширение .pug. Метод Response.render()
выполняет указанный шаблон, передавая объекту значение именованной переменной, и затем посылает результат как ответ. В коде из /routes/index.js (приводится ниже) можно увидеть, что роут отвечает, используя шаблон «index» с переданным значением переменной «title» из шаблона.
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
Шаблон для пути ‘/’ приведён ниже (файл index.pug). О синтаксисе мы поговорим позже. Сейчас важно знать, что переменная title со значением ‘Express’ помещена в определённое место шаблона.
extends layout block content h2= title p Welcome to #{title}
Создайте новый путь в /routes/users.js, чтобы выводить текст «You’re so cool» или «Ну, вы крутой!» по URL /users/cool/
. Проверьте его, запустив сервер и посетив в браузере http://localhost:3000/users/cool/.
Сейчас создан каркас проекта Local Library. Мы проверили, что он запускается с использованием Node. Но главное, что вы поняли структуру проекта, и знаете, где и как добавить пути и представления для нашей локальной библиотеки.
Далее мы изменим каркас, чтобы он работал как библиотечный веб-сайт
4.4. Paragraphs — Конструктор landing page
Очень часто нужно сделать landing page на сайте, шаблон которого значительно отличается от шаблона остального сайта. Зачустую это страница рекламных акций, событий, презентаций.
Для этих целей есть удобный конструктор Paragraphs:
https://www.drupal.org/project/paragraphs
Paragraphs дает возможность через множественное поле в ноде выводить другие типы параграфов: фотогалереи, текст с изображением, слайдеры, видео и прочее.
Для того чтобы у вас появилась такая возможность, давайте включим модуль Paragraphs, Paragraphs demo. В Paragraphs демо уже есть заготовки типов параграфов. Также нам потребуется модуль Entity Reference Revisions:
https://www.drupal.org/project/entity_reference_revisions
Теперь давайте добавим создадим новый тип материала Landing Page (или можете использовать существующий Page, Article) поле paragraphs к типу материала:
Выбираем неограниченное количество значений для этого нового поля.
Модуль Paragraphs Demo уже добавил нам несолько типов paragraph’ов.
Дальше мы сможем добавлять еще типы параграфов, какие угодно галереи, видео, parallax картинки. В 7ом друпале есть много дополнительных модулей для различных типов paragraph’ов.
Возможно в будущем эти модули появятся и для 8го друпала.
Теперь когда мы создаем ноды типа Landing Page, мы можем добавлять различные типы параграфов:
Это выглядит без оформления примерно так:
Модуль Paragraphs предоставляет удобный интерфейс для редактирования landing pages, но оформлять вывод материалов на странице все же придется самому.
Давайте попробуем добавить новый тип параграфа Слайдшоу. Для этого на потребуется модуль который выводит поля друпала в виде галереи, например вот этот Gallery Formatter:
https://www.drupal.org/project/galleryformatter
Устанавливаем модуль и создаем новый тип параграфа:
/admin/structure/paragraphs_type/add
В тип параграфа, теперь добавляем поле Фотографии:
Чтобы фотографий можно было загрузить сколько угодно, поставьте неограниченное количество в настройках поля:
Во вкладке Отображение полей поставьте jQuery Gallery формат для поля изображения:
Теперь когда мы редактируем ноду Landing Page, мы можем добавлять галерии как отдельный параграф:
На странице этот модуль без оформления выглядит вот так:
Думаю со временем авторы модуля поправят оформление и он будет выглядит также как и в 7ой версии друпала.
Модуль paragraphs подойдет для landing pages, новостных страниц, блогов, но при этом вам все равно придется подверстать страницы, чтобы они выглядили красиво.
Кейс: SEO продвижение Landing Page (лединга)
Услуга: SEO-продвижение сайта
Клиент: Printto — тематика «Печать книг малым тиражем». Сервис, с помощью которого, в несколько кликов, можно распечатать любой фал: книга, учебник, рабочая тетрадь …. оплатить онлайн и получить заказ «под дверь» или в отделение службы доставки.
Регион продвижения: Киев и Украина
Период работ: апрель 2019 — май 2020
Цели: продвинуть сайт в ТОП 1-3 по целевым запросам, за счет чего развить, еще один канал для получения клиентов.
Результаты: +1 295,12 % пользователей, +792,39 % сеансов с органи ческого поиска.
Любой SEO-специалист скажет, что работать с лендингом по SEO не всегда рентабельно. Как правило, лендинги создают под контекстную рекламу для событий или для продажи одного товара. Если речь идет о высококонкурентные тематики — мы согласимся, SEO-продвижение Landing Page может быть не рентабельным, но, когда речь идет о тематике со средним или низким уровнем конкуренции, о SEO для ендинга стоит задуматься.
Похожая ситуация была с еще одним нашим клиентом — Printto. Клиент имел одностраничный сайт, запускал контекстную рекламу и хотел развить еще один канал для привлечения клиентов — органический поиск.
Суть сервиса заключается в том, что посетитель, через сайт, загружает PDF-файл (книга, учебник, рабочая тетрать…), выбирает вариант печати (размер, тип обложки). В соответствии с выбранными опциями, сервис автоматически рассчитывает стоимость печати, посетитель проводит онлайн оплату, заказ печатается и отправляется клиенту одной из популярных в Украине служб доставки (на выбор).
Особенность сервиса в том, что печать проходит на специализированном оборудовании. Заказчик получает не просто распечатанный файл, а полноценную книгу в мягком переплете.
После обсуждения деталей с клиентом, мы приступили к работе. Клиенту был сделан прогноз по трафику и предложено несколько вариантов продвижения (минимальный, оптимальный и агрессивный), от чего зависит скорость наращивания трафика и скорость роста позиций. Клиент выбрал минимальный план продвижения с минимальным бюджетом на внешние ссылки — 100 $.
Прогноз трафика на сайт при различных темпах продвижения
Сложность SEO продвижения лендингов в том, что для продвижения есть только одна посадочная страница, на которую необходимо поместить всю семантику. Нет возможности распределить семантические группы по различным посадочным страницам.
Краткий план работ по проекту выглядит примерно так:
- аудит посадочной страницы;
- настройка аналитики;
- анализ конкурентов;
- формирование семантического ядра;
- onPage оптимизация;
- внешняя оптимизация.
Аудит посадочой страницы
На посадочной странице некорректно отображался логотип, в «шапке сайта» отсутствовали контакты. На первом экране отсутствовало УТП, посетитель не получал необходимой информации о сервисе, что в некоторых случаях могло влиять на принятие положительного решения для осуществления заказа.
На странице отсутствовало описание сервиса, который можно было бы использовать в качестве SEO-текста. Карта Google Maps была интегрирована на страницу изображением, что не было удобным для клиентов, а также не работало как элемент onPage для поисковых ботов.
Также, хотя у нас был Landing Page, кроме главной посадочной страницы, были внутренние страницы с кабинетом зарегистрированного пользователя, где клиент мог вносить коррективы в настройки заказа, отслеживать заказ и соответственно, оформить и оплатить заказ. Эти страницы были открыты для индексации. Такие страницы необходимо было закрыть от индекса поисковыми ботами.
Для того, чтобы такие страницы не попадали в индекс, были даны рекомендации по настройке файла robots.txt и внесения необходимых тегов в коды страниц.
Кроме этого, на страницах не было возможности в один клик позвонить для консультации, номера телефонов были оформлены обычным текстом. Также, это не давало нам возможности настроить цель в Google Analytics для отслеживания кликов по номеру телефона (как показывает наша практика, всегда нужно тестировать места размещения, где, на конкретном сайте, будет удобно кликать по номеру телефона посетителю). Нашему заказчику были предоставлены соответствующие рекомендации по исправлению этой проблемы.
Также, в коде страницы было несколько заголовков h2, отсутствовала микроразметки.
Так выглядит первый экран на момент публикации данного кейса
Для возможности распределения украиноязычных и русскоязычных запросов, в техническое задание по доработке сайта, были внесены рекомендации по реализации языковых версий. Изначально, язык лендинга был на русском языке. Реализовав языковые версии на русском и украинском языке мы получили две посадочных страницы. На английском в этой тематике «гуглят» очень мало, а вот украинские запросы в семантике присутствовали.
Кроме этого, на сайте не были оптимизированы изображения, не работал безопасный протокол HTTPS (был некорректно установлен ssl сертификат) и присутствовали некоторые другие технические проблемы.
В результате аудита было сформировано техническое задание на доработку сайта, как в десктопной, так и в мобильной версии. А пока разработчик внедрял необходимые правки, мы приступили к настройке Google Analytics и сбора ключевых слов для формирования семантического ядра.
Настройка аналитики
Для удобства настройки аналитики и отслеживания полезных действий пользователей, на сайт был установлен Google Tag Manager, через который была установлена аналитика, чаты, коды пикселей соц. сетей, а также настроено цели для отслеживания конверсий.
В аналитику были внесены необходимые фильтры для отсеивания «офисного» трафика, а для еще более детального отслеживания эффективности продвижения, на сайте и в аналитике была настроена электронная торговля.
Анализ конкурентов
Конечно, неотъемлемым этапом при подготовке к продвижению является анализ конкурентов.
Хотя запросы в тематике не высокочастотные, сама по себе тематика достаточно конкурентная. ТОП 5 занимали страницы сайтов больших полиграфий. Но, хотя они были в ТОПе, для них тематика «Печать книг малым тиражом» не была первого приоритета. Эти компании занимаются печатью другой полиграфической продукции и не делают особый акцент на посадочные страницы по печати книг. Это для нас было большим плюсом. Выбрав узкую тематику и качественно проработав посадочную страницу, мы имели все шансы быстро выйти в ТОП и вытеснить конкурентов.
При анализе сайтов конкурентов мы установили количество трафика, который они получают и из которых каналов. Определили, какие у них ссылочные профили и какие анкоры они используют в ссылках.
Скриншот ссылочного профиля одного из конкурентов
Скриншот ссылочного профиля еще одного конкурента
Из каких стран получает трафик один из конкурентов
Каналы трафика одного из конкурентов
Распределение платного и органического трафика одного из конкурентов
При анализе посадочных страниц мы установили, используют ли конкуренты тексты, что это за тексты, какое их качество. Также установили, какие «фишки» есть в конкурентов на страницах, чем они удерживают пользователя и как побуждают его к целевым действиям.
На основе полученных данных мы разработали план по onPage оптимизации своей посадочной страницы, а также разработали стратегию линкбилдинга, согласно бюджету клиента. У нас был полностью сформирован план по наращиванию внешних ссылок, мы знали, какие ссылки нам нужны их количество и качество, сколько необходимо ссылок со статей и сколько крауд-ссылок ежемесячно.
Формирование семантического ядра
Так, как посадочная страница у нас одна, но на трех языках, мы могли разместить на отдельные страницы ключи украинском и русском языках (англ в тематике запросы отсутствовали, англ страница работала на сайте больше как коммерческий фактор). После отсеивания всех мусорных запросов в нашу семантику вошло 56 запросов на двух языках.
Ключевые слова, которые вошли в семантику. Частотность — Украина
onPage оптимизация
После сбора семантики и анализа конкурентов мы понимали, какие тексты нам нужно на страницу. Соответственно, было разработано ТЗ копирайтеру. Следует обратить внимание на то, что при написании текстов для категорий интернет-магазина, в большинстве случаев, пишутся SEO тексты. В нашем же случае, имея лендинг, необходимо было сформировать не просто качественный текст с необходимыми ключевыми словами и LSI, а продающий текст, который будет расположен блоками на странице.
Кроме текста, были сформированы мета теги, необходимые заголовки, подготовлены изображения, а также внедрены некоторые наши «фишки», о которых мы пока не можем рассказывать.
Результаты
После доработки сайта и полного его обновления, результат не заставил себя ждать. Уже на втором месяце работы начался активный рост трафика (изображение ниже). В мае 2020 года, по сравнению с началом работ, количество посетителей из органического поиска +1 295,12% (572 и 41), количество сеансов +792,39% (821 и 92).
Кількість відвідувачів сайта від початку просування з органічного пошуку
Сравнение показателей посещения сайта из органического поиска в начале и в конце работ
Позиции сайта на старте работ. Регион Киев и область
Позиции по состоянию на май 2020. Регион Киев и область
Позиции сайта по состоянию на май 2020. Регион Украина
График роста видимости сайта
Скорость сайта
Задавайте свои вопросы в комментарии.
А если хотите такой же результат по своему сайту,
заполняйте форму ниже 👇
Teachable Учебник для начинающих: как создавать онлайн-курсы и целевые страницы с помощью Teachable
Вы чувствуете зуд? Рынок онлайн-обучения в последнее время растет в геометрической прогрессии и, как ожидается, достигнет $ 37.6 млрд. В следующем году, Тем не менее, все, что мы делаем, — это производим контент за другим для наших блогов, без твердой стратегии монетизации знаний и опыта.
Что ж, хорошо, что ваш блог уже завоевал у вас несколько подписчиков в Интернете и, возможно, даже приличный список адресов электронной почты. Итак, расскажем, как насчет того, чтобы объединить все это с мощными функциями электронного обучения на Teachable?
Все Teachable — Вот как это было введено. Teachable в основном это платформа, которая предоставляет функции для настройки онлайн-курсов для общения со студентами и, в конечном итоге, для заработка на ваших программах обучения.
На данный момент он привлек к себе больше онлайн-преподавателей 7500, которые создали программы 20,000 для миллионов студентов 4. В результате преподаватели заработали на платформе более $ 50 миллионов.
И знаешь, что? Казалось бы, чтобы добраться до вершины, не нужно много времени. Teachable школы, приносящие доход более $ 75,000 в среднем около 17 месяцев. Вот как они все начинают ….
Теперь, когда вы понимаете, что именно Teachable это (см. наш наши Teachable отзыв здесь), давайте пройдемся по тому, как это создать онлайн-курс от начала до конца — включая настройку вашей школы, создание вашего курса и целевой страницы.
Шаг 1: Настройте свою школуДавайте начнем с вершины. Прежде чем мы начнем создавать онлайн-курс, вы должны создать реальную школу.
Но подожди минутку. Какая разница между этими двумя?
Что ж, думайте о школе как о кампусе. Это веб-сайт, на котором размещены все ваши курсы и другие дополнительные элементы. К счастью, Teachable позволяет настраивать все. Таким образом, вы сможете контролировать, что вы хотите иметь, и как вы предпочитаете это иметь.
Тем не менее, вот основные страницы, которые вы должны рассмотреть для вашей школы:
- Homepage / Landing Page- Используйте это как основную веб-страницу. В нем должны быть указаны ваши соответствующие курсы, а также описание школы, название и название.
- Условия использования / Политика конфиденциальности- К счастью, Teachable по умолчанию предоставляет полный список. Вы можете интегрировать их прямо в свою школу после нескольких настроек или разработать свои собственные уникальные правила.
- Справочник курсов Эта страница должна систематически обрисовывать все ваши курсы с соответствующими категориями и краткой информацией.
Тогда угадайте что? Teachable позволяет создать школу с неограниченным количеством курсов. Например, всего за 39 долларов в месяц Базовый план может содержать от одного до даже тысяч различных курсов. Выбор за вами.
Теперь первый шаг в создании школы — это регистрация на Teachable учетная запись. Вы можете продолжить Бесплатный план как вы знакомитесь со всей платформой. Но, получите это — эта опция поставляется только с базовыми функциями.
Минимум, что вы можете заплатить за доступ к приличным функциям, составляет $ 39 в месяц за Базовый план. Однако есть нюанс — Teachable будет взимать с вас комиссию за продажу вашего курса.
Если это не звучит так привлекательно, вы можете выбрать Профессиональный пакет в $ 99 в месяц. Помимо предоставления улучшенных функций, это позволяет вам избежать комиссионных сборов на указанном вами платежном шлюзе.
Последний пакет, который также оказался самым продвинутым, — это Бизнес-план. Он предлагает множество мощных функций для размещения многих студентов — по $ 499 в месяц.
Какой бы план вы ни выбрали, войдите в свой Teachable аккаунт попадает прямо в админку вашего учебного заведения со следующими компонентами:
- Меню учетной записи
- Настройки
- Справка
- НАШИ КУРСЫ
- Сообщения электронной почты
- ПРОДАЖИ
- Сайт
- Пользователи
- Панель
Система предложит вам настроить свой первый курс, как только вы закончите регистрацию школы. Что ж, вы можете сразу перейти к этому или выбрать обработку позже, после настройки других школьных элементов.
Что бы вы ни решили, вот процедура, которой вы будете следовать, чтобы создать свой курс:
- Зайдите в админку вашего аккаунта и выберите НАШИ КУРСЫ Вкладка на боковой панели.
- Продолжите, нажав Новый курс кнопка в правом верхнем углу страницы
- Вы будете направлены к Новый курс сегмент, с различными полями для базовой информации о курсе. Введите название соответствующего курса, биографию автора и субтитры.
- Нажмите Создать курс Кнопка расположена в нижней правой части экрана.
На этом этапе хорошая новость заключается в том, что вы уже создали онлайн-курс. Но правда в том, что вы только наполовину завершили весь процесс создания всеобъемлющего.
И именно поэтому вы должны настроить его дальше.
Шаг 3: определите целевую страницу вашего курсаЗдесь вы указываете все о вашем курсе. Просто перейдите к Детали область вашей целевой страницы курса и настройте следующие детали:
- Имя- Основной заголовок вашего курса, который будет отображаться посетителям и учащимся вашего сайта.
- био Укажите различных авторов, написавших курс.
- Subtitle- Дополнительный заголовок, который появится прямо под названием курса на странице продаж. Воспользуйтесь этим, чтобы кратко рассказать, о чем идет речь.
- категории- Вы можете добавить теги для классификации и организации ваших курсов соответственно
Teachable также позволяет настраивать различные компоненты целевой страницы курса, чтобы сделать ее более заметной для поисковых роботов. Просто зайдите в SEO раздел страницы курса и укажите следующее:
- Дружественный URL- Введите идеальный SEO-ориентированный URL с релевантными ключевыми словами, которые описывают ваш курс.
- Заголовок страницы- Установите SEO-дружественный заголовок для страницы продаж вашего курса. И так как это будет частью результатов поисковой системы, не забывайте тактично вставлять ключевые слова с высоким рейтингом.
- Мета Описание- Используя максимум символов 160, напишите краткое, но подробное описание продаж для вашего курса. Он появится под заголовком страницы в результатах поиска.
К настоящему времени ваша целевая страница курса все еще довольно мягкая. Это нуждается в некоторой специи, чтобы взволновать Ваших посетителей и впоследствии, поощрить их регистрироваться. Вы можете справиться с этим из Брендинг раздел, добавив:
- Thumbnail- Пользовательское изображение, которое будет отображаться в каталоге и на целевых страницах курса, чтобы отличить ваш курс. Вы можете загрузить подходящий с вашего компьютера.
- Промо Видео- Уникальный рекламный ролик, который появится сразу под миниатюрой на целевой странице вашего курса. Итак, подготовьте короткий файл размером меньше 1.5 ГБ, сожмите его соответствующим образом, а затем загрузите в формате AVI, M4V или MP4.
Целевая страница курса только убеждает посетителей зарегистрироваться. Ничего более. Кроме того, это просто страница оформления заказа, прежде чем попасть в тупик.
Поэтому, конечно же, вы должны установить путь для направления новых учеников сразу после покупки. И для этого у нас есть Страницы по умолчанию раздел со следующими опциями после покупки:
- Спасибо Page- Направить новых зачисленных в Спасибо страница после оплаты.
- Записанный курс Чтобы направить новых абитуриентов прямо на страницу учебного плана курса после оплаты.
- Пользовательский URL- Чтобы перевести новых участников на страницу, указанную в поле URL.
Шаг 7: создание разделов и лекций
Пока у вас есть школа и курс без соответствующего содержания. Вы можете начать думать о загрузке всех соответствующих файлов прямо сейчас.
Однако оказывается, что Teachable не поддерживает это. Вы должны создать разделы и лекции, прежде чем переходить к содержанию. Цель состоит в том, чтобы помочь вам систематически организовать свой курс и впоследствии облегчить учащимся выполнение учебной программы от начала до конца.
Справедливо. Но что такое разделы и лекции?
Ну, раздел на первом месте, потому что он содержит группу лекций. Лекции, с другой стороны, являются единицами уроков, которые систематически структурированы для представления в виде тестов, изображений, видео, файлов и / или текста.
Тем не менее, оба элемента настраиваются через Учебный план область страницы администрирования вашего курса. И, к счастью, система достаточно универсальна для размещения различных методологий организации, в дополнение к неограниченному количеству лекций и разделов. Так что не стесняйтесь реализовать свою собственную концепцию группировки.
Теперь, чтобы создать раздел:
- Перейдите в область администрирования основной школы и нажмите «Система» подключена, чтобы отобразить все предложенные вами курсы, включая неопубликованные.
- Выберите конкретный курс, который вы хотели бы разбить на лекции и разделы.
- Зайдите в админку курса и нажмите Учебный план
- Перейдите к Новый раздел Кнопка расположена в правой верхней части экрана.
- Введите идеал Название раздела на основе концепции вашей организации, затем нажмите Создать раздел. Система немедленно отобразит ваш новый раздел на странице учебной программы.
Следующим этапом, конечно же, является определение лекций:
- Тем не менее, на странице учебной программы, нажмите Новая лекция Кнопка расположена рядом с разделом, который вы только что создали.
- Введите подходящее имя.
- Добавьте дополнительные лекции в соответствии с намеченной структурой учебной программы.
- Если вы хотите еще больше изменить настройки лекции, вернитесь обратно в основной административный раздел школы, нажмите Настройки, тогда Генеральная, и перейти к Лекции
Шаг 8: загрузка содержимого лекции
Teachable применяет целостный подход к управлению содержанием лекции. Система позволяет не только вводить код, тесты, текст и файлы, но также настраивать функции загрузки и / или встраивания, а также перетасовывать контент.
Фактический процесс загрузки так же прост, как:
- Выберите любую лекцию на Учебный план Затем вы увидите эти вкладки Добавить файл, Добавить текст, Добавить тест, и Добавить код
- Выберите подходящую вкладку в зависимости от типа контента, который вы хотите загрузить.
- Нажмите Выберите файлы Кнопка, чтобы загрузить свой контент прямо на выбранную лекцию.
Но подожди минутку. Делает Teachable поддерживать все типы файлов?
Ну, так сложилось, что технически, ответ и да, и нет. Да, потому что вы можете загрузить практически все, что угодно. Но с другой стороны, нет, поскольку только конкретные файлы могут быть непосредственно интегрированы в лекции, которые будут представлены в виде уроков. Остальные, которые не поддерживаются, могут быть прикреплены к лекциям только в виде загружаемых файлов.
Тогда получите это. Teachable Далее представлены рекомендации по поддерживаемым типам файлов, которые помогут вам поддерживать плавные и высококачественные презентации. Вот различные поддерживаемые типы файлов и их соответствующие спецификации.
- PDF- Teachable поддерживает незаполняемые файлы PDF.
- Аудио- Teachable поддерживает файлы mp3 и рекомендует высокое разрешение.
- Изображений- Платформа может обрабатывать изображения .jpg и .png, и ваша загрузка не должна превышать 1000 пикселей по ширине.
- Видео- Поддерживаются видео .avi .mov и .mp4, размер которых меньше 2GB, с рекомендуемым разрешением 720p, плюс кадры от 24 до 30 в секунду.
Учитывая все обстоятельства, стратегия ценообразования вашего курса зависит от глубины его содержания, вашей целевой аудитории, ваших онлайн-подписчиков и конкурентной среды на Teachable и другие платформы электронного обучения.
Говоря о которых, Teachable сделал хорошую попытку упростить все стандартные структуры ценообразования. Вы можете предложить курс бесплатно для продвижения своей школы или внедрить систему на основе подписки, чтобы периодически взимать плату с учащихся на длительный срок. Вы также можете решить воспользоваться всем курсом после единовременного авансового платежа или использовать план платежей с фиксированными суммами взносов, которые действуют в течение определенного периода времени.
Какой бы вариант вы ни выбрали, процедура принятия любого из четырех вариантов такова:
- В главном административном разделе школы нажмите НАШИ КУРСЫ затем выберите конкретный, который вы хотите оценить. Затем система направит вас в административную зону курса.
- Перейдите на боковую панель и нажмите
- Выберите один из четырех вариантов Бесплатная, подписка, разовая покупка, or План оплаты.
- Настройте свою систему ценообразования, указав название, описание и соответствующую себестоимость.
- Нажмите Добавить цены
- Вернитесь в основной административный раздел школы и нажмите на Настройки тогда ОПЛАТА настроить платежные реквизиты вашей школы.
Можете ли вы придумать что-нибудь, что вам будет удобно преподавать? Вы можете систематически фрагментировать контент и передавать его в виде простых усваиваемых лекций?
Ну тогда Teachable стоит подумать. Он может принимать все типы онлайн-курсов, если, конечно, они легальны. Так что не пытайтесь учить людей делать химические бомбы.
Тем не менее, Teachable также подходит для онлайн-студентов, которые хотят узнать что-либо. На платформе есть тысячи отличных преподавателей, которые являются проверенными экспертами в своих областях.
Если вы хотите узнать больше обо всем Teachable платформу, ознакомьтесь с полный обзор здесь. В противном случае, в случае любого вопроса, не стесняйтесь обратиться через раздел комментариев. Мы будем рады помочь.
ЗаключениеДа, в самом деле. Вся процедура настолько проста. Теперь вы можете настроить различные элементы вашего сайта, прежде чем стратегически начать свой курс для хорошо подготовленной аудитории.
Дэвис Портер — эксперт по электронной коммерции B2B и B2C, который особенно увлечен платформами цифровых продаж, интернет-маркетингом, хостинговыми решениями, веб-дизайном, облачными технологиями, а также программным обеспечением для управления взаимоотношениями с клиентами. Когда он не тестирует различные приложения, вы, вероятно, обнаружите, что он создает сайт или поддерживает «Арсенал».
Обучение администраторов Microsoft Teams — Microsoft Teams
- Чтение занимает 2 мин
-
- Применяется к:
- Microsoft Teams
В этой статье
Обучение администраторов Используйте эти учебники, видео и другие учебные ресурсы для знакомства с Teams и внедрения использования в организации. | |
Интерактивное обучение Teams Размещенные на серверах Майкрософт бесплатные, интерактивные учебные занятия в Интернете предназначены для подготовки к работе с Teams. Присоединяйтесь к нам, чтобы увидеть Teams в действии, получить ответы на вопросы и взаимодействовать с нашими преподавателями в режиме реального времени. | |
Онлайн-обучение Teams Используйте эти учебные ресурсы для изучения в своем темпе, чтобы помочь вашим пользователям максимально эффективно использовать Teams. |
Не пропустите эти ключевые учебные материалы
Регулярно проверяйте обновления этого списка, чтобы всегда знать о последних интересных и важных учебных курсах по Teams.
Основы Teams для ИТ-специалистов Серия видеороликов Microsoft Mechanics «Teams для ИТ-специалистов» покажет администраторам, как развертывать, настраивать и управлять Teams.
Сертификация специалистов по внедрению Курс по сертификации специалистов по внедрению служб Майкрософт с Teams в качестве примера. Узнайте, как управлять внедрением служб Майкрософт в своей организации.
Ценообразование в книжном бизнесе: почему учебники такие дорогие?
Накануне учебного года цены на учебники неприятно удивляют студентов, школьников, их родителей. Следует, однако, напомнить, что такая картина стала наблюдаться со сравнительно недавних времен.
Университетский совет (College Board, американская частная образовательная организация) в 2013 году подсчитал, что средний студент в США тратит на учебники свыше $1200 в год (эта цифра будет гораздо выше для учебных заведений с платным обучением). Но в 19-м веке для всех уровней и типов обучения использовались одни и те же книги, применявшиеся в основном как инструмент для заучивания информации.
Затем учебники стали главенствовать над преподавателями: с начала 1930-х годов процесс обучения в колледжах и средних школах все больше опирается на содержание книг, которые тогда были дешевы и повторно использовались в течение многих десятилетий; книгоиздатели гордились прочностью и долговечностью своей продукции.
Первые шаги к удорожанию
С 1970-х годов учебники начинают дорожать. Издатели капитализируют готовность преподавательского состава каждые 2-3 года адаптировать новые издания к процессу обучения. Книги из инструмента просвещения масс превращаются в эксклюзивный и рентабельный товар. К 1990-му году на рынке учебников устанавливается олигополия — несколько доминирующих издателей делят между собой маркетинговую нишу, установив высокие входные барьеры для новичков отрасли. Цены закономерно взлетают до небес.
Широко дебатируемый вопрос о «справедливой цене» учебников является более сложным, чем кажется на первый взгляд. С одной стороны, студенты жалуются на дороговизну книг, а с другой — компания Cengage Learning, Inc., входящая в «Большую тройку» книгоиздателей США и ответственная почти за треть всех выпускаемых в стране учебников для ВУЗов, в 2011 году имевшая доход почти в почти $2 000 000 000, пару лет спустя подает в арбитражный суд заявление о банкротстве.
Чрезвычайно завышенные цены на учебники давно подвергаются критике со стороны СМИ и студенчества. В последнее время рынки подержанных учебников и сайты «аренды» книг (Chegg и Bookrenter, например) пытаются оказывать давление на крупных издателей. В качестве достойной альтернативы привычным бумажным изданиям выступают набирающие все большую популярность распространяемые бесплатно цифровые учебники в открытом доступе.
Процентное изменение цен на учебники (синяя линия), медицинские услуги (красная линия), новые дома (желтая линия), а также индекса потребительских цен (коричневая линия) за период с 1978 по 2012 г. (горизонтальная ось — время в годах, вертикальная ось — рост цен в процентах)
На себестоимость университетского учебника влияет множество финансовых факторов (затраты на изучение и подбор учебных материалов, расходы на маркетинг, гонорары научных консультантов), но кажется, что ничем нельзя оправдать увеличение цен подобных изданий на 812% по сравнению с 1978 годом — в 2 с лишним раза выше, чем рост цен на новое жилье за тот же период (325%).
СМИ и студенческие сообщества обвиняют в этом книжные магазины при университетах, профессуру, книгоиздателей — их спекулятивные наценки будто бы стали источником инфляционного «разгона» цен на учебники. Доля истины в этом утверждении есть, тем не менее существует мало общедоступной информации о влиянии этих стоимостных компонент на цену книги. Попытаемся внести некоторую ясность в вопрос ценообразования на этом рынке, вычленив отдельные составляющие цены университетского учебника. Для примера возьмем четвертое издание учебника «Вводная алгебра» (Introductory Algebra, 4th Edition) — это типичная книга начального уровня по университетскому курсу математики.
Наценка книжного магазина
Когда вы покупаете учебник в книжном магазине университетского городка, некоторую часть заплаченной вами суммы составляет наценка (Markup) на товар.
Новый экземпляр «Вводной алгебры» продается непосредственно издателем по розничной цене $195,49. Оптовая цена этого учебника для книжных магазинов составляет $181,50. После покупки товара с оптовой скидкой 7% магазин, как правило, выставляет его в розничную продажу с наценкой 25-28%. На сайте интернет-магазина UC Davis Stores говорится:
«Новые академические издания по одним из самых низких среди всех университетских магазинов ценам, равными ценам нетто от поставщиков (издателей, оптовиков, импортеров, дистрибьюторов) с добавленной маржой 22% (или наценкой 28,2%)».
Примечание: маржа (Margin) высчитывается по формуле
Маржа = (розничная цена – оптовая цена) / розничная цена;
а наценка определяется следующим образом:
Наценка = (розничная цена – оптовая цена) / оптовая цена.
На большинстве сайтов книжных магазинов при колледжах/университетах вы найдете раздел ценовой политики с заявлением об аналогичных наценках. Получается, что цена, которую вы заплатите за этот учебник математики в книжном магазине, составит
(181,50) х (1,282) = $ 232,68.
Обратите внимание, что эти 28,2% ($51) наценки должны покрывать расходы на обеспечение функционирования книжного магазина — зарплаты работникам, оплату коммунальных услуг, выплату налогов и т. д.
Чарльз Шмидт (Charles Schmidt) из Национальной ассоциации университетских магазинов (National Association of College Stores, NACS) утверждает, что с учетом всех расходов, такие магазины «получают прибыль в размере 6,3 цента с каждого доллара, потраченного на новый учебник». Поскольку эти данные поступили в NACS непосредственно от книготорговцев, то эти цифры надлежит воспринимать с долей скепсиса. Но даже с учетом того обстоятельства, что продавцы несколько прибеднялись, чистая прибыль книжных магазинов весьма скромна.
Согласно данным NACS (2006 г.) доли книгоиздателя и продавца в розничной цене учебника распределяются так:
Расходы издателя (совокупные) — 77, 8%;
Наценка магазина — 22, 2%, включающая в себя:
зарплату персонала — 11, 4%,
стоимость торговых операций — 5, 9%,
доход магазина — 4, 9%.
Поскольку наценка книжного магазина составляет 22% от суммы, которую платит покупатель, то основной вклад в высокую цену учебника сделан издателем.
Предельные издержки производства: 5%
Широко распространено убеждение в том, что предельные издержки (marginal cost, MC — издержки, затраченные на производство дополнительной единицы продукции) производства каждого отдельного экземпляра учебника мизерны по сравнению с его розничной ценой. Будем считать за предельные издержки учебника затраты на производство одного единицы физического продукта. Маргинальные издержки не включают в себя все другие статьи расходов (авторские отчисления, заработная плата работников, маркетинг, доставка и т. д.), а сосредоточены исключительно на физическом производстве товара. В сущности говоря, они сводятся к стоимости бумаги, типографской краски, непосредственного процесса печати и переплетных работ.
В своем ежегодном докладе издатель «Вводной алгебры» объясняет, каким образом контролируются и минимизируются эти затраты: «Основное сырье, используемое нами — бумага. Цены на нее со временем могут существенно изменяться. Мы пытаемся смягчить воздействие колебаний цен путем заключения одно- и многолетних контрактов на поставку с несколькими поставщиками бумаги, на всякий случай имея также доступ к услугам альтернативных поставщиков».
Редакции издательских домов пользуются компьютерной программой JDE, обеспечивающей сегментацию и анализ всех предельных издержек для любой конкретной книги. Согласно расчетам упомянутой программы, за печать одного экземпляра 864-страничного учебника алгебры — включая стоимость краски, бумаги, печатных и переплетных работ — издатель платит $10,75, или 6% от оптовой цены данной книги ($181.50). Практически всё полиграфическое производство в наши дни выведено на аутсорсинг в Китай, где книги печатаются в большом количестве — в зависимости от прогнозируемых продаж одиночный тираж обычно насчитывает около 10 000 экземпляров конкретной книги — по минимальным ценам.
Авторские гонорары: 15%
Авторы, как правило, получают отчисления в размере 11-15% от выручки издательства. Размер гонорара зависит от величины предыдущих продаж и постоянства спроса на книги конкретного писателя: чем автор популярнее, тем более высокий процент роялти (royalty, авторские отчисления) ему полагается. В контракте с коллективом авторов «Вводной алгебры» гонорар равнялся 15% выручки.
С каждого экземпляра учебника, проданного по цене $181,50, автору перечисляется около 25 долларов.
Редакционные расходы: 32%
У издателей существует проблема с точной количественной оценкой величины редакционных расходов на выпуск любой конкретной книги. «Поисковые редакторы» (acquisition editors; они разыскивают в интернете авторов научных работ и предлагают им опубликовать работу в данном издательстве «на бумаге») обычно превышают редакционные бюджеты или наоборот — занижают их, чтобы обеспечить дополнительное финансирование более трудоемких изданий.
Усовершенствованные табели учета рабочего времени, позволяющие получить точное представление о том, сколько человеко-часов затрачено на выпуск конкретной книги, стали применяться в издательском деле только в 2010-х годах, поэтому доля редакционных расходов в себестоимости учебника может быть вычислена только приблизительно.
Редакционные расходы Cengage Learning, выпустившей «Вводную алгебру», подсчитал автор блога Priceonomics Захари Крокетт (Zachary Crockett), некогда трудившийся в упомянутом издательстве редактором.
В редакции издательства работа организована по командному принципу: группа сотрудников сосредотачивается на определенной учебной дисциплине. Например, над курсом математики, включающем в себя 10 учебников, работает 7 сотрудников.
Предположим, что каждый сотрудник работал 2000 часов в год (40 часов в неделю, 50 недель в год), причем на каждый текст приходилось 200 человеко-часов трудозатрат.
Средняя почасовая оплата такого работника составляет около $30; с учетом федеральных и государственных налогов, медицинского страхования, оплачиваемого нерабочего времени и т. д. средняя заработная плата вырастет на 30% ($9).
Используя эти выкладки можно посчитать, что каждый из семи сотрудников команды зарабатывает $7800 в год за работу над одной книгой, а все они вместе — 54600 долларов в год. Над новым учебником также работают внештатные консультант и редактор, чьи услуги обходятся компании еще в дополнительные $10000.
Прогнозируемый объем продаж умеренно популярной книги находится на уровне $200 000 в год.
Ниже приведен пример расчета доли покрытия издержек производства в оптовой цене учебника:
Получается, что приблизительно $58 (32%) от оптовой цены книги составляют зарплаты сотрудников издательства.
Затраты на маркетинг: 15%
Согласно финансовому отчету за 2012 год, Cengage Learning потратила $32 млн на рекламу всех продуктов, выпущенных компанией; в целом около 15% всего бюджета издателя, выделенного на конкретную книгу, тратится на маркетинг. В эти расходы входят затраты на участие в книжных ярмарках, зарплаты локальных торговых представителей, стоимость бесплатных экземпляров, раздаваемых бесплатно авторам и преподавателям, а также любая другая деятельность по продвижению продукта.
Для «Вводной алгебры» эти затраты составляют 27 долларов.
Перевозка грузов: 1%
В течение учебного года издательства ежедневно перемещают тысячи книг между основными книгохранилищами, региональными складами, университетскими городками. Однако транспортные расходы невелики: примерно 1% от оптовой цены книги (1 доллар 81 цент в нашем случае).
Общие накладные расходы: 10%
Это обширная и достаточно большая в денежном исчислении категория затрат: например, у издательского дома Cengage Learning в графу общих накладных расходов входят около $200 млн, затраченных на уплату налогов за недвижимость, на оплату коммунальных услуг, покупку лицензионного программного обеспечения и на содержание офисов. Консультативные сборы и другие обязательные расходы компании обременяют ее еще на 10 миллионов долларов в год. В результате приблизительные общие накладные расходы издателя составляют $211 млн в год — чуть больше 10% от выручки за тот же период ($1,9 млрд).
18 долларов от общей издательской цены возместят эти расходы для «Алгебры».
Что в сухом остатке?
Прибыль
С учетом предельных производственных издержек и редакционных затрат, перечисленных в ежегодном отчете компании Cengage Learning, книгоиздатель в 2012 году получил $40 прибыли за книгу (около 22% от оптовой цены учебника алгебры). Из этой суммы издательство платит налог на прибыль и выводит средства на амортизацию оборудования, но будем условно считать эту цифру прибылью от продажи отдельного экземпляра учебника.
Несмотря на внешне привлекательные цифры в годовом отчете издатель получил в 2012 году лишь $18,2 млн чистой прибыли — менее 1% от $1,9 млрд выручки. В 2011 году дела Cengage Learning шли еще хуже — в финансовых показателях вообще был указан отрицательный доход.
Ответ прост — в долги эту компанию ввергли непозволительные по масштабу приобретения: в 2008 году, пытаясь одолеть конкурентов на все более «оцифровывающемся» рынке, Cengage Learning заключила непозволительно высокое количество контрактов с новыми авторами. Компания фантастически раздула свои задолженности: с $768 млн до $ 6,29 млрд всего за один финансовый год (2007–2008).
Такой долг быстро погасить не удалось: в 2012 финансовом году совокупные активы издательства составляли $7,5 млрд при долговом обременении 5 700 000 000 долларов.
Здесь и кроются истоки небольшой чистой прибыли за 2012 год ($18,2 млн): за предыдущие 2 года компания затратила $687 непосредственно на погашение кредитов и еще 915 млн на оплату процентной ставки непогашенной основной суммы долга (interest expenses, англ. «процентные расходы) — большая часть доходов ушла кредиторам.
Вывод
Средства массовой информации, студенческие сообщества, видные политики порицают издателей, потерявших, по утверждению прогрессивной общественности, малейшее представление о подлинных интересах студентов. The New York Times сравнивает эту сферу издательского бизнеса с фармацевтическим рынком:
«Рынок учебников похож на рынок лекарств: люди, имеющие наибольшее влияние на выбор покупателя — врачи и профессора, — сами никогда не платят за то, что они советуют купить. Они не думают о цене. Так почему бы не прибавить к ней еще 5 долларов? Этот рынок работает плохо для всех, исключая издателей учебников и держателей акций издательств. Мы скопили много знаний, но мы не можем получить их».
Издатели получают наибольшую прибыль от выходящих каждые 2–4 года новых изданий старых учебников, претерпевших минимальные изменения и продающихся по той же самой цене. Как правило, весь «апдейт» книги сводится к редизайну обложки, правке ошибок, обнаруженных в тексте, и, возможно, переделке нескольких глав. Инвестиции, необходимые для последующих изданий однажды выпущенного учебника, минимальны.
Нужны ли столь частые переиздания? В основном — нет; особенно это утверждение верно для учебников по математике и техническим дисциплинам: содержание таких книг не нуждается в частом обновлении. Тем не менее издатели, чтобы удержаться на плаву, уничтожают бывшие в употреблении учебники и уговаривают профессоров переводить процесс обучения на новые учебники.
Многие незаинтересованные наблюдатели сходятся во мнении, что подобная практика в современной системе высшего образования порождает кризис доступа к знаниям. Сложившееся положение вызвало к жизни «диссидентское» движение за распространение «open source» учебников, поддерживаемое во многих университетских кампусах. Множество некоммерческих организаций — OpenStax College, Flat World Knowledge и другие — стремятся противопоставить традиционной модели учебника свои бесплатные альтернативы.
Если подобных перспектив недостаточно для того, чтобы ввергнуть традиционных книгоиздателей в уныние, тогда и федеральное правительство готово нанести удар со своей стороны: в Вашингтоне предлагают выделить гранты для создания онлайн-библиотек со свободным доступом.
Итак, что можно сделать для изменения текущей модели распространения учебников? Доктор Джеймс Коч (James Koch), профессор экономики и яростный противник издателей учебников, имеет несколько предложений:
Еще одно предложение может быть добавлено в этот список: помните, что жизнь познается не по книгам, а лучшее образование иногда можно получить, не пользуясь учебниками. Как говорил педагог и политический активист Джон Хоуп: «Мы должны перешагнуть рамки учебников, пойти неизведанными боковыми тропками и поведать всему миру о великолепии нашего путешествии».
Высоких вам конверсий!
По материалам: priceonomics.com, image source richardsmith255
10-06-2016
Учебное пособие поцелевым страницам — javatpoint
- Целевые страницы — это автономных веб-страниц , которые предназначены для преобразования посетителей в потенциальных клиентов.
- Целевая страница специально разработана для маркетологов, чтобы получить больше трафика от маркетинговой кампании.
- Это может быть что угодно, например, домашняя страница нашего веб-сайта, сообщение в блоге, страница захвата лидов и т. Д.
- Это место, где посетители покупают, создают и получают доход от продуктов или услуг.
Пример: Shopify, Muzzle, Wistia, Nauto, Unbounce, Bills.com, Industrial Strength Marketing и др.
На целевых страницах пользователи делают следующее:
- Сделать покупку
- Позвоните нам
- Свяжитесь с нами через чат
- Подпишитесь на информационный бюллетень или список рассылки
- Зарегистрироваться на мероприятие
В нашем руководстве по целевой странице мы обсудим следующие темы —
Типы посадочных страниц
Существуют следующие типы посадочных страниц —
1.Целевые страницы лидогенерации
Целевые страницыLead Generation также называются страницами « lead gen » или « lead capture ». Он в основном предназначен для сбора информации посетителя , такой как его / ее имя, адрес электронной почты, контактный номер, размер компании и многое другое. Используя целевые страницы для генерации лидов, мы также можем генерировать необходимую информацию о продуктах и услугах.
Есть следующие способы улучшить и привлечь потенциальных клиентов на целевые страницы-
- Делайте формы краткими и привлекательными
- Продолжать фокусироваться на стратегии обмена сообщениями
- Запись сканированной копии
- Создавайте контент с высококачественными и актуальными визуальными эффектами
- Внедрить чат-систему для целевых страниц
- Включить сигналы доверия и конфиденциальности
- Убрать все, что отвлекает
- Регистрация бесплатной пробной версии
2.Целевые страницы (переход по клику)
Целевые страницы с переходом по клику также называются «страницами перехода». Он в основном используется E-commerce и маркетологами программного обеспечения как услуги (SaaS) . Основная цель разработки страницы с переходом по клику — это «разогрева » клиентов, которым вы пытаетесь продавать товары или услуги.
Google Cloud Platform (GCP), Moz Pro, Animoto, Lumosity, Sallie Mae и Nationwide Pet Insurance являются наиболее популярными примерами переходных целевых страниц.
3. Вирусная посадочная страница
Вирусная целевая страница — это основной тип целевой страницы. Как следует из названия, он помогает организациям продвигать свой бизнес с помощью устных маркетинговых сетей в социальных сетях . Основная цель вирусной целевой страницы — не только побудить посетителей зарегистрироваться, но и рассказать другим о том, что именно они нашли.
Некоторые самые популярные вирусные примеры целевых страниц: Wistia, Unbounce, IMPACT, брендинг и дизайн, Muzzle и Bills.com .
Преимущества посадочных страниц
Как мы знаем, целевые страницы помогают нам улучшить нашу маркетинговую стратегию и увеличить посещаемость нашего веб-сайта.
Список преимуществ Landing Pages приведен ниже —
1. Продвигайте новые продукты и услуги для увеличения продаж
Landing Pages помогают нам продвигать наши продукты и услуги для увеличения продаж нашей организации. Это также позволяет нам использовать различные платформы социальных сетей, такие как Facebook, Instagram, Twitter и другие, для продвижения наших продуктов.
2. Повышение рейтинга поисковой оптимизации (SEO)
Целевые страницы помогают нам улучшить SEO-рейтинг, превращая обычные клики в лиды для увеличения посещаемости сайта. Целевые страницы также позволяют нам использовать целевые страницы, ориентированные на SEO, которые помогают нам органично повышать рейтинг веб-сайта.
3. Повышение узнаваемости бренда
Целевые страницы помогают нам повысить узнаваемость бренда с помощью различных рекламных приемов.
4. Увеличение поискового трафика
Целевая страница представляет собой удобную для поиска платформу , которая помогает нам настраивать таргетинг по ключевым словам и следовать методам поисковой оптимизации для увеличения органического трафика.
5. Простота управления
Целевые страницы очень быстро и легко управляются. Сложность с целевыми страницами возникает, когда мы запускаем часть целевых страниц с разными вариантами.
6. Специальные инструменты
Целевые страницы содержат различные инструменты онлайн-маркетинга, которые помогают посетителям легко переходить на наш веб-сайт и собирать дополнительную информацию, связанную с нашими продуктами, например, какие конкретные продукты мы предлагаем нашим довольным клиентам.
Недостатки лендингов
К недостаткам посадочных страниц можно отнести
.1.Переносимость данных
Это самый большой недостаток для разработчиков целевых страниц, потому что иногда очень сложно переключиться с одной платформы на другую и экспортировать страницы из конструктора страниц в стандартный HTML.
2. Нет глобальных изменений
Создателям страниц сложно вносить глобальные правки, значит, если у вас есть какие-то правки для создания 10 разных страниц, то вы не можете этого сделать, для этого вам придется вносить правки по очереди.
3. Ограниченная настройка
Большинство конструкторов страниц день ото дня пытаются стать более гибкими, но ни один из них не предоставляет 100% гибкую среду индивидуального дизайна и разработки.
Компоненты посадочных страниц
Поскольку привлекательная и хорошо выглядящая страница помогает нам генерировать больше трафика, в целевых страницах используются различные важные компоненты, чтобы сделать нашу страницу или веб-сайт более привлекательными и красивыми.
Некоторые наиболее важные и эффективные компоненты целевой страницы приведены ниже —
1. Основная товарная позиция
Главный заголовок — это первый и самый важный компонент целевых страниц. Это помогает посетителям четко понимать, по какой теме они получают знания со всей страницы.Постарайтесь сделать основной заголовок коротким, уникальным, привлекательным и информативным , чтобы заинтересовать посетителей и проинформировать посетителей о нашем продукте или услуге.
Примечание: всегда старайтесь писать основной заголовок не более 20 слов. Наиболее подходящая длина основного заголовка — 10 слов.
2. Уникальные и привлекательные изображения
Привлекательные изображения также играют важнейшую роль в целевых страницах. Это помогает посетителю лучше понять (более чем в 60 000 раз быстрее, чем текст), какие продукты и услуги мы предлагаем нашим регулярно посещаемым клиентам.
При размещении изображения на целевой странице вы должны помнить следующее —
- Изображение должно быть четким, не большим или коротким в пикселях.
- Изображение должно быть информативным и иметь отношение к вашим продуктам и услугам.
- Изображение должно быть привлекательным и красивым, чтобы легко привлечь внимание посетителя на нашей странице.
- Изображение должно быть уникальным и качественным.
3. Ключевые слова
Эффективные и информативные ключевые слова помогают нам привлекать посетителей на нашу целевую страницу и повышать рейтинг нашего сайта в Google и других поисковых системах.Ключевые слова помогают нам создавать, настраивать и публиковать эффективные целевые страницы.
4. Используйте мощный призыв к действию
Призыв к действию — важный компонент для создания высококачественной конверсионной целевой страницы. Это может быть либо часть отдельной кнопки на целевой странице для перехода по клику, либо часть формы для генерации лидов. Всегда помните, что призыв к действию должен быть ценным, простым в использовании, заметным и ориентированным на действие .
5. Социальное доказательство
Social Proof — один из самых мощных компонентов целевой страницы, который помогает нам проиллюстрировать посетителями, как они приносят продукты и услуги, которые мы предлагаем.Social Proof также используется на целевых страницах для подсчета количества регистраций с использованием социальных сигналов из общедоступных сетей.
Социальное доказательство на целевой странице принимает множество форм —
- Прямые расценки клиентов
- Примеры из практики
- Видео-интервью или отзывы
- Логотипы компаний-заказчиков
- Обзор оценок с сайтов Amazon или Yelp
6. Закрытие аргумента
Закрывающие аргументы записываются в конце целевой страницы, когда целевая страница приближается к закрытию.Это последний шанс поговорить с клиентами о продуктах и услугах, которые мы им предлагаем.
7. Возможности публикации в социальных сетях
Целевые страницытакже включают варианты обмена в социальных сетях, которые помогают нам распространять предложений, рекламных акций, мероприятий и другой информации на платформах социальных сетей. Это также помогает нам понять мнение посетителей о наших продуктах на основе их лайков, комментариев и репостов в социальных сетях.Всегда старайтесь создать кнопку обмена в социальных сетях, на 100% кликабельную и хорошо продуманную, которая привлекает внимание посетителей к нашей кнопке обмена.
8. Формы
Формы— идеальный способ собрать ценную информацию о клиенте . Создавайте только ценные поля в формах, такие как имя, контактный номер, адрес электронной почты, адрес проживания и кнопку отправки . Всегда старайтесь поддерживать базу данных в актуальном состоянии. Это означает, что когда клиент заполняет всю свою информацию и нажимает кнопку отправки, база данных мгновенно может сгенерировать новый интерес.
9. Политика конфиденциальности
Добавление политики конфиденциальности на целевую страницу — хорошая идея, чтобы гарантировать нашим клиентам безопасность их личной информации. Это также помогает нам добиться удовлетворения клиентов и их доверия на нашей целевой странице.
10. Страница благодарности
После того, как посетитель заполнил наш Призыв к действию, заполнил все данные в контактной форме и вышел из своей учетной записи, всегда не забывайте говорить им «Спасибо!».
Как создать привлекательную целевую страницу
Как мы знаем, эффективная целевая страница помогает нам увеличивать объем онлайн-рынка, поэтому всегда старайтесь создать красивых, привлекательных и информативных целевых страниц , которые помогают нам привлекать больше внимания посетителей.Привлекательная целевая страница включает умное использование цветов, привлекательные изображения, видео, эффективные макеты, простую навигацию и многое другое.
Примечание. В нашем руководстве мы собираемся создать целевую страницу с помощью WiX.com
Выполните следующие шаги, чтобы создать привлекательную целевую страницу.
Шаг 1: Щелкните или скопируйте / вставьте ссылку ниже в любой поисковой системе, чтобы перейти на веб-сайт Wix.com и создать целевую страницу.
Шаг 2: После того, как файл wix.com на экране появится официальная страница, нажмите Начало работы .
Шаг 3: На экране появится следующая страница. Если у вас уже есть учетная запись Wix, просто нажмите Войти в систему , иначе введите свой адрес электронной почты и пароль , затем нажмите Зарегистрироваться . Вы также можете зарегистрироваться как через Facebook, так и через аккаунт Google.
Шаг 4: После успешной регистрации на экране появится следующий экран с двумя вариантами Разрешите Wix ADI создать для вас веб-сайт (Дизайн для ответов на простые вопросы) или Создайте свой веб-сайт с помощью редактора (дизайн для создания нашего собственного веб-сайта), выберите параметры в соответствии с вашими требованиями и нажмите Выберите шаблон .
Шаг 5: Прокрутите ползунок в левом углу и выберите категорий . В категориях на экране появляется список различных категорий. Просто выберите «Целевые страницы ».
Шаг 6: На экране появится список целевых страниц, на котором выберите шаблон в соответствии с вашими требованиями. После выбора шаблона, наведите на него указатель мыши, на экране появятся два варианта, в которых щелкните вид .
Шаг 7: На снимке экрана ниже показано, что создан новый шаблон целевой страницы.
Изменить шаблон целевой страницы
Создав представление целевой страницы, вы также можете отредактировать его представление в соответствии с вашими требованиями и сделать его более привлекательным для посетителей, чтобы получить больше трафика.
Чтобы изменить вид целевой страницы, выполните следующие действия —
Шаг 1: Выберите шаблон и щелкните Edit this site в правом верхнем углу экрана.
Шаг 2: На экране появляется следующий экран с различными вариантами редактирования.
Изменить фон
Фон помогает нам сделать нашу целевую страницу более привлекательной. Wix.com позволяет нам добавить цвет фона, предустановленные фоновые изображения и видео на целевую страницу.
Чтобы изменить Фон целевой страницы, щелкните Фон на левой панели параметров.
После того, как вы нажмете на Фон, на экране появится небольшое поле с цветом, изображением, кнопками видео и списком выбранного фона.Вы можете выбрать любое изображение из списка и просто перетащить его по экрану.
На приведенном ниже снимке экрана показано, что фоновое изображение изменено.
Редактировать текст
Чтобы отредактировать текст, щелкните текст, который вы хотите отредактировать, на экране появится маленькая кнопка редактирования текста . Щелкните на кнопке Edit Text .
На экране появится окно настройки текста. Вы можете изменить размер заголовка, нажав кнопку раскрывающегося списка, связанную с заголовком, и размер шрифта, нажав кнопку раскрывающегося списка, связанную со шрифтами.Выбрав размер шрифта и заголовок для текста, дважды щелкните текст, который вы хотите отредактировать, и начните писать текст, который вы хотите добавить.
На скриншоте ниже показано, что текст изменен.
Добавить анимированный текст
Шаг 1: Выберите текст, в который вы хотите добавить анимацию, на экране появятся три значка, в которых щелкните анимированный значок , как показано на снимке экрана ниже.
Шаг 2: На экране появится список окна анимации, выберите анимацию в соответствии с вашими требованиями и нажмите кнопку Настроить в нижней части окна.
Шаг 3: На экране появится маленькое окно настройки анимации . Сделайте анимацию в соответствии с вашими требованиями.
Шаг 4: Чтобы проверить, добавлена ли анимация, нажмите на Preview в правом верхнем углу экрана.
Добавить изображение на посадочную страницу
Шаг 1: Чтобы добавить изображение на целевую страницу, щелкните значок Добавить в левом углу экрана.
Шаг 2: После того, как вы нажмете + Добавить, на экране появится следующее окно, в котором щелкните изображений выберите Image Collection , затем дважды щелкните бесплатных изображений Wix.
Шаг 3: A Окно выбора изображения появится на экране, выберите изображение и категорию, выберите изображение в соответствии с вашими требованиями, затем нажмите Добавить на страницу внизу экрана.
На приведенном ниже снимке экрана показано, что изображение добавлено на целевую страницу.
Примечание. Вы также можете добавить анимацию к изображению, выполнив действия, указанные в разделе «Добавление анимированного текста».
Создание контактной формы на целевой странице
Контактная формапомогает нам собирать информацию о клиентах, такую как его / ее имя , адрес электронной почты, контактный номер и местонахождение .
Чтобы создать контактную форму на целевой странице, выполните следующие действия —
Шаг 1: Чтобы создать контактную форму на целевой странице, щелкните + Добавить в правом углу панели, выберите контактную форму . На экране появится список контактной формы, выберите Форма в соответствии с вашими требованиями.
Примечание. В нашем случае мы собираемся создать форму подписки.
На приведенном ниже снимке экрана показано, что Форма добавлена на страницу коносамента.
Собрать информацию о посетителях
Когда любой пользователь заполняет контактную форму, мы также можем собирать его / ее информацию, используя следующие шаги —
Шаг 1: Дважды щелкните форму, на экране появится кнопка настройки формы . Нажмите здесь.
Шаг 2: На экране появится всплывающее окно, в котором щелкните на «Отправить сообщение».
Шаг 3: После того, как вы нажмете на «Отправить сообщение», на экране появится следующее окно, в котором выберите Ссылка на внешний URL-адрес , затем нажмите Выберите ссылку .
Шаг 4: Теперь введите партнерское предложение, которое вы хотите продвигать или разослать своим подписчикам электронной почты, и введите свой веб-адрес (URL), затем нажмите Готово.
Просмотр посадочной страницы на мобильных устройствах
Поскольку сейчас большинство пользователей хотят получить доступ к целевой странице на своих мобильных телефонах, всегда просматривайте свою целевую страницу на мобильном устройстве, прежде чем публиковать ее в Интернете.
Чтобы увидеть свою целевую страницу на мобильном устройстве, щелкните значок мобильного телефона вверху экрана.
На снимке экрана ниже показан просмотр вашей целевой страницы на мобильном устройстве.
Опубликовать целевую страницу в сети
После того, как вы создали свою целевую страницу, теперь вам нужно опубликовать ее в Интернете. Чтобы опубликовать свою целевую страницу в Интернете, нажмите кнопку Опубликовать в правом верхнем углу экрана.
После того, как вы нажмете «Опубликовать», на экране появится следующее окно Congratulation s, в котором введите имя вашего сайта и щелкните Done внизу окна.
Как мы все знаем, целевая страница — это самый важный инструмент для привлечения потенциальных клиентов в Интернете. Он использует различные инструменты для создания привлекательной и удобной страницы с использованием изображений, видео, контактных форм, кнопок и многого другого.
Список наиболее популярных инструментов для целевых страниц приведен ниже —
1. Unbounce
Unbounce — первый и самый популярный инструмент для целевых страниц. Он предоставляет универсальный, удобный и простой в использовании редактор перетаскивания для создания целевых страниц без каких-либо технических знаний.
Цена: Unbounce доступен по цене 74 доллара в месяц для плана Essential, 149 долларов США в месяц для плана Premium и 399 долларов США в месяц для планов Enterprise.
Особенности Unbounce
- Он использует более 100 шаблонов страниц для целевых страниц в Интернете и социальных сетях.
- Он легко интегрируется с WordPress, MailChimp, AWeber и другими CRM, а также с инструментами аналитики.
- Это позволяет нам добавлять на страницы липкие заголовки, всплывающие окна и карты.
- Это помогает нам повысить производительность и сократить время на создание целевых страниц.
- Предлагает встроенное A / B-тестирование.
Нажмите на ссылку ниже, чтобы зарегистрироваться в Unbounce — https://unbounce.com/
2. Instapage
Instapge — это удобный, высокопроизводительный, простой в использовании и самый мощный инструмент для создания целевой страницы. Он использует различные изображения, видео, кнопки, ссылки, оформление заказа в корзине покупок и страницу с благодарностью для привлечения посетителей.
Цена: Он доступен по цене 149 долларов в месяц для основного плана и 200 долларов в месяц для агентских и групповых планов.
Особенности Instapage
- Instapage позволяет нам использовать техник «перетаскивания» для создания красивых целевых страниц без привлечения технических разработчиков.
- Он использует 200+ удобных и адаптивных для мобильных устройств шаблонов страниц.
- Предлагает встроенное A / B-тестирование.
- Предоставляет возможность добавлять пользовательский код на страницы.
- Он легко интегрируется с Google Adwords, Facebook, Twitter, Zoho, Mailchimp и Google Analytics.
Нажмите на ссылку ниже, чтобы зарегистрироваться в Instapage — https://instapage.com/
3. Ссылки
Leadpages — один из лучших инструментов для создания целевой страницы.
Цена: Он доступен по цене 25 долларов в месяц для стандартного плана, 48 долларов в месяц для профессионального плана и 199 долларов в месяц для расширенного плана.
Характеристики Leadpages
- Он интегрируется с платформами социальных сетей, такими как Facebook.
- Легко перемещать содержимое с помощью методов перетаскивания. Доступно
- 160+ шаблонов.
- Это помогает нам находить потенциальных клиентов самым простым способом.
- Может интегрироваться с WordPress.
Нажмите на ссылку ниже, чтобы зарегистрироваться на Leadpages — https://www.leadpages.net/
4. Hubspot
Hubspot был основан Брайаном Халлиганом и Дхармешом Шахом в Массачусетском технологическом институте (MIT) в 2006 году. Он предлагает множество инструментов для цифровых маркетологов для создания креативных и впечатляющих целевых страниц.
Цена: Самый дешевый уровень доступен по цене 50 долларов в месяц.
Особенности Hubspot
Hubspot включает в себя различные функции. Некоторые важные функции Hubspot перечислены ниже —
- Предоставляет простые и удобные в использовании шаблоны страниц.
- Он предлагает различные инструменты для создания блогов и контента.
- Он позволяет нам добавлять видео, код отслеживания, изображения, формы и т. Д. На целевую страницу.
- Это помогает нам перемещать контент и вести бизнес в Интернете.
Нажмите на ссылку ниже, чтобы зарегистрироваться в Hubspot — https://www.hubspot.com/
5. Wishpond
Wishpond — один из самых важных и мощных инструментов для создания целевых страниц. Это позволяет нам создавать, редактировать и управлять целевыми страницами.
Цена: Он доступен по цене 49 долларов в месяц с максимум 1500 лидов, 99 долларов в месяц с максимум 2500 лидов и 199 сингапурских долларов в месяц для 10 000 лидов.
Характеристики Wishpond
- Wishpond интегрируется с различными маркетинговыми платформами.
- Он предлагает различные инструменты автоматизации маркетинга, инструменты для генерации лидов, онлайн-формы и инструменты для управления лидами.
- Очень легко использовать для нетехнических пользователей.
- По умолчанию он создает страницы, адаптированные для мобильных устройств.
Нажмите на ссылку ниже, чтобы зарегистрироваться Wishpond: https://www.wishpond.com/v2/
6. Ракета-носитель
Launchrock используется стартапами для создания целевых страниц. Это очень простой и бесплатный онлайн-инструмент. Он включает в себя такие инструменты, как Build, Promote и Analyze, чтобы обеспечить успешный запуск продукта.
Цена: Он доступен по цене 29 долларов в месяц, 249 долларов в год и 349 долларов за пожизненный доступ.
Характеристики Launchrock
- Launchrock включает интересные социальные функции, которые позволяют нам делиться страницами с другими.
- Он может использовать собственное доменное имя.
- Это помогает нам создавать 100% адаптивный веб-сайт.
- Он включает в себя инструменты для регистрации и предпродажной электронной коммерции.
- Он предлагает современный блочный конструктор с WYSIWYG и пользовательскими HTML-блоками.
- Открытие аудитории
Щелкните ссылку ниже, чтобы зарегистрироваться в Launchrock: http://help.launchrock.com/support/home
7. Привет, бар
Hello Bar — лучший инструмент целевой страницы, который помогает нам создавать сообщения для посетителей веб-сайтов. Это один из лучших инструментов для привлечения посетителей.
Цена: Доступна бесплатная пробная версия.
Особенности Hello Bar
Hello Bar включает в себя следующий список функций, чтобы сделать страницу привлекательной —
- Это помогает нам увеличивать количество подписчиков.
- Включает кнопки социальных сетей.
- A / B тестирование
- Он предлагает высокий коэффициент конверсии.
- Он использует различные платформы социальных сетей, такие как Facebook, Twitter, LinkedIn, Pinterest и Buffer для продвижения продуктов.
- Снижает показатель отказов сайта.
Нажмите на ссылку ниже, чтобы зарегистрироваться Hello Bar — https://www.hellobar.com/
8. CrazyEgg
CrazyEgg — это онлайн-приложение, которое помогает нам понять интерес клиентов к определенному продукту или услуге.Он используется как небольшими, так и крупными организациями, такими как eBay, Dell, Yahoo, Intel и Hilton.
Цена: CrazyEgg доступен по цене 9 долларов в месяц.
Особенности CrazyEgg
- Обеспечивает лучший пользовательский интерфейс и большее удовлетворение посетителей
- Это помогает нам улучшить рейтинг в поисковых системах за счет улучшения SEO.
- Он включает в себя различные инструменты отслеживания взгляда, такие как тепловая карта, карта прокрутки и т. Д., Чтобы сделать наш сайт более привлекательным.
Нажмите на ссылку ниже, чтобы зарегистрироваться в CrazyEgg: https://www.crazyegg.com/
9. GetResponse
GetResponse помогает нам создавать целевые страницы с высокой конверсией и адаптивностью к мобильным устройствам. Это помогает нам создавать целевые страницы с помощью среды Drag-Drop.
Цена: Он доступен по цене 15 долларов в месяц для плана электронной почты, 49 долларов в месяц для Pro, S165 в месяц для Max и 1199 долларов в месяц для Enterprise.
Особенности оптимального GetResponse
Нажмите на ссылку ниже, чтобы зарегистрироваться на GetResponse —
- Он интегрируется с различными платформами, такими как Bing, Google Adwords, KissMetrics, Facebook и другими.
- Предлагает встроенное A / B-тестирование.
- Он содержит кнопку PayPal, которая помогает нам выполнять операции, связанные с платежами.
- Включает более 1000 шаблонов.
https://www.getresponse.com/
10. ClickFunnels
ClickFunnel предназначен для продажи наших продуктов через Интернет. Это готовое решение, которое легко настраивается за несколько минут. ClickFunnels преследует три основные цели: создание потенциальных клиентов, увеличение продаж и проведение онлайн-мероприятий.
Цена: Доступна по цене 97 долларов в месяц +
Особенности ClickFunnels
- Это помогает нам легко добавлять видео, код отслеживания, изображения и т. Д.
- Он предоставляет простые и удобные шаблоны.
- Это помогает нам улучшить наш онлайн-бизнес за счет перемещения контента.
- На разработку страницы уходит меньше времени.
- Включает в себя различные типы готовых воронок.
Щелкните ссылку ниже, чтобы зарегистрироваться в ClickFunnels.
Как создать целевую страницу, которая будет эффективна в 2021 году
Как владельцу бизнеса вам необходимо создавать хорошие целевые страницы для своего веб-сайта. Это стратегия интернет-маркетинга, направленная на привлечение новых клиентов и посетителей на ваш сайт. В этой статье вы узнаете, как создать целевую страницу, и получите дополнительные советы по ее оптимизации.
Что такое целевая страница?
Целевая страница — это статическая веб-страница, ориентированная на привлечение потенциальных клиентов посредством определенного действия.Это может быть отдельная отдельная страница, которая ссылается на ваш основной сайт или интегрированная как часть веб-сайта.
Фокус целевой страницы может варьироваться в зависимости от вашего типа бизнеса. Самые распространенные из них — это побуждение людей подписаться на бесплатную пробную версию, еженедельные информационные бюллетени или добавлять продукты в корзины и списки желаний.
Зачем вам целевая страница?
Обычная домашняя страница веб-сайта может быть слишком загромождена меню, сообщениями, ссылками, боковыми панелями и т. Д. Наличие целевой страницы выгодно для вашего бизнеса, поскольку внимание сосредоточено на одном простом действии — конверсии.
Например, при прокрутке вниз целевой страницы Документов Google все внимание сосредоточено на , четком ценностном предложении и призыве к действию . Это вдохновляет нас использовать сервисы Google Docs, когда дело доходит до создания онлайн-документов.
Целевая страница увеличивает скорость отклика ваших посетителей, выполняя основное действие, которое вы от них хотите. В среднем коэффициент конверсии составляет 2,35%, причем у 10% лучших компаний этот показатель в три-пять раз выше.Ваши маркетинговые усилия, расходы на рекламу и охват социальных сетей принесут гораздо лучшие результаты, если вы направите их на высокоэффективную целевую страницу, когда это уместно.
Как создать высокоэффективную целевую страницу
Вот несколько необходимых шагов, которые вам необходимо предпринять, прежде чем вы начнете создавать свою целевую страницу.
Определите цель конверсии
В зависимости от вашего типа бизнеса решите, какое действие будет наиболее эффективным для вашей целевой страницы.
Какова ваша конечная цель? Вы хотите, чтобы посетители совершали покупку, подписывались на ежемесячную подписку или загружали приложение?
Для достижения этой цели вам нужно будет разбить ее на более мелкие цели.Вы можете предложить людям зарегистрироваться для получения бесплатной 30-дневной пробной версии, получить бесплатную электронную книгу, еженедельную рассылку новостей или купоны на скидку.
Например, целевая страница Spotify предлагает вам зарегистрироваться и использовать бесплатную версию. Однако между песнями вы услышите рекламу. Если вы хотите беспроблемного прослушивания, вам нужно будет подписаться на его премиальные планы.
Знайте свою аудиторию и всегда помните о ней. Проанализируйте своего целевого пользователя и его поведение. Определите среднего пользователя и поставьте себя на его место.Что им нужно?
Ваша целевая страница должна быть ориентирована на оптимизацию этого целевого коэффициента конверсии.
Напишите четкое прямое ценностное предложение
Далее, вы должны четко понимать преимущества выполнения целевого действия. Не говорите так: «Лучшее решение для вас» или «Вы найдете счастье».
Будьте краткими, мощными и конкретными. Это должно быть четкое сообщение. При необходимости добавьте простой слоган, если он поддерживает основное ценностное предложение.
Вернемся к Spotify в качестве примера. Он использует слоган «Музыка для всех» с добавлением «Миллионы песен. Кредитная карта не нужна ». Ценностное предложение Spotify — предоставлять музыку для всех. Преимущество заключается в том, что у него обширная коллекция песен, и вы можете слушать их бесплатно.
Придумайте неотразимый призыв к действию (CTA)
Каждая целевая страница должна иметь видимый, четкий и понятный призыв к действию. Это ключевой элемент, который направляет посетителей к следующему шагу или необходимому действию.
Будь то кнопка или форма, сделайте ее заметной и удобной для нажатия. Используйте яркие цвета в отличие от основного цвета целевой страницы, например, как Spotify использует зеленый по сравнению с желтым и оранжевым фоном.
Убедитесь, что любые изображения или элементы дизайна, которые вы добавляете, поддерживают основной призыв к действию и не отвлекают от него внимание.
Вот несколько примеров часто используемых CTA:
- Подпишитесь на нашу рассылку
- Читать статьи
- Начать
- Купить сейчас
- Бесплатная пробная версия
После того, как вы придумали макет, самое время создать свою целевую страницу.
Создание целевой страницы с помощью конструктора веб-сайтов Zyro
С помощью Zyro Website Builder вы можете бесплатно создать отдельную целевую страницу. Помимо того, что это быстрое и простое решение, платформа также оптимизирована для создания изящных и высококонвертируемых целевых страниц.Вам не нужно начинать с нуля, так как вы можете выбирать из настраиваемых дизайнерских шаблонов. Они также оптимизированы для SEO, поэтому вам не нужно беспокоиться о низком рейтинге в поисковой выдаче.
Тепловая карта AI также полезна для сбора информации, например, где разместить кнопки с призывом к действию и основную информацию. Если у вас возникли проблемы с созданием контента, AI Writer может помочь сгенерировать тексты для использования на вашей целевой странице.
Вы также можете интегрировать его с платформами социальных сетей для лучшей видимости, но вам нужно будет перейти на премиальные планы Zyro.
Вот шаги по созданию целевой страницы с помощью Zyro:
- Зарегистрируйтесь, затем выберите шаблон целевой страницы.
- Настройте свою целевую страницу. Щелкните Добавить элементы и вставьте кнопки с призывом к действию, изображения или текст с помощью функции перетаскивания.
- Предварительно просмотрите сайт на настольном компьютере и мобильном устройстве, убедившись, что макет идеален для обоих.
- Когда вы будете довольны результатом, нажмите Опубликовать сайт , чтобы открыть целевую страницу.
Как создать целевую страницу в WordPress
Если у вас уже есть веб-сайт WordPress и вы решили прикрепить к нему целевую страницу, выполните следующие действия:
- На панели управления WordPress наведите указатель мыши на Pages и выберите Добавить новый .Или вы можете просто отредактировать свою Домашнюю страницу .
- Нажмите кнопку Добавить блок в верхнем левом углу редактора блоков. Вставьте элементы дизайна вашей целевой страницы — заголовок, обложку, тексты и кнопки.
- Опубликуйте целевую страницу и вернитесь на свою панель инструментов.
- Наведите курсор на Appearance и выберите Customize . Выберите Homepage Settings и выберите A static page .Задайте в качестве целевой страницы Домашнюю страницу . Убедитесь, что у вас есть страница блога для ваших сообщений.
Профессиональные советы для убийственной посадочной страницы
После того, как вы запустили свою целевую страницу, вы можете быть уверены, что она конвертируется. Вот несколько советов, что делать дальше:
Настройка Google Analytics для отслеживания конверсий
Google Analytics — отличный способ установить цели для вашей целевой страницы. Вы можете отслеживать его эффективность, наблюдая за коэффициентами конверсии.
Инструмент имеет систему отчетов, которая может помочь в процессе, например:
Используйте Google Analytics, чтобы получить информацию, которую можно использовать для мозгового штурма, чтобы узнать, как оптимизировать целевую страницу.
A / B Test Your Landing Page
Если у вас есть несколько версий целевых страниц, вы можете сравнить их с помощью инструмента A / B-тестирования. Это может помочь вам решить, какой дизайн оставить.
Google Optimize имеет инструмент A / B-тестирования, который интегрирован в Analytics и позволяет запускать несколько версий одной и той же веб-страницы.Настроить быстро и легко, так как эксперименты можно запустить всего за несколько кликов.
Измените цвета и положение кнопок или используйте другие призывы к действию и посмотрите, сможете ли вы получить больше конверсий. Кроме того, если вы теряете посетителей, Google Оптимизация может помочь вам выяснить причину, углубившись в данные Google Analytics.
Вы также можете проверить, есть ли в вашем конструкторе целевой страницы встроенная функция A / B-тестирования. Или, если вы используете WordPress, вы можете использовать бесплатный плагин, например A / B Testing for WordPress.
Заключение
Целевая страница — это отдельный сайт или веб-страница, цель которой — побудить посетителей совершить желаемое действие, например совершить покупку или предоставить контактную информацию. Это необходимость для любого бизнеса.
Вы можете создать и запустить его, используя конструктор целевых страниц, такой как Zyro или WordPress. Просто убедитесь, что у него есть определенная цель, четкое прямое ценностное предложение и призыв к действию.
Чтобы сделать еще один шаг вперед, отслеживайте эффективность своей целевой страницы с помощью Google Analytics или инструмента A / B-тестирования, если у вас несколько целевых страниц.Удачи.
Ратна — эксперт по веб-хостингу и автор контента в Hostinger. Обладая опытом во всех областях техники и SEO, она всегда готова поделиться. В свободное время Ратна любит читать хорошую книгу или возобновлять свой проект по вышивке крестиком.
Как создать целевую страницу? (видео)
Целевые страницы — это одна из опций построения списков, которые вы можете использовать в своей учетной записи GetResponse. Они позволяют вам побуждать посетителей проверять ваши продукты и услуги и подписываться на ваш список.Вы можете использовать один из наших профессионально разработанных шаблонов или создать свой собственный с нуля.
Начало работы
1. Перейдите в Меню > Целевые страницы и нажмите кнопку Создать целевую страницу .
2. Выберите шаблон.
3. В модальном всплывающем окне введите имя и щелкните Использовать шаблон . Это откроет редактор шаблонов.
Настройка шаблона
1. Чтобы отредактировать текст, дважды щелкните фрагмент текста, который вы хотите изменить, и добавьте свой собственный текст.Становится доступным меню инструментов редактирования. Используйте их, чтобы изменить стиль, формат и расположение текста.
2. Чтобы изменить форму регистрации, дважды щелкните форму, чтобы активировать дополнительные параметры редактирования:
- щелкните поля формы, чтобы изменить текст и форматирование.
- дважды щелкните форму, начните добавлять дополнительные поля: настраиваемые поля и поля согласия. Настраиваемые поля помогают собирать контактную информацию. Поля согласия позволяют вашим контактам дать свое согласие на вашу политику маркетинга или обработки данных при регистрации.
Чтобы добавить поля, нажмите кнопку Поля веб-формы . Затем щелкните вкладку Custom fields и выберите настраиваемые поля, которые вы хотите использовать. Перейдите на вкладку Поля согласия , чтобы просмотреть поля согласия, которые вы создали в своей учетной записи. Затем выберите поля, которые хотите добавить в форму.
3. Используйте инструменты на боковой панели инструментов для дальнейшей настройки дизайна вашего шаблона. Вы можете добавить дополнительные разделы, кнопки, формы, фигуры, видео, значки социальных сетей и кнопки PayPal.
4. (Необязательно) Добавьте больше вариантов страницы для A / B-тестирования дизайна страницы.
5. Щелкните значок сотового телефона, чтобы создать версию целевой страницы, удобную для мобильных устройств, и внесите необходимые изменения.
6. Когда вы довольны своим дизайном, нажмите кнопку Next step .
Редактирование настроек целевой страницы
1. (Необязательно) В SEO settings вы можете редактировать заголовок страницы и добавлять описание. Добавление описания поможет вашей странице стать более заметной в результатах поиска Google.Или установите флажок, чтобы ваша страница не индексировалась Google.
2. В Настройки URL целевой страницы выберите URL-адрес целевой страницы. По умолчанию ваши целевые страницы публикуются на одном из субдоменов GetResponse. Вы также можете опубликовать его в своем домене или каталоге. Узнайте, как назначить свой домен и изменить записи DNS и CNAME.
URL вашей целевой страницы может включать строчные буквы английского алфавита (a-z), цифры (0-9) и дефисы «-». Использование подчеркиваний, диакритических знаков и специальных символов невозможно.
3. В настройках подписки выберите список контактов, в который будут добавлены при регистрации, установите параметры двойного согласия, выберите, следует ли добавлять контакт в цикл автоответчика, и настройте страницу благодарности.
4. (Необязательно) Добавьте код отслеживания на свою целевую страницу с помощью Google Analytics и Google AdWords.
Целевая страница публикации — Обучающее видео
По завершении нажмите кнопку Опубликовать . Если вы хотите сохранить страницу как черновик, нажмите кнопку Сохранить .
Обзор и руководство поLeadpages — Инструмент №1 для создания посадочных страниц @ MyThemeShop
Сбор адресов электронной почты посетителей вашего сайта — не всегда простая задача. Тем не менее, Leadpages упрощает вам не только сбор адресов электронной почты посетителей вашего веб-сайта, но также помогает вам в создании целевых страниц.
1 Что такое лид-страницы?
Это веб-приложение для создания целевых страниц и всплывающих окон, которое позволит вам собрать адреса электронной почты ваших потенциальных или потенциальных клиентов.
Существует два способа создания списка подписчиков: с помощью всплывающих окон и целевых страниц. Другой способ получить адреса электронной почты ваших посетителей — создать форму согласия.
Единственная проблема, связанная с этим методом, заключается в том, что у вас должно быть хороших дизайнерских навыков и навыков программирования, чтобы иметь возможность создать эффективную форму подписки.
2 Плюсы и минусы
Плюсы
- Leadpages упрощает вам не только сбор адресов электронной почты посетителей вашего веб-сайта, но также помогает вам в создании целевых страниц.
- С Leadpages вам совсем не обязательно иметь какие-либо дизайнерские навыки, так как вы получаете шаблоны с высокой конверсией, начиная с .
- Стандартный редактор позволяет вносить простые исправления в несколько основных элементов шаблона и быстро изменять простые свойства, такие как цвета, изображения и шрифты.
- Leadboxes помогает вам легко добавлять всплывающие окна на ваши веб-сайты в определенное время или даже для определенного количества просмотров страниц.
- Новые функции перетаскивания позволяют использовать таймеры обратного отсчета или видео для повышения коэффициента конверсии
- Пользователи сайтов WordPress могут использовать подключаемый модуль Leadpages Connector для доступа к многочисленным целевым страницам и Leadbox, которые они создали в своей учетной записи в панели управления WordPress. Сайт
- на основе HTML может получить HTML-код для интеграции Leadpages на вашу целевую страницу прямо из вашей учетной записи и скопировать его на свой сайт.
- Пользователи также могут размещать ваши целевые страницы на Leadpages. Функция
- Leaddigits позволяет собирать электронные письма с помощью текстовых сообщений для автономных ситуаций, а также вставлять свой номер Leaddigits в видеоролики YouTube, официальные документы и в других местах.
- Leadpages предлагает партнерские программы, которые вознаграждают 30% частых комиссионных от всех проданных продаж.
Минусы
- Leadpages — относительно дорогое удовольствие для новичков в интернет-маркетинге
- Ограниченные возможности настройки, затрудняющие создание 100% уникальной целевой страницы
- Leadpages специально ориентирован на целевые страницы и не имеет лучшей поддержки для дополнительных услуг.
3 Как создавать целевые страницы с помощью Leadpages
Целевые страницы — это прекрасно выглядящие страницы с прекрасным и привлекательным дизайном, которые не только привлекают внимание ваших читателей, но также помогают вам легко узнать адреса электронной почты посетителей вашего веб-сайта.
Самое лучшее в Leadpages — это то, что вам совсем не обязательно иметь какие-либо дизайнерские навыки , так как вы можете начать с шаблонов с высокой конверсией.
3.1 Редакторы посадочных страниц
Leadpages предоставляет вам два разных редактора целевых страниц. Первая страница — это редактор щелчков, стандартный редактор, который позволяет вам вносить простые исправления в несколько основных элементов шаблона и быстро изменять простые свойства, такие как цвета, изображения и шрифты.
Другая страница — это редактор перетаскивания, который обеспечивает общей возможности переупорядочивать, стирать и добавлять основные на странице.
Редакторы, которые вы выбираете, зависят от того, что вы хотите от целевой страницы. Для тех, кто хочет быстро создать лендинг, можно выбрать стандартный редактор. Выбрав нужный шаблон дизайна, вы сможете создать новую целевую страницу менее чем за десять минут.
3.2 Перетаскивание редактора целевой страницы
Редактор перетаскивания более мощный и позволяет получить полный контроль над созданием целевой страницы.
Редактор также предоставляет вам доступ к некоторым замечательным виджетам, таким как таймер обратного отсчета, который позволяет вам делать ваши страницы более скудными.Единственный недостаток редактора перетаскивания заключается в том, что пользователь может разделить тестовые целевые страницы.
3.3 Шаблоны страниц с выводами
Leadpages имеет ряд шаблонов, которые позволяют вам выбрать наиболее подходящий вам шаблон. Leadpages также добавляет новые шаблоны каждый месяц; поэтому вы можете получить шаблон практически для любой ситуации.
Пользователи также могут получить более конкретные страницы для создания подкастов, «О нас», страницы конкурса, целевые страницы FB и другие .
Все шаблоны хорошо разработаны и объединяют проверенные целевые страницы, используемые такими профессионалами, как Пэт Флинн, Джефф Уокер и другие. Вы можете получить как бесплатные, так и платные шаблоны по цене от 7 до 39 долларов.
3.4 Свинцовые боксы
Leadboxes поможет вам легко добавлять всплывающие окна на ваши веб-сайты.
Всплывающие подсказки могут появляться в определенное время или даже при определенном количестве просмотров страницы. Лидбоксы также помогают создавать всплывающие окна каждый раз, когда посетитель хочет покинуть страницу.
Тем не менее, наиболее распространенный способ ввести Leadbox — это двухэтапная подписка. Это предполагает, что ваш посетитель должен щелкнуть ссылку или кнопку до появления всплывающего окна.
3.5 WPCurve — LeadBox
WPCurve-LeadBox помогает повысить конверсию за счет демонстрации микрообязательств. Лидбоксы были изменены так же, как и стандартные лендинги. Это привело к тому, что лидбоксы стали похожи на целевые страницы.
Новые функции перетаскивания позволяют использовать таймеры обратного отсчета или видео для повышения коэффициента конверсии .Лид-магнитный механизм доставки Leadpages позволяет получить идеальную комбинацию для быстрого и качественного обновления контента.
4 Как интегрировать ведущие страницы со сторонней поддержкой
Leadpages предоставляет пользователям несколько вариантов интеграции со своими сайтами. Владельцы сайтов на WordPress могут использовать подключаемый модуль Leadpages.
4.1 Плагин Leadpages для WordPress
Этот плагин позволяет получить доступ к многочисленным целевым страницам и лидбоксам, которые вы создали в своей учетной записи в панели управления WordPress.
Плагин позволяет вам установить одну из ваших целевых страниц как стандартную страницу WordPress, которая имеет собственный настраиваемый URL-адрес на вашем сайте. С другой стороны, вы можете сделать целевую страницу своей домашней страницей. Плагин также свяжет любой созданный вами Leadbox.
Вы можете сделать целевую страницу всплывающим окном по времени или использовать намерение выхода и изменить точные настройки для каждого из них.
4.2 Интеграция сайтов, не относящихся к WordPress
Пользователи с веб-сайтами, не относящимися к WordPress, также могут включать свои сайты в Leadpages.Для сайта на основе HTML вы можете получить HTML-код целевой страницы прямо из своей учетной записи и скопировать его на свой сайт.
Вы также можете разместить свои целевые страницы на Leadpages. Однако у него есть недостаток, заключающийся в том, что вы будете использовать URL-адрес Leadpages вместо своего собственного.
Поддерживается 5 подписок по электронной почте
Вам нужен поставщик услуг электронной почты для хранения ваших потенциальных клиентов, чтобы эффективно собирать потенциальных клиентов с помощью Leadpages.
Вам не нужно беспокоиться об этом, поскольку Leadpages поддерживает основных поставщиков услуг электронной почты, таких как ActiveCampaign, ConvertKit, MailChimp и многих других.
6 Дополнительные функции
Целевые страницы и Лидбоксы — две основные особенности, которые выделяют Лидпейджи; однако есть и другие замечательные функции, которыми вы можете пользоваться как участник Leadpages.
Цифры
Одной из таких функций является Leaddigits. Это функция, которая позволяет собирать электронные письма с помощью текстовых сообщений. Это работает, когда ваших посетителей просят отправить текст и ключевое слово на ваш номер Leaddigits, а вы, в свою очередь, отправите обратно текст с просьбой присоединиться к вашему списку.
Это вежливый способ составить список и получить адреса электронной почты потенциальных клиентов и заказчиков. Этот метод также отлично подходит для офлайн-ситуаций, и вы также можете встроить свой Leaddigits номер в видеоролики YouTube, официальные документы и другие места.
Партнерские программы
Еще одна дополнительная функция Leadpages — партнерские программы. Эта функция вознаграждает 30% частых комиссионных от всех произведенных продаж.
7 Leadpages Цены и планы
Ценовая структура Leadpages может немного сбивать с толку, поскольку определенные функции доступны только на определенных ценовых уровнях.
Стандартный план
Для вас важно сначала просмотреть страницу с ценами и понять, что вы хотите получить, до регистрации. Однако стандартный уровень цен на Leadpages начинается всего с 25 долларов в месяц.
Профессиональный план
Дополнительные функции, такие как сплит-тестирование, Lead Digits и доступ к прибыльной партнерской программе Leadpages, недоступны при стандартном ценовом уровне. Чтобы получить доступ ко всем этим дополнительным функциям, вам понадобится тарифный план Pro, который стоит 48 долларов в месяц.
Расширенный план
Продвинутый годовой уровень предоставляет вам субаккаунты, а также функцию импорта шаблонов по цене 199 долларов в месяц, которая должна оплачиваться ежегодно. Предоплата за один или два года дает вам скидку 38%, что помогает вам сэкономить деньги, в отличие от варианта ежемесячной оплаты.
8 Заключение
Leadpages — отличная платформа как для малого, так и для крупного бизнеса. Он продолжает набирать популярность среди маркетологов и владельцев веб-сайтов.
Это связано с полезными и мощными функциями, которые Leadpages предлагает пользователям. Это приводит к отличным конверсиям на вашем веб-сайте, что понравится любому владельцу веб-сайта.
Как участник Leadpages, вы получаете широкий выбор шаблонов, которые хорошо разработаны и подходят для любой ситуации.
Если вам нужен более индивидуальный шаблон дизайна или даже шаблон, в который вы можете внести больше изменений, вам придется искать другой инструмент целевой страницы или попросить разработчика создать для вас индивидуальные страницы, которые могут стоить вам целое состояние.
Этот инструмент целевой страницы — отличный выбор для тех, кто ищет эффективный и простой способ создавать целевые страницы и легко создавать свой список подписчиков.
Как создать целевую страницу
Создание целевой страницы
Создание великолепно выглядящей подписки не должно быть сложным, а со всеми шаблонами, из которых вы должны выбирать, все стало еще проще.
Вам не нужен веб-сайт или блог, чтобы создать целевую страницу и поделиться ею.Мы разместим для вас целевую страницу, которая является отдельной подпиской, которой вы можете поделиться где угодно!
👉🏼 Если вам нужно дополнительное разъяснение различий между целевыми страницами и формами, вы можете ознакомиться с этой быстрой статьей.
Начните с выбора шаблона
Для начала вам нужно выбрать целевую страницу, которая лучше всего подходит для вашего следующего проекта. Каждый вариант шаблона включает предварительный просмотр, так что не бойтесь проверить несколько из них!
Примечание : Когда вы вернетесь на вкладку для просмотра других целевых страниц, вам придется сначала повторно выбрать вариант целевой страницы, а затем продолжить просмотр шаблонов.
Напишите простой заголовок
Теперь, когда у вас есть целевая страница, вам нужно написать броский заголовок. Уделите пять минут, чтобы в точности резюмировать то, что вы хотели бы сказать своей аудитории, а затем добавьте эту мысль сюда. (Примечание: вы всегда можете вернуться и изменить это, если хотите!)
Если у вас возникли проблемы с началом работы, , у нас есть несколько советов.
Добавьте изображение
Затем выберите изображение, которое вы хотите добавить на свою целевую страницу.У вас есть возможность загрузить собственное фирменное изображение или выбрать красивое изображение из нашей прямой интеграции с Unsplash.
Сначала выбор замены или добавления фонового изображения приведет вас к пустому экрану с четырьмя параметрами:
Отсюда вы можете выбрать загрузку существующего изображения или выбрать изображение из Unsplash, Instagram или фона от Hero Patterns!
Найти в Unsplash подходящее изображение для фона очень просто.
Если у вас есть учетная запись Instagram, вы можете интегрировать ее непосредственно со своей целевой страницей, а также выбирать и отображать любые свои собственные изображения!
Советы по дизайну
Помните: все, на что вы нажимаете, можно редактировать! Ваш фоновый цвет, цвет кнопки и текст, цвет шрифта и многое другое — все это доступно для вас.
ПРИМЕЧАНИЕ: Параметры стиля на боковой панели будут различаться в зависимости от вашего шаблона и того, что вы редактируете в данный момент. Щелкайте по элементам целевой страницы, чтобы изучить различные варианты!
Несколько дополнительных вещей:
Выбор отправки поощрительного электронного письма позволит вам поделиться халявой с новыми подписчиками. Это настоятельно рекомендуется, так как это сразу привлекает их. Подробнее об этом здесь .
Двойная подписка — отличная передовая практика.Если вы хотите узнать больше, вы можете сделать это здесь .
Вы можете настроить индивидуальный домен и URL страницы отдельно. Разница важна. Если вы не уверены в настройке любого из них, мы рекомендуем использовать наши прямо из коробки.
Содержание вашей целевой страницы
Сделайте так, чтобы это звучало как вы!
А теперь пора рассказать, о чем ваша целевая страница.
Чем вы делитесь с этой подпиской? Что бы вы хотели, чтобы ваша аудитория делала?
Не забывайте, что все должно быть просто и понятно.Ваша цель здесь — заставить посетителя добавить свой адрес электронной почты и присоединиться к вашему списку, поэтому говорите об этом как можно короче, при этом четко передавая ваш проект, продукт или другое предложение.
Сохраните и поделитесь своей работой
Продолжайте и нажмите кнопку «Сохранить», а затем просмотрите свою новую целевую страницу! Вы можете использовать свою ссылку общего доступа для просмотра в браузере и на мобильном устройстве, чтобы почувствовать, какие впечатления будут у вашей аудитории, когда они увидят ее на своем устройстве.
Вы можете поделиться этой ссылкой где угодно, включая Facebook, Instagram и Twitter.Не ждите, чтобы поделиться своей работой — сделайте это сейчас!
Есть вопросы?
Учебное пособие по Unbounce: создание целевой страницы (шаг за шагом)
С более чем 100 профессиональными шаблонами и очень простым редактором перетаскивания Unbounce может использоваться кем угодно для создания профессиональных целевых страниц для увеличения конверсии веб-сайтов.
Компании, которые увеличили количество посадочных страниц с 10 до 15 в среднем, увеличили количество потенциальных клиентов на 55% по данным Hubspot — так что чем больше, тем лучше, мы говорим!
В этом пошаговом руководстве вы познакомитесь с основами создания целевой страницы с помощью Unbounce, от создания учетной записи до добавления готовой целевой страницы на ваш веб-сайт WordPress.
Итак, без лишних слов, давайте приступим к созданию ваших собственных целевых страниц.
П.С. Здесь вы можете сравнить лучшие конструкторы целевых страниц.
Зарегистрироваться с помощью UnbounceUnbounce имеет двухнедельную бесплатную пробную версию, поэтому вы можете зарегистрироваться и поиграть с редактором перетаскивания, чтобы создать несколько целевых страниц, и отменить в течение 14 дней бесплатно, если вы решите, что это не для вас.
Зайдите в Unbounce и щелкните Start My Free Trial.
На этой странице будут отображаться различные пакеты, которые Unbounce может предложить. Если вы только начинаете работать в мире целевых страниц, план Essential может быть для вас тем, что вы попробуете, но если у вас уже есть планы на большее количество целевых страниц, вы можете почувствовать что премиальный план более уместен.
Вам не будет выставлен счет до окончания пробного периода, и Unbounce отправит вам электронное письмо, когда вы приближаетесь к концу пробного периода, если вы действительно хотите отменить его.
Нажмите «Начать бесплатную 14-дневную бесплатную пробную версию» под выбранным вами планом.
Введите свои данные, чтобы создать учетную запись (или выберите «Зарегистрироваться в Google», если вы используете свою учетную запись Google), в раскрывающемся меню выберите, хотите ли вы, чтобы счет выставлялся ежемесячно или ежегодно, установите флажок, чтобы согласиться с условиями политики обслуживания и конфиденциальности и нажмите Зарегистрироваться с помощью электронной почты.
Затем вам будет предложено ввести данные для выставления счета, прежде чем вы попадете на страницу с предложением проверить свой почтовый ящик и щелкнуть ссылку в электронном письме с подтверждением.
При нажатии на ссылку в электронном письме вам будет предложено еще раз войти в свою учетную запись, используя данные, которые вы указали ранее. После того, как вы войдете в систему, Unbounce задаст вам несколько вопросов, чтобы оценить, как вы будете использовать их услуги, чтобы ваш опыт был максимально релевантным. Ответьте на них, используя раскрывающиеся варианты в зависимости от того, чего вы хотите достичь, и нажмите Get Started With Unbounce.
Создание целевой страницы с помощью редактора перетаскивания UnbounceПосле входа в систему вы попадете прямо в конструктор страниц с демонстрационным видео, знакомящим вас с основами.
1. Начало работыКогда вы будете готовы создать свою целевую страницу, нажмите Create New в правом верхнем углу конструктора страниц.
Вы можете создать страницу с нуля, используя параметр «Начать с пустой страницы», или выбрать один из более чем 100 профессиональных шаблонов, уже доступных на Unbounce.
Есть даже обучающий шаблон, если вы хотите создать фиктивную страницу и сначала немного поиграться с конструктором страниц.
Если вы готовы приступить к созданию целевых страниц, убедитесь, что вам удобно, и мы вместе проработаем этот процесс.
2. Как выбрать шаблонПри таком большом количестве доступных вариантов выбор шаблона может показаться немного сложным, но вы можете легко сузить их, ответив на один вопрос:
Что вы пытаетесь достигать?
Может быть, вы хотите увеличить количество подписчиков на рассылку новостей, продать электронную книгу или хотите, чтобы люди подписались на веб-семинар, который вы проводите.Вы можете использовать раскрывающийся список «Фильтр», чтобы просмотреть шаблоны, созданные для достижения конверсий в соответствии с определенной целью.
После того, как вы выберете цель в раскрывающемся списке, появятся все соответствующие эскизы шаблонов. Щелкая по каждому из них по очереди, вы можете предварительно просмотреть, как они выглядят, в правой части экрана, чтобы облегчить вам выбор.
Не забывайте, что вы можете изменить изображения, текст и цвета в соответствии с вашими предпочтениями в отношении брендинга и дизайна с помощью редактора страниц за короткое время, но структура шаблонов была специально создана для максимизации конверсий, поэтому они ‘ re фантастическая отправная точка.
После того, как вы выбрали шаблон, дайте своей странице имя в нижней части экрана предварительного просмотра и нажмите Начать с этого шаблона.
3. Основы конструктора страницКонструктор страниц состоит из четырех основных частей, в которых вы будете создавать и редактировать все свои страницы.
- Панель виджетов — это слева, где вы можете перетаскивать текст, изображения или любые другие элементы, которые хотите добавить на свои целевые страницы.
- Главное окно — здесь происходит волшебство, и вы создаете свои целевые страницы
- Панель инструментов — в верхней части экрана вы можете сохранить свою работу, когда вы идете, с такими действиями, как сохранить, просмотреть, отменить и повторить.
- Панель свойств — вы найдете ее справа от экрана, где вы можете добавлять ссылки, добавлять метаданные страницы и точно настраивать детали разделов страницы, такие как границы, фон и ширина.
Чтобы заменить изображение в шаблоне на свое собственное:
Щелкните изображение, которое вы хотите изменить, в главном окне.
На панели «Свойства» с правой стороны щелкните «Изменить изображение».
Появится окно, в котором вы можете загрузить свое изображение, щелкнув Загрузить новые изображения , а затем перейдите к файлу, который хотите загрузить.
После загрузки щелкните Выберите , и оно появится вместо изображения шаблона.
Вы можете использовать панель свойств, чтобы добавить замещающий текст и заголовок для загруженного изображения, а также отрегулировать его размер, пока не будете довольны.
Если у вас нет изображения для загрузки, но вы хотите его изменить, вы также можете использовать общедоступное изображение Unbounce или изображение из Unsplash, которые не защищены авторскими правами, профессиональные стоковые изображения. Выполните шаги один и два, как указано выше, но в появившемся окне выберите Unsplash Images или Unbounce Public Images.
В обоих случаях используйте строку поиска, чтобы найти изображение, которое вам нравится, выберите изображение и нажмите Выбрать.
Чтобы изменить размер изображения
Щелкните изображение, которое вы хотите настроить, в главном окне.
На панели свойств под заголовком «Геометрия» вы можете настроить размер, изменив ширину и высоту (W и H) изображения.
Если блокировка между обоими значениями закрыта, изменение одного значения автоматически изменит другое, чтобы сохранить пропорции изображения.Если вы хотите изменить высоту и ширину независимо друг от друга, нажмите на замок, и когда он будет открыт, вы сможете это сделать.
Добавление ссылки
Если вы хотите добавить ссылку к своему изображению:
Щелкните изображение, которое должно быть интерактивной ссылкой.
На панели свойств в разделе Щелкните Действие и убедитесь, что в раскрывающемся списке выбрано значение Перейти к URL-адресу .
Вставьте URL-адрес, на который должно ссылаться изображение, в поле URL-адреса.
В разделе « Click Action » панели «Свойства» есть и другие параметры в раскрывающемся меню. После щелчка вы также можете отобразить изображение в лайтбоксе, позвонить по номеру или отправить электронное письмо.
Добавление границы
Вы также можете использовать панель свойств, чтобы добавить границу к изображению.
Выберите изображение, к которому вы хотите добавить рамку в главном окне.
На панели свойств под Граница выберите из раскрывающегося списка тип границы, которую вы хотите окружить изображение.Если вам не нужна граница, убедитесь, что для нее установлено значение «none».
Измените толщину границы с помощью раскрывающегося списка рядом с типом границы — чем выше число, тем толще граница.
Вы можете изменить цвет, щелкнув цветной квадрат и используя палитру цветов, или, если у вас есть конкретный цвет, вы можете ввести его значение в поле рядом с ним.
Вы также можете сделать углы границы скругленными, используя ползунок для увеличения значения радиуса угла.Чем выше значение, тем более скруглены углы.
ТекстЧтобы отредактировать текст, дважды щелкните текстовое поле, которое вы хотите изменить, в главном окне и выберите текст держателя, чтобы удалить его и заменить своим собственным.
Вы можете изменить тип текста — будь то текст абзаца или заголовок — шрифт, цвет, выравнивание, размер и стиль, а также добавив ссылку или границу, выбрав текст, который вы хотите изменить в главном окне веб-сайт и использовать панель свойств, как и раньше, для редактирования изображений.
Другой вариант для текста на панели свойств — это редактирование фона. Используя раскрывающийся список под разделом фона, вы можете выбрать сплошной цвет, градиент, изображение, узор или даже загрузить видео так же, как вы загружаете изображения.
ФормыОдним из наиболее важных элементов вашей страницы является форма, которую посетители целевой страницы заполняют, чтобы выполнить действие, соответствующее вашей цели.
Добавление полей формы
В верхней части панели свойств щелкните Изменить поля формы.
Вы можете выбрать предварительно определенные поля в левой части всплывающего окна дизайна формы, которые являются общими полями, такими как имя, адрес электронной почты и номер телефона. Просто щелкните поле, которое вы хотите добавить, и оно отобразится внизу списка полей вашей формы в середине всплывающего окна.
Вы также можете добавить настраиваемые поля, выбрав тип поля, которое вы хотите добавить, с левой стороны, щелкнув мышью, и оно также будет добавлено в нижней части списка полей вашей формы.Типы полей включают:
- Текстовое поле (одна строка или несколько строк)
- Флажки
- Радиокнопки
- Раскрывающееся меню
- Скрытое поле
Редактирование полей формы
Выберите, какое поле вы хотите для редактирования, щелкнув по нему в центре всплывающего окна дизайна, и с правой стороны появятся параметры, позволяющие редактировать метки полей, добавлять текст-заполнитель или делать его обязательным полем, чтобы посетители страницы должны были его заполнить до того, как они смогут отправить форму.
В этой форме всплывающего окна дизайна вы также можете изменить порядок полей, щелкнув и перетащив их на место, или используя стрелки на каждом поле, чтобы переместить их вверх или вниз.
Если вы хотите удалить поле, вы можете просто щелкнуть значок корзины рядом со стрелками, чтобы удалить его.
Когда вы будете довольны содержанием формы, нажмите готово и с помощью панели «Свойства» вы можете настроить общий вид формы на целевой странице.
5. Добавление разделов на вашу целевую страницу
Несмотря на то, что шаблоны хороши, могут быть моменты, когда вы захотите дополнительно настроить их и добавить немного больше информации, видео или несколько изображений на вашу целевую страницу.
Чтобы добавить новый раздел, перейдите на панель виджетов в левой части конструктора страниц, щелкните и перетащите значок раздела на свою страницу. Вы можете поместить его вверху, внизу или между любыми двумя другими разделами страницы.
Если вы случайно уронили его не в том месте, вы можете использовать стрелки на панели инструментов вверху, чтобы переместить его вверх или вниз по странице.
Вы можете редактировать фон вашего раздела, используя панель свойств.
Как только вы будете довольны тем, как это выглядит, вы можете вернуться на панель виджетов и перетащить элементы страницы в только что созданный раздел. Вы можете добавить следующие элементы:
- Box
- Image
- Button
- Text
- Embedded Video
Как это:
Подготовка вашей целевой страницы к запуску на вашем веб-сайте
Как только вы ‘ Вы довольны тем, как выглядит ваша целевая страница, осталось сделать еще несколько вещей, прежде чем она будет готова к добавлению на ваш сайт, и вы сможете начать отслеживать свои конверсии.
Предварительный просмотр вашей страницы на мобильном устройствеВ правом нижнем углу главного окна редактирования есть две опции: Desktop и Mobile. При редактировании шаблоны Unbound адаптируются, что означает, что они меняются в зависимости от того, какой размер экрана посещает пользователь веб-сайта.
Если вы редактировали версию для ПК, рекомендуется предварительно просмотреть, как будет выглядеть ваша целевая страница на мобильных устройствах, чтобы убедиться, что все посетители вашего веб-сайта получают одинаково хорошее впечатление.Просто нажмите на Mobile , и вид вашей страницы на главном экране изменится и станет мобильной версией.
В процессе создания страницы вы можете сколько угодно переключаться между настольным и мобильным компьютерами.
Свойства страницыВкладка «Свойства страницы» находится в верхней части панели «Свойства», и отсюда вы можете изменить цвет текста и ссылок по умолчанию, а также добавить на страницу метаданные, такие как заголовок, ключевые слова. вы хотите настроить таргетинг на свою страницу и описание, которое появится в поисковых системах.Это важно для поисковой оптимизации (SEO), если вы хотите, чтобы ваша целевая страница была видна на таких сайтах, как Google.
Однако, если, например, вы хотите, чтобы ваша целевая страница была доступна для просмотра только людям, которые переходят на нее из рекламной кампании в социальных сетях, у вас есть возможность в свойствах страницы Скрыть мою страницу из поисковых систем. Вы просто должны убедиться, что флажок установлен.
Добавление целевой страницы на свой веб-сайт WordPressЕсли вы удовлетворены дизайном страницы, в конструкторе страниц нужно сделать еще несколько вещей, прежде чем вы сможете добавить свою целевую страницу на свой сайт. Веб-сайт.
Unbounce Пользователи платных планов могут публиковать целевые страницы в своем домене WordPress с помощью простого плагина Unbounce — идеально подходит для пользователей, которые не уверены в изменении записей DNS.
Добавьте домен WordPress в свою учетную запись UnbounceХотя вы можете создавать свои страницы так, чтобы они выглядели так, как ваш веб-сайт, и ваши пользователи не заметят разницы, ваши целевые страницы размещаются на Unbounce. Вам необходимо связать свой домен с учетной записью Unbounce, чтобы иметь возможность публиковать страницы в WordPress.
Убедитесь, что вы сохранили всю свою тяжелую работу, и в левом верхнем углу панели инструментов нажмите Overview.
Щелкните Domains в левой части экрана.
Когда появится новый экран, нажмите Добавить свой первый домен на главном экране или Добавить домен в правом верхнем углу.
Во всплывающем окне выберите Добавить домен WordPress и добавьте свой URL-адрес WordPress в поле этой вкладки, убедившись, что он точно соответствует вашему URL-адресу WordPress, включая использование заглавных букв.
Нажмите кнопку Добавить домен WordPress , чтобы завершить этот процесс.
Загрузите плагин Unbounce для WordPressВойдите в свою учетную запись WordPress.
Наведите курсор на «Плагины» в левом меню и нажмите « установленных плагинов».
Щелкните Добавить новый.
В строке поиска плагина найдите «Unbounce» и нажмите кнопку Установить рядом с плагином Unbounce Landing Pages.
После установки вернитесь на страницу установленных плагинов, найдите Unbounce Landing Pages и нажмите Activate.
Авторизуйте плагин, щелкнув Unbounce Pages Plugin в левой части WordPress, а затем нажмите Authorize.
Ваш список страниц Unbounce, опубликованных в WordPress, появится на экране установленных плагинов.
Убедиться, что опубликованные страницы неотправленных сообщений опубликованы в WordPressЕсли ваши опубликованные страницы не отображаются в WordPress, вам может потребоваться изменить их URL-адреса.
Вы можете сделать это:
Войдите в свою учетную запись Unbounce, щелкнув Pages в левой части экрана, выбрав страницу, щелкнув по ней, и нажав кнопку Change URL . Когда появится всплывающее окно, убедитесь, что в раскрывающемся списке выбран URL-адрес WordPress, а не страницы Unbounce. Нажмите кнопку Изменить URL-адрес , и ваша страница должна появиться на странице вашего плагина WordPress.
И вы достигли финишаПоздравляем!
Хотя есть чему поучиться, Unbounce — один из самых интуитивно понятных и простых способов, позволяющих любому создавать чистые и профессиональные целевые страницы с легко отслеживаемыми целями.
Помните ту статистику в начале о большем количестве целевых страниц, ведущих к увеличению конверсии? Что ж, теперь вы знаете, что делать, и вы на правильном пути к тому, чтобы эти конверсии стали вашими.
Пожалуйста, оставьте нам комментарий, если у вас есть вопросы, мы готовы помочь.
Как создать лендинг за 5 минут или меньше
Одна из областей, с которой, как мне кажется, люди больше всего борются при создании своего веб-сайта, — это создание целевой страницы.Целевые страницы — отличный инструмент для привлечения подписчиков, проверки ваших предложений и создания списков ожидания.
Хотя вы, безусловно, можете купить дорогое программное обеспечение, которое будет создавать для вас целевые страницы за ежемесячную плату, я поклонник бесплатных шаблонов целевых страниц, которые помогут вам сразу же приступить к работе. И я также покажу вам недорогой способ создания красивых целевых страниц, которые дадут вам полный контроль над своим дизайном.
СОДЕРЖАНИЕ
- Что такое целевая страница?
- Когда следует использовать целевую страницу?
- Оптимальные методы работы с целевыми страницами
- Как сделать бесплатную целевую страницу (даже если у вас нет сайта)
- Как создать целевую страницу для WordPress
- Примеры посадочных страниц
- Инструменты и службы, использованные в этом руководстве
Обратите внимание, что я являюсь партнером некоторых ресурсов, перечисленных ниже.В качестве аффилированного лица я могу получать реферальное вознаграждение, если вы приобретете эти продукты на основе моих рекомендаций. Я рекомендую только те услуги, которые я действительно использую в своем бизнесе.
Что такое целевая страница?
Целевая страница — это просто страница вашего веб-сайта, предназначенная для превращения посетителей вашего веб-сайта в потенциальных клиентов (потенциальный клиент — это тот, кто выражает интерес к тому, что вы продаете или предлагаете).
Когда большинство людей посещают ваш сайт, они не готовы покупать (или связываться с вами).На самом деле, часто сообщается, что более 90% людей, посещающих ваш сайт, не готовы совершить покупку. И если вы не захватите их электронную почту (или не настроите ретаргетинг), вы никогда не сможете превратить этого посетителя в покупателя.
Хотя существует много типов целевых страниц, я остановлюсь на одном из самых распространенных — сжатой странице. На сжатой странице вы запрашиваете адрес электронной почты посетителя в обмен на бесплатный подарок или предложение (например, загружаемую электронную книгу, аудиомедитацию или бесплатный урок из вашего онлайн-курса).Думайте об этом так, как будто вы находитесь в продуктовом магазине, и вам предлагают образец бесплатного сыра — у вас гораздо больше шансов попробовать (и купить) что-то новое, если вы его попробовали!
Когда следует использовать целевую страницу?
Целевые страницы — один из моих любимых способов быстро оценить интерес к идее, даже если вы не до конца продумали продукт или продвижение. И это отличный способ вызвать ажиотаж вокруг вашего следующего проекта или предложения.
Допустим, вы думаете о запуске программы, но не уверены, подпишется ли кто-нибудь.Создание простой целевой страницы позволяет людям заявить о своем интересе к вашему предложению. Хотя это не надежный способ определить, сколько людей БУДУТ в конечном итоге заплатить и подписаться, вы можете, по крайней мере, определить общий интерес к идее и начать вызывать восторг.
Или, возможно, вы запускали программу в прошлом, но не уверены, когда снова запустите ее. Один из моих лучших (и самых дешевых!) Советов по стратегии — ВСЕГДА составляйте список ожидания.
Когда я предлагал индивидуальный дизайн веб-сайта, у меня всегда был список клиентов на 6 месяцев — таким образом, мне никогда не приходилось беспокоиться о том, когда появится следующий проект.И всякий раз, когда я заканчиваю продвижение курса, я немедленно меняю кнопку продаж на форму списка ожидания — вы будете удивлены, КАК многие люди подписываются сразу после закрытия корзины — убедитесь, что вы записали эти адреса!
Рекомендации по созданию посадочных страниц
- Целевые страницы должны преследовать одну цель — убедиться, что вы получаете подписку по электронной почте! Держите свое сообщение ясным и не пытайтесь запутать пользователя, предлагая другие вещи на той же странице.
- Имейте четкий призыв к действию — подписаться на ваш список? Скачать бесплатно? Подпишитесь на пробную версию вашего продукта или услуги?
- Делайте ваши целевые страницы простыми и лаконичными.Удалите все элементы навигации в верхнем колонтитуле, блоки нижнего колонтитула или разделы боковой панели, чтобы на странице не было искажений.
- Если вы используете изображение на странице, убедитесь, что оно соответствует назначению страницы. И помните — это изображение, скорее всего, будет тем, которое отображается, когда страница публикуется в социальных сетях, поэтому вам нужно убедиться, что оно подходит и привлекает внимание.
- После того, как ваш пользователь согласился, обязательно отправьте его на страницу с благодарностью, чтобы вы могли отслеживать отправленные материалы в своем программном обеспечении для аналитики (см. Видео ниже, чтобы получить дополнительную информацию об этом).
Как сделать бесплатную целевую страницу (даже если у вас нет сайта)
В этом видео я покажу вам, как создать простую и бесплатную целевую страницу с помощью ConvertKit. Вы узнаете, как создать целевую страницу за 5 минут или меньше и легко начать добавлять подписчиков в свой список рассылки.
Хотите попробовать создать собственную целевую страницу бесплатно? Подпишитесь на бесплатную пробную версию ConvertKit и сразу же начните создавать свои собственные отличные целевые страницы.
Как создать индивидуальную целевую страницу для WordPress
В видео выше я использовал один из замечательных готовых шаблонов от ConvertKit и показал вам, как вы можете легко добавить эту целевую страницу на свой сайт WordPress.
В следующем видео с практическими рекомендациями я продемонстрирую, как создать полностью настраиваемую целевую страницу. Вы полностью контролируете внешний вид своей целевой страницы. Бонус? Плагин Beaver Builder, который я использую, также может создавать потрясающие страницы продаж и настраиваемые макеты для любой страницы вашего сайта — это идеальный многоцелевой инструмент.
(примечание: я сделал этот видеоурок некоторое время назад — сайт, показанный в видео, больше не активен, и последняя версия Beaver Builder выглядит немного иначе, но концепция того, как все это работает, та же)
Примеры посадочных страниц
Вот несколько примеров работы конструктора целевой страницы:
Как привлечь и удержать премиальных клиентов
Идеи для получения вознаграждения
Инструменты, используемые в этой публикации в блоге Учебник
ConvertKit — Простое в использовании программное обеспечение для рассылки новостей
Beaver Builder — плагин, который я использую для создания всех моих макетов страниц с индивидуальным дизайном в WordPress.
Добавить комментарий