Как создать красивый одностраничник самому

boyИтак, предыдущую запись я закончил тем, что пообещал написать, как создать сайт-одностраничник самому. Мы сегодня будем делать продающий сайт под один товар. Я покажу все на примере. Именно одностраничные сайты продают больше, чем страницы с несколькими товарами. Почему? Во-первых, на наш сайт будут попадать пользователи, которые заинтересованы именно в этом товаре. А приходить они будут к нам из поисковых систем. Начнем со стандартной процедуры, с регистрации домена и аренды хостинга.

Для начала регистрируемся здесь. На этом сервисе можно приобрести домен, а также арендовать хостинг для будущего сайта. Это надежный защищенный хостинг с оплатой от 85-и рублей в месяц. Сайт содержит две основные панели: Биллинг и Хостинг. В разделе биллинга происходит управление оплатой хостинга и домена, а панель хостинга позволяет заливать контент и менять его. Логин и пароль отличаются в разных панелях.

Приобретение домена

Имя домена должно быть серьезным и по возможности короче. Желательно, чтоб по имени можно было уже определить направление сайта. Для домена в зоне .ru обязательно нужно будет загружать скан паспорта. Регистрируйтесь обязательно с рабочей почты и указывайте номер телефона, который принадлежит вам. Иначе, в случае утери пароля, будет сложно восстановить данные.

Входим в биллинг-панель и в специальное поле вводим предполагаемое название домена. Чем хорош этот сервис, так это тем, что регистрация и продление домена самые недорогие. В других сервисах, даже если и найдете дешевле регистрацию, то продление обходится в 413 рублей (в зоне .RU). А здесь регистрация и продление стоит одинаково — 100 рублей!domen

Незначительный минус — это то, что нельзя проверить занят домен или нет. Для этого лучше воспользоваться услугой на whois-service.ru

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

Затем, в хостинг-панели добавляем новый домен — ваше доменное имя (имя будущего сайта). Это не регистрация домена, а привязка к хостингу, т.е., к хранилищу ваших данных, картинкам, тексту и т.п.hosting




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

Как создать сайт

Способ №1

Создаем в агрегаторе партнерских программ стандартную страницу с товаром, затем копируем сайт, сохраняем его на жестком диске. Теперь можно менять текст, картинки, видео таким образом, чтоб система обнаружила, что тексты и картинки уникальные. Пример. Выберем товарный оффер «Крем для увеличения груди». Вот так симпатично выглядит начало продающей страницыgrud

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

На сайте агрегатора:vrach1

На измененном:vrach2

Как видите, текст изменен с сохранением смысла. Теперь уже эта страничка не будет копией тысяч других. Как скопировать сайт? Есть программы, например HTTPTracker, который показал себя не в лучшем свете. Много косяков. программа Teleport оказалась более удачной. Я использую портативную версию Portable, что гораздо удобнее. Скачать Teleport Pro Portable (с Яндекс Диска).

Способ №2

Создадим одностраничный сайт с нуля, не зная языков HTML и CSS. Это сейчас возможно. Именно для этого придумали различные конструкторы сайтов. Есть конструкторы онлайн и офлайн. Онлайн — предоставляются сервисами-конструкторами. Их мы рассматривать не будем, потому как, в большинстве конструкторов Lending Page ежемесячная оплата составляет не очень привлекательную для пользователя сумму. Если вы собираетесь торговать нефтью, тогда, само собой, слов нет, — пользуйтесь. Возможно, я немножко преувеличил, но в общем суть понятна, я думаю.

Офлайн-конструкторы сайтов представляют собой программу, при которой пользователь добавляет на холст блоки — текст, картинки, видео, аудио. Программа переводит визуальные образы в текстовый вид на языке HTML, CSS так, как будто это было написано программистом web-дизайнером. В отдельной папке хранятся картинки, стили и другие файлы. Таким образом, начинающий пользователь способен создать вполне шикарные и достойные внимания, сайты.

Одной из таких программ является очень удобная, практичная и легкая в усвоении вещь — Веб Пейдж Мейкер. Я, как и всегда, использую портативную версию программы, которую всегда храню на флешке и отдельно на жестком диске. Скачать Web Page Maker Portable можно здесь (с Яндекс Диска).

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

Один важный момент. Вам обязательно нужно овладеть программой Adobe Photoshop. Существует множество редакторов изображений, но фотошоп имеет неограниченные функции. Это сказано без преувеличения. Разработчики данного приложения еще сами не все знают об этой программе. как так? А просто. Они создают и дорабатывают инструменты для обработки. А как их использовать, уже решают мастера. Согласитесь, ведь создатели столярных инструментов не могут в полной мере уметь пользоваться ими в совершенстве. Они знают, что можно обрабатывать дерево, придать ему определенную форму, структуру. А вот мастера, орудуя рубанком, лобзиком, стамеской, создают великолепные вещи и удивляют окружающих!

Та же ситуация и с Photoshop. Разработчики создают программу со множеством функций, которые постоянно дополняются, а мастера используют эти инструменты по-своему. И у каждого есть свои наработки и опыт. Но для создания сайтов не нужно осваивать что-то сверхкосмическое. Нужно уметь вырезать фон, объединять элементы, менять размеры картинок, работать правильно со светокоррекцией. и научиться этому несложно. Скачать Adobe Photoshop Portable можно здесь (на Яндекс Диск).

Заливаем сайт на хостинг

После того, как мы создали страницу в конструкторе, выводим сайт на жесткий диск. У вас в папке будет файл index.html, папка image и еще какая-нибудь, например style.css. Нас интересует файл index.html, в котором находится главный контент. В этой публикации мы разбираем создание страницы для продажи товара, поэтому, привожу пример именно для продающей страницы, а именно, чтобы поисковики находили ее по ключевым фразам.

Открываем index.html с помощью блокнота, лучше всего использовать Notepad++ . В разделе head (между тегами head и /head) нужно написать ключевые слова таким образом:

<meta name=»Keywords» content=»ЗДЕСЬ ПИШЕМ КЛЮЧЕВЫЕ СЛОВА ЧЕРЕЗ ЗАПЯТУЮ«>

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

<title>Смартфон Samsung купить недорого</title>

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

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

Заходим в WebFtp и жмем «закачать файл»web1

Теперь выбираем этот ZIP-файл и жмем загрузку. Затем распаковываем его (есть функция распаковки). Теперь ваш сайт будет открываться по адресу вашсайт.com/название папки, потому что запакованный файл создает еще папку с тем же названием. Чтобы сайт открывался в основном домене без дополнительных страниц, нужно переместить все файлы в корневую директорию. Ставим галочки напротив файлов для перемещения, в выпадающем списке выбираем:pere

В строке указывается адрес ваших файлов: вашсайт.com/название папки. В данном случае нужно удалить слово «название папки» и подтвердить действие. Вот и все. Ваш лендинг-пейдж открывается по адресу вашего сайта!

Естественно, для продвижения нужно еще поработать. Добавить сайт в аддурилки, делать посты, репосты в соцсетях без особо наглого спама. На первых порах продавайте через тизерные сети. Через поисковики покупатели начнут приходить не скоро. У меня первые появились через 2 месяца. Поэтому, офферы желательно выбирать более долгоживущие, ну, или такие, которые можно затем обновлять на схожие. И не надейтесь, что покупатели будут толпами ломиться на страницу, как в гипермаркеты. Рекламируйте вашу страницу в соцсетях, досках объявлений, тизерных и баннерных сетях. Не используйте попандеры и кликандеры. Пользователи и поисковики очень негативно относятся к назойливым методам рекламы!

Удачных вам продаж!

Один комментарий на “Как создать красивый одностраничник самому

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

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

Перед отправкой формы:
Спам не проходит Not Captcha