Создаем сайт-одностраничник своими руками

Создаем сайт-одностраничник своими руками

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

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

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

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

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

Допустим, с хостингом мы определились. Теперь нам нужно изготовить саму страницу. Для этого идем в любой HTML-редактор такой как Notepad++, NVU или Adobe Dreamweaver. Я буду показывать на примере последнего. Заодно скачайте шаблон страницы, с которой мы будем работать. Все подробности редактирования страницы смотрите в видеоуроке.

Когда вы заполните все заголовки, подзаголовки, напишете выгоды и загрузите картинку с вашим продуктом, не забудьте поменять данные от вашей рассылки — это значения name=uid и name=»did[]». После этого обязательно проверьте работоспособность вашей странички. Попробуйте вписать имя и e-mail и убедитесь, что переадресация идет именно на вашу рассылку.

Очень важным моментом является анализ поведения ваших посетителей. Вы должны учитывать, сколько человек приходит на вашу подписную страницу и сколько из них становится вашими подписчиками. Для этого используйте инструмент Google Analytics. Создайте новый аккаунт, если его у вас нет, и получите код слежения, который нужно вставить в HTML-код страницы перед закрывающим тегом . Спустя сутки вам будет доступна полная статистика по вашему сайту. Если будет желание, можете дополнительно поставить коды счетчиков других сервисов, например Яндекс. Метрики с ее вебвизором, чтобы отслеживать поведение и клики посетителей на вашем подписном сайте.

После того как страница подготовлена, ее нужно разместить на своем хостинге. Для этого стоит воспользоваться бесплатным и очень удобным FTP-клиентом FileZilla. Чтобы начать с ним работать, вам нужно ввести данные в поле «Хост», «Имя пользователя» и «Пароль» (эти данные вам присылают в письме при регистрации на хостинге), после чего нажать на кнопку «Соединиться». Далее выбираете отдельный домен или создаете папку на имеющемся домене, где размещаете вашу страницу подписки. Рекомендую использовать отдельный домен, но как вариант, на первое время можно сделать в формате: http://ваш_сайт.ру/название папки/.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Оставьте мне собщение