Dreamweaver. Создание одностраничного сайта с нуля. Видеоурок.







 одностраничный сайт

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

 

Его ещё называют сайт-воронка, страница захвата, посадочная и подписная страница.

 

Но для тех кто только начал постигать науку интернет заработка нужно написать несколько вариантов названий.

 

[stextbox id=»custom» shadow=»true» bcolor=»feecea» bgcolor=»feecea»]Такой сайт нужен для привлечения подписчиков на e-mail рассылку, для приглашения на вебинары или тренинги, а так же для продажи чего-либо через интернет. Но сайт продажник, это уже конечно другая история, там больше информации и графических элементов и красоты по желанию хозяина странички.[/stextbox]

Как правильно оформить одностраничный сайт

А на той страничке, о которой идёт речь в этой статье информации должно быть минимум, только самое главное. Можно написать от пяти до семи выгод, которые получит посетитель, если введёт своё имя и e-mail в форму подписки. Выгоды должны быть очень привлекательны. Но только не врите пожалуйста. Доверие трудно завоевать, а потерять легко.

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

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






Можно ещё просто поставить скриншот видеоролика. А когда посетитель на него нажмёт. То будет появляться окошко. На окошке будет написано «Введите своё имя и e-mail, и в течении 3-х минут вы получите видеоролик на своё почтовый ящик». Как это сделано здесь Правда это не идеальный вариант. Надо было выше поднять форму подписки.

И конечно же форма подписки, на которую обязательно указывает стрелочка. Это тоже психологический момент, для того чтобы посетитель не прошёл мимо. Над формой подписки должна быть надпись «Введите своё имя и e-mail».

Кстати, если вы пользуетесь сервисом Smartresponder, и вы хотите поставить на страничку две формы подписки. То советую одну из форм изменить хотя бы немного. Потому что в том случае если формы будут одинаковые, то верхняя форма работать не будет. Проверено на личном опыте!

Для чего нужны 2 формы подписки

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

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

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

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

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

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

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

Как поставить сайт на хостинг

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

В чём же разница? А вот в чём. Допустим, что вы поставили его как папку (то есть это страничка вашего блога для поисковиков). Посетитель зашёл на непродолжительное время. Это же не блог и он никуда со странички захвата на вашем блоге перейти не может. Он ввёл e-mail и ушёл.

А наши доблестные роботы воспримут это как отказ. Во-первых мало пробыл на страничке. Это и понятно, ведь читать нечего почти. А во-вторых никуда не перешёл. И засчитывается это посещение для вашего блога как отказ.

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

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

 

ecover2-300

 

 

Эффективные страницы захвата.

 Скачать

 

 

 

 

Генератор подписных страниц для вордпресс

А если вы не хотите со всем этим «заморачиваться». То предлагаю вам скачать бесплатно  «WPPAGE» . И вы сможете делать одностраничные сайты прямо на своём блоге. Этот плагин для wordpress умеет делать буквально всё, что вам может понадобиться для успешного бизнеса в интернет.

(Вместе с плагином вы получите инструкцию по установке.)

Вы можете прочитать другие  статьи,
для этого воспользуйтесь Картой сайта.
А также получать новые статьи прямо на Ваш почтовый ящик.
Введите свой E-mаil:

 


С Уважением, Татьяна Чиронова   






  

Сохраните пост к себе на стенку в соцсети



 


А здесь можно публиковать анонсы постов по теме:  


 










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

  2. Юлия Ратушная:

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

    Ты делаешь все быстро, качественно и то что нужно. Я очень довольна твоей работой и рада, что сотрудничаю с тобой!

  3. Николай Гижицкий:

    Спасибо огромное, Татьяна!
    Урок у Вас получился просто ЗАМЕЧАТЕЛЬНЫЙ!
    У Вас очень красивый голос, какой и должен быть у красивой женщины!
    Удачи Вам и хорошего настроения!

  4. Ярослав:

    Татьяна, благодарю Вас за очередную нужную и полезную статью-урок. Всегда в Ваших статьях нахожу для себя что-то ценное — не зря подписался на рассылку (вот такая скрытая реклама получилась :wink: .)

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Свежие записи
Как снизить нагрузку на CPU хостинга cайта вордпресс
Как снизить нагрузку на CPU хостинга cайта вордпресс
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Free Traffic Club — бесплатная реклама в Фейсбук
Free Traffic Club — бесплатная реклама в Фейсбук
Как правильно установить Savefrom net для Google Chrome
Как правильно установить Savefrom net для Google Chrome
≡ 
 А вам подарок
смартреспондер
Дешевый хостинг
Интернет технологии для вас © 2016 ·   Войти Наверх