Как создать продающий сайт с нуля пошаговая инструкция

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

Создание сайта — трудоёмкое дело. Мы расскажем, через какие этапы придётся пройти и на какие нюансы стоит обратить внимание.

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

Созданием сайтов занимаются несколько специалистов: дизайнер, верстальщик, программист. Наполняют сайты текстами копирайтеры и контент-менеджеры, а продвигают готовые странички маркетологи. Руководит всем процессом менеджер проекта.

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

Шаг 1. Определяем цель создания сайта

Для начала стоит определиться с целью создания сайта. Они обычно бывают двух видов — коммерческие и некоммерческие.

Если вы планируете привлекать клиентов через сайт, то ваша цель определённо коммерческая. Значит, и функционал сайта должен быть соответствующий: придётся разработать форму заказа, каталог товаров и корзину.

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

Затем попробуйте определить задачи, которые сайт должен решить. Например:

• оформление заказа;
• сбор контактов клиентов;
• размещение материалов для скачивания — например, каталогов продукции;
• консультирование клиентов перед покупкой;
• повторные продажи.

Шаг 2. Выбираем тип сайта

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

Интернет-магазин

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

Каждому товару понадобится карточка с фото и описанием. Чтобы оплачивать заказы картой, нужно будет подключить платёжные системы. Также можно добавить возможность назначать скидки — например, чтобы устроить распродажу к празднику.

Сайт услуг

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

Сайт-визитка

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

Сайт компании, или корпоративный сайт

В отличие от визитки, состоит из нескольких страниц: меню может включать страницы второго и третьего уровня. Подходит для размещения большего количества информации. Может содержать каталог товаров, новости компании, информацию о выполненных проектах и партнёрах.

Порталы, новостные блоги

Главная цель — интересная подача информации. На таких сайтах обычно можно встретить множество статей, тестов, фото и видео.

Форумы

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

Шаг 3. Придумываем название и доменное имя

Доменное имя для сайта — это название сайта, которое вбивается в адресную строку, например profi.ru. Название должно отражать имя бренда, но при этом быть запоминающимся и легкочитаемым. В идеале вы должны суметь его легко продиктовать — без всяких «эс как доллар». Не стоит выбирать и слишком длинные имена — желательно ограничиться 12 символами. Также стоит избегать цифр и символов. И, конечно же, ошибок — всё это ассоциируется с мошенническими ресурсами.

Домен верхнего уровня, или доменная зона — это те буквы, которые стоят в конце адреса после точки: .ru, .com или .org. Благодаря им можно понять, где находится организация или в какой стране она ведёт свою деятельность. Самый популярный домен — .com, но его нет смысла использовать, если вы работаете только в России. Больше подойдёт привычный .ru. К тому же за использование доменов других стран поисковые системы могут применять к вашему сайту штрафные санкции.

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

Доменное имя вы покупаете не навсегда, а лишь арендуете. Поэтому платить за него придётся регулярно, например раз в год. Выбирая доменное имя для сайта, обязательно проверьте, не совпадает ли оно с адресом конкурента. Если имя уже занято, добавьте к названию короткое слово, которое относится к вашей сфере деятельности. Например, к названию магазина можно добавить shop, а к игрушкам — toys. Купить доменное имя для сайта, подобрать и зарегистрировать домен можно, например, на сайтах WebNames, REG.RU, NIC.RU.

Шаг 4. Выбираем хостинг

Хостинг — это место на сервере, где будут храниться все материалы вашего сайта. При его выборе обратите внимание на показатель Uptime — время бесперебойной работы. Оно должно быть максимально приближено к 100%. Также желательно выбирать хостинги с понятным функционалом и русской службой поддержки. Именно к ней вы будете обращаться, если сайт перестанет работать.

Как и доменное имя, хостинг арендуют. Цена аренды зависит от объёма хранилища. Поэтому если вы не планируете создавать крупный портал, то дорогой хостинг вам не понадобится. Но и пользоваться бесплатными хостингами для сайта тоже не стоит — это ненадёжно. Сервер может внезапно «упасть», и все материалы с вашего сайта пропадут на неопределённое время.

Шаг 5. Выбираем платформу, или движок сайта

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

Платформу можно создать тремя способами:

• с помощью конструктора сайтов;
• с помощью CMS;
• написать код самостоятельно.

Конструкторы сайтов

Вариант, который больше всего подходит для новичков. Создать сайт на конструкторе почти так же легко, как зарегистрироваться в социальной сети. По умолчанию вам будет присвоено доменное имя конструктора, то есть название_вашего_сайта.wix.com. Но многие сервисы дают возможность доплатить и убрать название конструктора из адреса.

«Сайт на конструкторе я советую делать только в том случае, если нужно получить результат максимально быстро и дёшево. Например, необходимо протестировать новый сегмент рынка или продать билеты на мероприятие. Для капитальных сайтов конструкторы не подходят. Такие ресурсы тяжелее продвигать».

Примеры конструкторов: Tilda, Mobirise, Wix, Nethouse.

СMS-системы

СMS, или Content Management System — это система управления сайтом, также называемая админкой. Они бывают платные и бесплатные.

Самая известная бесплатная система администрирования — WordPress. На ней создано около четверти всех сайтов в интернете. Она отлично подходит для блогов, сайтов-визиток, портфолио, корпоративных сайтов. Для новичков это идеальный вариант: управление админкой интуитивно понятно и не требует специальных знаний.

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

Самая известная платная CMS — «1С-Битрикс». Она позволяет создавать крупные сайты и может интегрироваться с системой 1C — это особенно важно для интернет-магазинов.

Самостоятельное написание кода сайта

Чтобы создать сайт с нуля, нужно будет пройти три основных этапа:

1. Отрисовка макета сайта. На этом этапе дизайнер продумывает, как будут выглядеть основные элементы сайта — «шапка», меню, блоки с информацией, баннеры. Обычно для этого используют Adobe Photoshop или другие графические редакторы.
2. Вёрстка. На этом этапе пишется код, а созданные элементы вшиваются в сайт.
3. Внедрение PHP. Сайт перестаёт быть просто картинкой, пользователи могут взаимодействовать с ним, например оставлять заказы.

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

Шаг 6. Собираем семантическое ядро сайта

Семантическое ядро сайта — это набор ключевых запросов, по которым пользователи будут находить ваш сайт в поисковых системах — Гугле и Яндексе. Например, «купить мебель тверь», «торты на заказ москва» или «сшить шторы на заказ сокол». Составив список таких запросов, вы поймёте, какие статьи и новости потребуются для продвижения сайта. Если на сайте будет большое количество экспертной, хорошо структурированной и часто обновляемой информации по определённой теме, поисковики будут чаще показывать сайт в выдаче. Так клиенты смогут попадать к вам прямо из поисковиков.

Подобрать запросы по вашей теме, или «ключи», можно с помощью бесплатного сервиса Яндекс.Wordstat. В нём нужно вбить слова, связанные со сферой деятельности компании, и посмотреть, как часто люди ищут их в интернете. Чем больше цифра, тем популярнее запрос. Не стоит писать статьи только на популярные темы — так вы не сможете продвинуться. Ориентируйтесь и на запросы средней популярности.

Шаг 7. Продумываем структуру сайта

Теперь, когда вы разобрались с типом сайта и семантическим ядром, можно набросать структуру. Это своеобразная схема страниц сайта. Сделать её можно даже на бумаге. Чтобы поисковики показывали сайт в начале поисковой выдачи, соблюдайте такие рекомендации:

1. Сделайте возможность попадать на главную с любой страницы. Например, с помощью шапки сайта и логотипа, на которые всегда можно кликнуть.
2. Не забудьте «хлебные крошки». Это кнопки, с помощью которых можно вернуться на шаг назад с любой страницы сайта. Например, в магазине одежды уйти со страницы конкретного платья обратно в общий каталог.
3. Не создавайте более 4 уровней страниц. Стоит остановиться на: Одежда —> Платья —> Праздничные платья —> Платья для свадьбы.

Шаг 8. Готовим контент сайта

Перед запуском сайта стоит подготовить содержимое, то есть тексты, фото и видео, чтобы страницы не были пустыми. Вы можете делать это сами или доверить специалистам — копирайтерам и контент-менеджерам.

Вот на что стоит обратить внимание:

• Тексты должны быть уникальными. Не стоит копировать статьи с сайтов конкурентов или перепечатывать странички из Википедии.
• Фотографии и видео не должны много весить. Например, вес одной фотографии не должен превышать 1 Мб. Некоторые CMS автоматически ужимают фотографии или позволяют это сделать при загрузке. Если такой опции нет, оптимизировать фото можно онлайн с помощью разных конвертеров или в графических редакторах типа Adobe Photoshop.

Шаг 9. Проверяем юзабилити, или удобство использования сайта

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

• Шрифт сайта не слишком мелкий.
• Нет большого количества всплывающих окон, которые мешают пользователю видеть основную информацию на странице.
• Есть «хлебные крошки», благодаря которым пользователь в любой момент может вернуться на предыдущую страницу.
• С главной страницы пользователь может легко попасть на второстепенные страницы, например с каталогом товаров.
• Пользователь может найти всю необходимую информацию об оплате, доставке, возврате и контактах.

«Сейчас в тренде максимальная простота. Считается, что пользователь должен сделать не больше 2 кликов от момента входа на сайт до целевого действия, например нажатия кнопки «Добавить в корзину». Если путь длиннее, вы можете потерять клиентов».

Шаг 10. Создаём дизайн

Если вы используете конструкторы или системы типа WordPress, то можете выбрать дизайн из готовых бесплатных шаблонов — сделать это так же легко, как сменить заставку на телефоне. Если же вам хочется добавить сайту индивидуальности, придётся вникнуть в основы HTML и СSS. Тогда шаблон можно будет доработать под свои нужды: изменить шапку сайта, поменять цвета.

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

Шаг 11. Приступаем к вёрстке

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

Самостоятельно сверстать сайт можно в программах Atom, Sublime и Visual Studio Code.

Шаг 12. Запускаем сайт

Перед запуском нужно протестировать в браузере, всё ли работает правильно, и только после этого открывать доступ для всех.

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

Бонус: индексация в поисковых системах

Чтобы сайт попал в поисковые системы Google и Яндекс и отображался по разным запросам, нужно, чтобы поисковые машины его проверили. Этот процесс можно ускорить, если создать файлы robots.txt и sitemap.xml и отправить их в Яндекс.Вебмастер и Google Search Console.

Файл robots.txt создаёт программист, который пишет код сайта. В этом файле указаны рекомендации для поисковиков — что им можно сканировать, а что нет. Например, стоит запретить поисковику просматривать содержимое корзины клиента и системные файлы.

Файл sitemap.xml — это карта сайта. В ней указано, как организованы страницы на сайте и как обновляется информация на них. Это нужно, чтобы поисковик запомнил, как часто нужно сканировать ваш сайт и обновлять результаты в выдаче.

Важно время от времени проводить анализ индексации. Особенно если на вашем сайте много страниц и они часто обновляются. Узнать, индексируют ли вас поисковики, можно несколькими способами:

1. Ввести в поиске site: и название вашего сайта, например site: profi.ru. Количество результатов будет равняться количеству одобренных поисковиком страниц.
2. Посмотреть Google Search Console в разделе «Индекс Google — Статус индексирования» и в Яндекс.Вебмастере в разделе «Индексирование — Страницы в поиске».
3. Воспользоваться расширениями для браузера RDS Bar, который отобразит, была ли проиндексирована конкретная страница.

Есть несколько причин, по которым поисковики могут индексировать не все страницы:

1. Сайту меньше 3 месяцев.
2. В файле robots стоят ограничения на индексацию определённых страниц.
3. Вы редко обновляете информацию на сайте и создаёте новые страницы.
4. У сайта низкая скорость работы, страницы медленно загружаются. Это может произойти, если на страницах есть «тяжёлые» фото или видео.
5. Поисковики наложили на вас санкции за использование мошеннических схем или «серого» продвижения.

Instagram* («Продукт компании Meta, которая признана экстремистской организацией в России»).

Лендинг служит для быстрого привлечения внимания к продукту, убеждения потенциального клиента в его полезности и некоторой исключительности на фоне подобных предложений. Человек, пробежавшись глазами по секциям одностраничника, начинает проявлять заинтересованность в продукте, даже если изначально не особо в нём нуждался. Он воспринимает доводы, сомнения разглаживаются, настороженность или даже тревожность, которые сопровождают ситуации расставания с кровно заработанными, рассеиваются, появляется чувство предвкушения удовлетворённости от результатов сделки. И человек покупает/подписывается/заказывает и т. д.

Примерно так работает хороший лендинг. Полуслучайный прохожий попадает на страницу и покупает десятый по счёту чехол на свой iPhone, отличный «брендовый» бумажник с тройной скидкой или какой-нибудь курс по секретной технике йоги от всех существующих болезней. Потому что условия выгодные, польза от сделки очевидная, всё разложено и разглажено что с практической, что с эмоциональной стороны вопроса. Море удовольствия за пару монет, почему бы и нет, в чём риск?

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

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

Лучшие движки для продающих сайтов

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

uKit – доступный сервис для создания первого лендинга → детальный обзор

Официальный сайт:	ukit.com
Год основания:	2015
Страна:	Россия
Бесплатный период:	14 дней
Платные тарифы:	$4 — $12 в мес.
Сложность:	Очень простая

uKit – сервис для создания многостраничных бизнес-сайтов. Он прекрасно подходит и для публикации лендингов, есть набор из 18 одностраничных адаптивных шаблонов. Редакторы у систем одинаковые, набор виджетов очень схож. Стоимость ниже в 2 раза за счёт отсутствия профильных средств анализа конверсии одностраничников, A/B-тестов и возможности вставки своего кода на младших тарифах. В остальном – примерно то же самое. Отличный вариант для проб пера на ниве сбора конверсии с минимальными вложениями. Для получения статистики используется Google Analytics или/и Яндекс.Метрика, сводки которых будут интегрированы в панель управления после синхронизации.

uKit обладает богатым набором коммуникаций и маркетинговых инструментов. Интеграция социалок, онлайн-консультанта, систем уведомлений, почтовых рассылок, Пикселей ВК и Facebook, парочки CRM, калькулятора услуг uCalc, магазина от Ecwid и платёжных систем – всё это позволяет создавать эффективные воронки продаж и обрабатывать поток клиентских заявок. Визуальный редактор прост в использовании, страницы получаются привлекательными, их стили легко редактировать: цвета, шрифты, фоны (видео тоже), анимации. Можно добавить всплывающие окна с акциями, предложениями и прочими вещами. Движок хорошо оптимизирован, страницы быстро загружаются и хорошо смотрятся на любых экранах.

Плюсы:

• Подходит новичкам – предпринимателям и всем остальным желающим попробовать продавать одностраничниками;
• Хороший набор профильных шаблонов различных тематик;
• Достаточный набор виджетов для сборки качественного лендинга;
• Структура секций из коробки оптимальна для оформления лендингов, контент смотрится выразительно;
• Солидный пакет интеграций социальных и маркетинговых сервисов;
• Высокая скорость загрузки страниц;
• Доступная стоимость;
• Бесплатное и автоматическое подключение SSL к домену;
• Простота: лендинг можно запустить за 1 вечер без опыта разработки сайтов;
• Внимательная техподдержка.

Минусы:

• Нет встроенных профильных инструментов для анализа конверсии;
• Нет возможности проведения A/B-тестов.

Стоимость:

1. Премиум ($5/мес) – оптимальный тариф для создания лендингов, доступ ко всем виджетам и необходимым настройкам.
2. Премиум + ($10/мес) – премиальные шаблоны, расширенная статистика для анализа конверсии.
3. Магазин ($12/мес) – корзина магазина, приём онлайн-оплаты.
4. Про ($15/мес) – возможность вставки своего кода на страницы.

*Примечание: используйте промо-код UGUIDE-25 для снижения стоимости тарифов на 25%. Также при оплате за год вперёд цена упадёт ещё на 25%.

Как создать продающий сайт в uKit

Самый простой вариант создания лендинга в Юкит – наполнение своим контентом готового одностраничного шаблона, которых здесь несколько десятков. Они адаптивные, имеют грамотно выстроенную структуру согласно тематике и практически не требуют доработок. Не забывайте использовать виджет таймера, всплывающие окна и онлайн-консультанта – эти вещи способны серьёзно поднять продажи. Никакого кодинга, лишних телодвижений – за вечер можно наполнить контентом и опубликовать яркую страницу, способную эффективно продавать что-либо. Самый удобный вариант для новичков.

WordPress – лучшая CMS для создания лендингов → детальный обзор

Официальный сайт:	ru.wordpress.org
Год основания:	2003
Страна:	Весь мир
Бесплатный период:	Неограниченный
Платные тарифы:	отсутствуют
Сложность:	Простая

WordPress – бесплатный и универсальный движок благодаря многочисленным плагинам. Благодаря уже завоёванной популярности, на его процветание реально трудится весь мир. Шаблонов десятки тысяч, среди которых куча качественных бесплатных для одностраничных сайтов. Платные обладают большей долей уникальности и порой качества. Панель управления из коробки простейшая, даже проще многих конструкторов за счёт отсутствия нагромождения функций на все случаи жизни. Благодаря бесплатным плагинам вроде Elementor и штатного Gutenberg система становится аналогом конструктора с визуальным редактором, в котором очень удобно собирать небольшие сайты, особенно лендинги. Прекрасный вариант для новичков.

У вас будут шаблоны секций и целые макеты, в которые можно просто добавить контент и публиковать. Можно и без плагинов: возьмите хороший одностраничный шаблон с богатыми настройками, хотя бы минимально настройте внешний вид (цвета, шрифты, структура), добавьте информацию и публикуйте. Сбор статистики можно организовать в любом формате за счёт тех же плагинов – без ограничений, всего навалом. Тесты, воронки продаж, маркетинг, интеграция внешних сервисов – всё что душе угодно в любом количестве. Не забудьте о качественном хостинге – WP работает быстро и чётко, но прожорлив к ресурсам сервера. Дырявый копеечный хостинг испортит всё дело, о бесплатном даже не думайте – отобьёте себе охоту работать надолго.

Плюсы:

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

Минусы:

• Бедность возможностей из коробки – придётся компенсировать подходящими по условию задачи плагинами;
• Большая нагрузка на сервер – на слабом хостинге сайт будет тормозить;
• Нужна бдительность при выборе шаблонов и плагинов, есть риск попасть на хлам, испортив себе проект. Читайте отзывы, берите проверенное.

Стоимость:

WordPress можно скачать/использовать бесплатно в любых целях. Но ему нужен хостинг. И домен, само собой, как и любому другому сайту, независимо от движка. Его стоимость зависит от регистратора и доменной зоны – примерно $15/год. В целом, минимальная цена использования WP равна стоимости хостинга. Мы рекомендуем Bluehost – лучший, официально рекомендуемый разработчиками движка провайдер. Приводим его расценки в качестве показателей себестоимости использования WordPress:

1. Basic ($2.95 в мес) – 1 проект с 1 доменом и 25 поддоменами, 50 Гб на SSD-диске, неограниченный трафик, бесплатный сертификат SSL.
2. Plus ($5.45 в мес) – безлимит на количество проектов и дискового пространства, доменов и поддоменов, в подарок 1 домен на выбор и SSL-сертификат к нему на 1 год.
3. Choice Plus ($5.45 в мес) – всё то же самое, плюс подарок в виде ПО для удобства операций над резервными копиями (CodeGuard Basic Backup).

Как создать продающий сайт в WordPress

Используя расширенный хостинговый тариф, вы сможете опубликовать неограниченное количество лендингов под множество товаров, значительно увеличив охват и прибыль по итогу. Себестоимость каждой страницы будет низкой. Используя профильные плагины для сборки лендингов, вы сможете создавать их разнообразные варианты довольно быстро. Маркетинговых примочек у WP море – рекламируйтесь где угодно и сколько угодно, ведя параллельно множество страниц. Движок не требователен к навыку, обладает высокой итоговой эффективностью в производстве лендингов при связке с хорошим хостингом.

uCoz – движок для создания интересных страниц и продвинутой аналитики → детальный обзор

Официальный сайт:	ucoz.ru
Год основания:	2005
Страна:	Россия
Бесплатный период:	Неограниченный
Платные тарифы:	$2.39 – $12.79 в мес.
Сложность:	Выше среднего

uCoz – мощный конструктор для создания продвинутых лендингов со сложным дизайном, структурой и функциональностью. Можно использовать бесплатно, причём, подключив свой домен. Подходит для веб-мастеров и обычных пользователей. Позволяет без проблем выстроить структуру лендинга в визуальном редакторе (нужно активировать доступ к нему админпанели), вы сможете вручную добавлять/удалять различные блоки, настраивать их содержание и внешний вид примерно так же, как это реализовано в WYSIWYG-системах. Лучший вариант для новичков – купить премиум-шаблон (около $20) из встроенного в панель управления магазина. Там множество видных одностраничных вариантов, превосходящих на голову среднестатистические по рынку. Вам останется заполнение контентом и, возможно, внесение небольших правок под свою задачу в визуальном редакторе. Самый простой путь получения классного лендинга.

Кроме того, есть возможность загрузки собственных шаблонов и добавления PHP-скриптов на платных тарифах, что понравится бывалым разработчикам. Синхронизация с любыми веб-сервисами (социалки, CRM, платёжные системы, складские, живые чаты, push-уведомления и т. д.), встроенный конструктор кастомных форм для сбора заявок, продвинутая статистика и маркетинговые возможности, полный доступ к коду страниц, личные кабинеты для клиентов, расширенные параметры безопасности и пользовательские политики, SSL-сертификат, адаптивность сайтов – всё это и многое другое движок предоставляет. Вы сможете собрать в нём шикарный лендинг под дропшиппинг, продажу складских запасов или продуктов мелкосерийного производства (крафтовая мебель, одежда, сувениры и т. д.). Конструктор позволяет вести рекламные кампании, даёт детальные отчёты о посещаемости, источниках продаж и клиентах. Ультимативное решение для людей с серьёзным подходом к делу.

Плюсы:

• Возможность создания красивых, разнообразных страниц под любые цели;
• Встроенный магазин отличных и недорогих шаблонов, способных производить впечатление на покупателей;
• Подходит и новичкам, и опытным веб-мастерам;
• Наличие визуального редактора, но его нужно включить в админпанели (по умолчанию отключён);
• Возможность создания лендинга бесплатно на своём домене;
• Полный доступ к коду со всеми вытекающими: подключение любых внешних веб-сервисов, скриптов, произвольная правка шаблонов;
• Продвинутые SEO и маркетинговые возможности;
• Подробные статистические отчёты по всем событиям сайта;
• Адекватная техподдержка.

Минусы:

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

Стоимость:

1. Минимальный ($2.39/мес) – маленький рекламный баннер системы, доступ к файлам сайта по FTP, 1 Гб дискового пространства;
2. Базовый ($4.79/мес) – полное отсутствие системных рекламных интеграций, премиальная техподдержка, SSL-сертификат, модуль Яндекс.Фиды, 2 Гб дискового пространства.
3. Оптимальный ($6.39/мес) – бесплатный домен и премиальный шаблон при оплате за год, расширенные возможности SEO-модуля, 10 Гб дискового пространства.
4. Магазин ($7.99/мес) – доступ к eCommerce-модулю, 10 Гб дискового пространства.
5. Максимальный ($12.79/мес) – прямая связь с техподдержкой через лайвчат, 20 Гб дискового пространства.

Как создать продающий сайт в uCoz

Хотя среди бесплатных шаблонов нет лендинговых, но вы можете взять любой, который понравится, из бесплатных, убрать лишние страницы, а затем отредактировать структуру и внешний вид блоков в визуальном редакторе. Это не особо сложно. Тем не менее, лучший путь – покупка одностраничного шаблона из платной библиотеки, так вы получите предсказуемо классный результат. Рекомендуем также подключить свой домен к лендингу и SSL – такие страницы вызывают больше доверия. В идеале стоит взять платный тариф без рекламного баннера – получите все возможности и презентабельный внешний вид.

Ecwid – плагин для прямых продаж любых продуктов → детальный обзор

Официальный сайт:	ecwid.ru
Год основания:	2009
Страна:	Россия
Бесплатный период:	Неограниченный
Платные тарифы:	950 – 5250 руб в мес.
Сложность:	Простая

Ecwid – интересный вариант для тех, кто хочет продавать онлайн один или несколько продуктов со страницы. То есть не просто получать заказы через форму, а сразу же принимать оплату по ним. Это плагин, который позволяет интегрировать витрину на любой сайт, дать ссылку на неё в мессенджере, почтовом письме или паблике в соцсети. Также он позволяет публиковать самостоятельные страницы (сайты) для продажи товаров или услуг. Корзина, настройки оплаты, доставки, валют, регионов, выдача чеков, подключение к каналам продаж – всё это и многое другое доступно. Настроек очень много – речь идёт о полновесном eCommerce-решении, а не о каком-то компромиссном, промежуточном варианте. Можно опубликовать и продавать до 10 товаров бесплатно – для лендинга более чем достаточно. Хендмейд, дропшиппинг, тестирование офферов при выводе на рынок – хоть сейчас без вложений запускайте страницу и торгуйте. Также можно использовать ресурсы плагинов на движках, которые не предусматривают магазинный модуль или просят за него слишком дорого.

Создать отдельный одностраничник с магазином можно, зайдя в раздел «Обзор каналов», называется опция «Стартовый сайт». Здесь вы сможете настроить структуру и дизайн страницы: тема оформления (выбор одного из десятков адаптивных шаблонов), вступление и обложка (заголовок, описание, дизайн хедера), внешний вид и формат витрины, страницы товара и категорий. Вы будете получать уведомления обо всех заказах, детальную статистику эффективности, работать с почтовыми рассылками по базе клиентов и т. д. Также сможете продвигать лендинг рекламой в Facebook, Google, Pinterest и Snapchat. Комиссия с продаж нулевая. Более того, на бесплатном тарифе можно прикрепить любой домен взамен поддомена системы, который выдаётся изначально. Платные тарифы предоставляют более широкие возможности по торговле на внешних площадках, маркетингу, дают доступ к мобильному приложению для управления страницей и многое другое.

Плюсы:

• Возможность бесплатного запуска лендинга с приёмом оплаты и доставкой товаров, причём, на своём домене;
• Возможность рекламировать одностраничник в популярных соцсетях на бесплатном тарифе;
• Доступ ко многочисленным способам оплаты и доставки, возможность добавлять собственные варианты;
• Есть поддержка продаж цифровых товаров (графика, музыка, видео) и услуг;
• Адаптивный дизайн страниц – лендинг будет отлично выглядеть на экранах любых устройств;
• Подробная отчёты по эффективности;
• Развитая SEO-составляющая;
• Возможность дополнительного размещения витрины с товарами практически где угодно;
• Можно создать множество лендингов с парой товаров на каждом, подключив к ним нормальные домены, всё это бесплатно;
• Простота использования и настройки для новичков – домохозяйка здесь налегке за пару часов запустит свою продающую страницу с любым товаром;
• Публикация 10 товаров бесплатно;
• Толковая техподдержка.

Минусы:

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

Стоимость:

1. Venture (950 руб/месяц) – публикация 100 товарных позиций, торговля на Facebook, возможность интеграции витрины в сайты на любых конструкторах и CMS, доступ к мобильному приложению iOS/Android, продвинутые SEO-возможности, маркетинговые программы для клиентов, живой чат с техподдержкой.
2. Business ( 2275 руб/месяц) – публикация 2500 товарных позиций, расширенные маркетинговые возможности для стимуляции продаж, автоматический подсчёт стоимости доставки, исходя из габаритов товара, 2 аккаунта для менеджеров, 2 часа рабочего времени штатного специалиста системы для решения ваших задач, прямая связь с техподдержкой по телефону.
3. Unlimited ( 5250 руб/месяц) – публикация неограниченного количества товарных позиций, полная функциональность панели управления, 12 часов рабочего времени штатного специалиста системы для расширения возможностей магазина кастомными функциями, мобильное приложение магазина для ваших клиентов, приоритетная техподдержка.

Как создать продающий сайт в Ecwid

В настройках редактирования активируйте опцию «Одностраничный каталог товаров» для оптимальной подачи предложения. В прочих настройках деактивируйте навигационную цепочку – она лишняя при малом объёме товара. Не забудьте загрузить логотип и поставить стрелку быстрой прокрутки наверх. Можно также добавить меню со ссылками на аккаунты социалок, карту с адресом, график работы магазина и отдельные разделы одностраничника – это по желанию, смотрите как лучше конкретно для вашего случая.

Divly – создание одностраничников под ключ

Официальный сайт:	divly.ru
Год основания:	2018
Страна:	Россия
Бесплатный период:	14 дней
Тарифы за услуги:	3900 руб. за сайт

Divly – веб-студия для широких масс. Без гламура, суперцен, эксклюзивов от «дизайнера с мировой известностью» по цене нового BMW и прочих мало интересных для среднестатистического предпринимателя нюансов. Если коротко, то вам сделают продающий сайт — лендинг за 3900 рублей. Регистрируетесь, делаете заказ, даёте тему оффера, ваш специалист трудится над ТЗ, вы следите за прогрессом из личного кабинета. Можете задавать вопросы, корректироваться по ситуации, запрашивать доработки, если результат чем-то не устраивает. Так или иначе, вы получите лендинг по своей теме, который сможет продавать целевой аудитории продукт.

Такой подход интересен всем, кто просто хочет результат, не вникая в нюансы построения эффективных страниц, правильные тексты (их тоже можно заказать здесь) и прочее. Есть возможность заказа настройки и запуска контекстной рекламы – основного инструмента привлечения трафика на лендинг. По итогу, страница обойдётся вам тысяч в 15 рублей на год (сюда входит аренда хостинга и сопутствующие услуги). Сколько она сможет принести за это время? Кто знает, зависит от продукта и щедрости вашего рекламного бюджета. Как минимум, получится раз в 5 больше вложений. Лендинг будет создан на базе uKit или uLanding – по вашему выбору.

Плюсы:

• Поставьте задачу и забудьте – вам всё сделают правильно;
• Можно следить за прогрессом из личного кабинета, общаться с исполнителем;
• В системе более 200 специалистов – заказ возьмёт профильный разработчик, сдавший до вашего сотни подобных проектов;
• Скорость выполнения работы – 5-7 дней со всеми доработками, текстами и настройкой рекламы;
• Реалистичные, не раздутые цены услуг;
• Гарантия результата, много отзывов реальных клиентов, которые можно посмотреть на сайте студии.

Минусы:

• Узкая специализация, работают только с движками uKit Group;
• Не забывайте: стоимость работ не включает стоимость тарифа конструктора, его нужно дополнительно оплачивать.

Стоимость услуг:

1. Создание продающего сайта (лендинга) – 3900 рублей
2. Настройка и запуск контекстной рекламы страницы – 3990 рублей
3. Разработка графики (баннеры, лого и т. д.) – от 1000 рублей
4. Тексты для страницы и SEO-оптимизация – от 1000 рублей

Что такое продающий сайт?

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

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

Количество продаж зависит и от удачности самой страницы/оффера, и от качества трафика. Если конверсия 4-7%, это нормальный результат. Мифические 20-30% лучше выбросить из головы, иначе разочаруетесь раньше времени в этом способе заработка. Давайте теперь обсудим подходы и принципы к созданию эффективных одностраничников.

Правила создания идеального продающего сайта

Вы уже знаете, где можно технически создать лендинг и с комфортом его курировать. Теперь речь пойдёт о нюансах. Давайте обозначим общие принципы и дадим некоторые советы:

1. Одна страница – один продукт, одна цель. Всё должно быть просто и бить в одну точку. Внимание клиента должно быть сконцентрировано на одном товаре или услуге, весь контент на странице должен крутиться и продвигать её. И ничто другое. Если есть желание охватить несколько офферов, можете использовать мультилендинги (одной целевой аудитории покажут страницу о «Купить дом», другой – «Купить гараж», к примеру). Нагромождение целей приводит к тому, что ни одну из них страница не закроет, поверьте.
2. Лендинг – это отдельный сайт. Некоторые думают, что можно сделать в формате лендинга главную страницу (или любую другую) многостраничного сайта, убив двоих зайцев таким подходом и обманув судьбу. Не стоит так делать, это не работает. Внимание посетителей будет рассеяно, они осмотрятся и пойдут дальше.
3. Лендинг должен быть адаптивным. Сейчас больше половины трафика идёт со смартфонов, поэтому запускать сайт, который плохо выглядит на таких экранах, не имеет смысла.
4. Чем точнее и короче текстовые формулировки, тем лучше. Человек, зайдя на страницу, в течение следующих 5-7 секунд должен понять, где он, в чём суть предложения, какую пользу он получит с этого и что для этого нужно сделать. Не нужно ходить вокруг да около: «Хит лета: удобный, прочный шезлонг за 3000 рублей, зонт в подарок». Заголовок отвечает на все вопросы сразу. Если первично интересно, клиент дальше почитает, заразится идеей и купит.
5. Скорость загрузки важна. Многие заходят со смартфонов, Интернет не везде быстрый, поэтому оптимизация страниц важна, как и адаптивность. Если посетитель в течении 5-7 секунд не дождётся загрузки, то закроет вкладку. Благо, конструкторы и так быстро работают. Замечание актуально, скорее, для CMS – там вы хостинг сами выбираете, от него во многом зависит скорость, есть пространство для ошибок.
6. Обязательно сопровождайте продукт изображением. Если это курс, тренинг, то есть нечто нематериальное, то всё равно сделайте трёхмерную модель коробки с тематическим изображением сути курса. Визуализируйте всё важное, используйте графику – диаграммы, фото, таблицы, если это поможет аппетитно презентовать продукт.
7. Всегда должно быть чётко выраженное целевое действие. Подписка, покупка, заказ. Причём, кнопки CTA (Call to Action) нужно подписывать с подтекстом пользы для клиента. Например, не стоит писать «Отправить» под формой. Лучше написать «Получить/загрузить/присоединиться сейчас».
8. Добавляйте кнопки «Поделиться» социальных сетей – это поможет немного увеличить прибыль со страницы.
9. Навигация и структура должны быть простыми. Уберите всё лишнее из того, что не влияет на принятие решения клиентом. Не нужно анекдотов, отвлечённых рассказов, попыток параллельно продать сопутствующий товар. Создайте смысловой тоннель без развилок, ведущий посетителя к покупке.
10. Очень хорошо работают подарки: купили мангал — пакет углей в подарок, например. То же касается скидок: обычно товар стоит 2000, но сейчас 1000, да ещё интересная книжка в подарок, придёт на почту после оплаты заказа. Придумывайте акции, в общем.
11. Используйте A/B-тесты. Не обязательно с первой же страницы играть в гуру маркетинга. Но! Если войдёте во вкус, тестирование поможет лучше понимать целевую аудиторию и делать более эффективные страницы. Поверьте, далеко не всегда сможете предсказать реакцию публики на вашу подачу оффера правильно, иногда она будет неожиданно хорошей или плохой. Тесты же не обманут, покажут реальную картину и позволят сделать верные выводы без домыслов.

Для удачной подачи предложения нужно быть хоть немного психологом, понимать целевую аудиторию. Ради чего и каких формулировок она сможет расстаться с деньгами? Что важно для этих людей, какие доводы рассеивают опасения, какие стороны продукта привлекают? Чем точнее вы будете представлять портрет этих людей, тем более эффективный оффер получится составить.

Например, для целевой аудитории подростков может быть уместным клич вроде «Не тормози, хватай доску в полцены, пока есть!». Разумеется, подобный заход для зрелой аудитории будет вульгарным, неуместным. Не нужно пытаться написать для всех, угодить всем. Затачивайте тексты под вкусы и мироощущение тех, кто должен купить ваш продукт. Остальные вам не интересны: бабушка вряд ли купит набор гантелей, а состоятельный человек – чехольчик с динозавром. Им ваш оффер неинтересен — ничего страшного, лишь бы смог зацепить целевую аудиторию.

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

• Заголовок в шапке и подзаголовки, если они нужны для более полного раскрытия цели страницы;
• Точное и краткое описание предложения вроде «Ботинки Ecco с 50% скидкой, модель 2020 года»;
• Набор изображений продукта и, если есть, видео. Всё должно быть в хорошем качестве;
• Отзывы клиентов либо какие-то другие доказательства качества/компетентности/законности и прочих вещей, которые помогут убедить клиента принять решение без опаски;
• Призыв к действию. Обычно это форма с кнопкой, характер которых зависит от сути оффера.

Всё вышеперечисленное должно быть обязательно. Можно добавить статистику достижений компании, таймер с акцией, дублировать призыв к действию (например, поставить в шапке и перед футером), добавить подробные контакты (телефон, карту, социалки т. д.), развёрнутый блок с преимуществами продукта – с картинками, схемами, по пунктам и т. д. Если что-то из перечисленного неуместно или никак не поможет продать, то не используйте. Чем чётче, убедительнее посыл лендинга и короче дорожка к цели, тем лучше. Если у вас сложный оффер, нужно больше информации – делайте больше, клиенту должно хватить имеющихся вводных для принятия решения.

Примеры хороших продающих сайтов

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

Пример 1. Магазин строительных материалов «Реал Хоум»

Пример 2. Продажа купальников «MOREKUP»

Пример 3. Магазин букетов с сухоцвета «OlivaFlower»

Выводы

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

Новичкам рекомендуем использовать uKit, чуть более продвинутым предпринимателям отлично зайдёт Ecwid. Желающим получить перспективный опыт взаимодействия с лучшей CMS – WordPress. uCoz для тех, кто хочет из коробки получить максимум возможностей для создания продвинутых одностраничников с полным контролем за всеми этапами продаж и продвижения. Любой из этих инструментов покажет себя хорошо. Придерживайтесь описанных принципов, более-менее грамотно просчитывайте свои коммерческие предложения для целевой аудитории, и вы точно не останетесь в накладе. Минимум 3-5% конверсии получите с холодного старта.

• Автор:

Определяем цель

Это первоочередное – разобраться с вашими задачами и тематикой. Сначала решите, сайт будет продавать или информировать.

1. Классический пример коммерческого проекта – интернет-магазин. Здесь есть витрина товаров, разрабатывается форма заказа, корзина. Словом, придется тщательно поработать над функционалом.
2. Цель информационного – удовлетворить поисковые запросы пользователей. Работы здесь сравнительно меньше, основной упор делается на правильном оформлении статей, дизайне, навигации и т. д.

Выбираем тип

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

Интернет-магазин

В 2022 году один из самых популярных типов интернет-ресурсов. Его также называют e-shop. Основная цель – онлайн-торговля по всему миру. Клиенты магазина получают возможность сформировать заказ на покупку, выбрать способ оплаты и доставки, сравнивать характеристики и цены товаров и т. д.

Сайт услуг

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

Сайт-визитка

На английском business card website, а простыми словами – электронная визитка компании или отдельного человека. Включает описание деятельности, контактную информацию, портфолио или презентацию. Часто состоит всего одностраничник, которой бывает достаточно для размещения всей информации.

Сайт компании или корпоративный

Это уже полноценный многостраничный портал для продвижения бизнеса. Здесь есть меню, часто с категориями второго и третьего уровня. Информации много – новости компании, презентации, каталог услуг или товаров.

Порталы, новостные страницы

Разновидность тематического блога. Главная задача – оригинально подать достоверную информацию. Обычно на новостниках множество коротких статей и лонгридов, видео и фото. В топ самых популярных российских порталов этого типа входят Ria.ru, RBC, Kp.ru, Aif.ru и другие. Создание таких сайтов с нуля по пошаговой инструкции не предполагает наличие навыков программирования.

Форумы

Площадка для вопросов/ответов, дискуссий и комментариев на конкретную тему. Часто бывают прилинкованы к основной площадке, но встречаются и в отдельном виде. Среди самых известных – Searchengines.guru, RU Board, Rus-Chat и другие.

Придумываем название и доменное имя

Домен – это название web-ресурса, которое вводится в адресную строку браузера. Например, sitebond.ru или русфонд.рф.

В идеале доменное имя должно быть:

• уникальным – нигде в интернете более не встречаться;
• коротким и запоминающимся – желательно ограничиться 10-12 символами и не использовать тире, цифры и лишние знаки;
• включать имя бренда или ниши – если вы работаете с автомобилями, то ищите название в тему (autotop, drive, avtocar и т. д);
• быть не ниже второго уровня – это всегда платные домены, где после точки идет название (site.ru, site.com, site.рф).

Его придется оплачивать регулярно, так как он не покупается навсегда, а арендуется. Сейчас многие хостинг-провайдеры дарят домены клиентам, если они подпишутся на годовой тариф. Так что можно сэкономить на этом. 

Выбираем хостинг

Это свободное место на сервере, где будет храниться база данных. Его предоставляют в аренду несколько провайдеров, выбор стоит делать на основе следующих критериев:

• авторитет сервиса – лучшими сейчас считаются Beget, Regru, Timeweb;
• показатель Uptime – время бесперебойной работы сервера должно быть не меньше 99-100%;
• объем дискового пространства – для небольших web-ресурсов достаточно 30-60 Мб, но в дальнейшем нужно будет как минимум 100 Мб;
• хороший набор технических инструментов и функций – поддержка PHP, SSH, популярных движков и т. д;
• лучшее соотношение цены и качества – дешевый хостинг может не предоставить качественное обслуживание, а дорогой ничем не отличаться от бюджетного (поэтому надо анализировать подробно);
• наличие бонусов – комплект доменов и SSL в подарок можно получить у перечисленных выше провайдеров.

Выбираем платформу или движок сайта

Она включает программные решения и скрипты, которые создают функционирующий интернет-ресурс. Можно сравнить с операционной системой для компьютера, что говорит о важности грамотного выбора движка. Реализуется с помощью конструкторов, CMS или отдельного кода. Ниже рассмотрим каждый из вариантов по отдельности.

CMS-системы

Система управления контентом. Сейчас есть бесплатные и платные решения этого типа.

Топ CMS-систем, которые не требуют вложений

Сюда входят следующие движки:

1. WordPress. Самая популярная бесплатная CMS. Подходит для информационных и корпоративных блогов, порталов и форумов. Лучшее решение для новичков, так как управлять функциями удобно и просто, специальных знаний не требуется.
2. Joomla. Среди достоинств этого движка можно выделить тонкость настроек, но они сложные и требуют изучения. Управление тоже не совсем удобное – запутана структура шаблонов, часто выскакивают ошибки обновления плагинов. С другой стороны, если разобраться, то можно создать приличный промо-ресурс, каталог и даже полноценный портал.
3. OpenCart. Достаточная быстрая CMS, нетребовательная к ресурсам сервера. Благодаря этому на OpenCart часто делают интернет-магазины широкого спектра сложности. Из недостатков – неудобная панель управления, мало встроенных функций.

Топ платных CMS-систем

Сюда входят:

1. 1C-Битрикс. Профессиональная система управления. На основе движка создают различные коммерческие проекты. Популярный выбор для интернет-магазинов. Из плюсов: широкий функционал ecommerce, большое количество возможностей для масштабирования, стильный дизайн шаблонов.
2. CMS S3. Отличный вариант для лендингов под акции рекламной кампании. Здесь легко редактировать контент, предусмотрен раздел помощи и служба поддержки.
3. UMI. Подходит для реализации B2B кабинета, визитки, интернет-магазина или информационного портала. Функционал считается несколько устаревшим.

Топ конструкторов сайтов

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

Craftum

Платформа от российских разработчиков, отличающаяся удобством и простотой. Хороший вариант для новичков. Среди особенностей: готовые инструменты для отображения витрины товаров, уникальные дизайн-блоки для тонкой настройки внешнего вида, бесплатный SSL, неограниченное количество почтовых ящиков, адаптивная верстка и т. д. Жаль, что нет готовых решений для приема оплаты или уведомления клиентов. Цена использования в месяц – 197 рублей.

Tilda

Тильда не требуют знания кода. Предусмотрена бесплатная версия, которая не позволяет решать серьезные задачи. Для полноценной работы придется подписаться на платные тарифы – 500-700 рублей в месяц. В сервисе более 200 различных шаблонов и около 600 отдельных блоков (тип корзины, прием заказов, доставка товаров и т. д).

LPgenerator

Незаменим для создания посадочных. Функционал разработан вокруг генерации лидов и автоматизации продаж. Здесь есть много встроенных маркетинговых и аналитических инструментов (CRM, телефония, рассылки, квизы, всплывашки). Для новичков Lpgenerator сложный, так как здесь много опций, требующих изучения. Стартовая цена использования – 959 рублей в месяц.

WIX

Очередной конструктор, в котором есть сотни шаблонов, функция drag and drop, персональный домен, мобильная оптимизация. Цена платных тарифов в месяц начинается от $28. Предусмотрена также бесплатная версия, но с ограничениями по размеру дискового пространства.

Сравнение параметров конструкторов

Название	Для чего подходит	Кол-во бесплатных шаблонов	Цена в месяц
Craftum	Интернет-магазин, лендинги.	от 250	от 197 рублей
Tilda	Е-shop, информационные проекты.	от 200	от 500 рублей
LPgenerator	Визитки, лендинги.	от 300	от 959 рублей
WIX	Тематически форумы, инфоблоги.	от 500	от $28

Общие принципы создания сайтов на конструкторе

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

• выбор уникального дизайна;
• грамотный подбор цветовой палитры, размеров и типа шрифтов;
• разработка уникальной структуры;
• подготовка контента – тексты, изображения, графика.

Как создать в конструкторе Craftum

Действуем по инструкции:

1. Переходим на Craftum, регистрируемся и жмем «Создать сайт».
2. Выбираем шаблон. Используем встроенный поиск по категориям. Также можете воспользоваться «Пустой страницей», и самостоятельно добавить туда блоки.
3. Мы выбрали для примера категорию «Авто/Прокат автомобилей». Главная у нас теперь уже готова (форма заказа, меню, телефон). Далее жмем на режим редактирования и «Настроить».
4. Попадаем в редактор. Здесь можем добавить дополнительные блоки, оформить контент, дизайн, форму.
5. После внесения изменений, кликаем на «Опубликовать». Теперь страница открывается в браузере, ей присвоен урл и домен третьего уровня.

Бесплатный период составляет 10 дней. Затем придется выбрать один из платных тарифов, привязать уникальный домен, добавить разделы и начать их наполнять контентом.

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

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

Покажем на примере хостинга Beget:

1. Переходим на официальную площадку провайдера, регистрируемся и заходим в свою панель управления.
2. Кликаем в меню на «Домены и поддомены».
3. Вводим название приобретенного имени в строку.

Ждем 10-15 минут, пока домен успешно пропишется на DNS-серверах. Теперь приступаем к установке WordPress.

1. Идем в меню, кликаем на CMS.
2. Выбираем из списка WP.

Далее останется выполнить действия, согласно указаниям встроенного «Мастера настроек». Все делается в несколько кликов – прилинковываем и заполняем необходимую информацию (в частности, логин и пароль администратора). База данных устанавливается автоматически – в меню появится файловый менеджер со всеми папками ресурса.

В админку можно зайти по адресу «название вашего домена/admin». Вордпресс предоставляет массу инструментов для редактирования. Начните работать – задайте имя, настройте внешний вид, разработайте главную страницу, загрузите необходимые плагины.

Самостоятельное написание кода

Ниже инструкция для тех, кто имеет познания в HTML. Напишем вместе код и запустим его в Интернет.

Создание HTML-сайта

Наш web-ресурс будет самым простым, одностраничным:

• открываем стандартный блокнот на компьютере;
• вписываем туда базовый код;
• сохраняем документ, дав ему имя index.html.

Файл теперь можно будет открыть на любом браузере – Хром, Опера, Мозила. Код возможно редактировать и менять внешний вид, меню и прочее.

Ключевые этапы создания сайта

Чтобы создать его на HTML с нуля, надо придерживаться 3 базовых правил:

• макет – его рисуют в Фотошопе или других графических редакторах и получают визуальный пример;
• верстка – этап работы с кодом, направленный на адаптацию с мобильными устройствами и браузерами;
• внедрение PHP – трансформация статичного макета в динамический.

Создание макета

Итак, рисуем эскиз в Photoshop:

• открываем новый файл, присваиваем ему название;
• ставим разрешение 1000х1000 px;
• задаем настройки;
• вставляем линии, картинки, текст.

Верстка

Это написание кодов. Первая строка должна начинаться с <!DOCTYPE html>, чтобы браузеру стало ясно, как ему нужно читать файл. Затем пропишите набор требуемых тегов. Например, теги <header>..</header> отобразят шапку, а <footer>..</footer> – подвал.

Создание сайта с помощью PHP

На HTML далеко не уедешь – проект будет статичным и не изменится при обращении со стороны пользователей. Чтобы создать полноценный современный web-ресурс, потребуются навыки PHP, Python, JavaScript.

Советуем изучить инструкции по прорисовке макета, верстке и PHP. В рамках этой статьи рассказать об этом проблематично – разработка на уникальных кодах требует профессиональных навыков или помощи команды.

Немного об индексации в ПС

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

Создавать сайт с нуля или на конструкторе 

Перечислим плюсы и минусы каждого варианта:

1. Скорость. Для верстки нужна команда специалистов (дизайнер, верстальщик, программист). И даже в этом случае работа затянется минимум на 2-3 месяца, а по блокам разработка займет пару дней
2. Дизайн. У блогов на верстке нет никаких ограничений по функциональности – вы сможете реализовать все желания и фишки. Во втором случае используются готовые шаблоны с возможностью менять цвет, шрифт, оформление блоков, но не более того. Есть исключения – на Тильде можно с нуля разработать проект с оригинальным дизайном и анимацией.
3. Перенос на другой хостинг. У сверстанных блогов никаких сложностей с этим нет. На Tilda и прочих есть ограничения – лишь некоторые платные тарифы позволяют переехать.
4. SEO. Площадки с уникальным дизайном отдается предпочтение. Шаблонные web-ресурсы труднее продвигать, так как поисковые системы распознают такие блоки.
5. Простота. Единственный критерий, по которому выигрывают конструкторы. Разработать здесь их могут даже школьники.

Полезные программы для начинающих вебмастеров

Перечислим также парочку важных инструментов, которые помогут в работе новичкам:

• Photoshop – здесь будете рисовать макет;
• Notepad++ – профессиональный текстовый файл для редактирования исходного кода;
• Adobe Dreamweaver – отдельная программа для разработки, включает возможность режима просмотра офлайн;
• Filezilla – сервис для интеграции с хостингом;
• Evernote – классный планировщик задач, позволяет сделать заметки и получать к ним доступ с любого устройства.

Заключение

Описанные выше конструкторы заметно облегчат процесс разработки. Дадут возможность компенсировать пробелы в знаниях программного кода и верстки. Однако со временем все равно придется осваивать HTML, PHP и другие языки, чтобы успешнее работать и продвигать свой бизнес.

Как создать сайт для бизнеса самостоятельно

Редактор: Наталья Турашова

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

---

Руслан Белый

Технический директор Бизнес-секретов

Поделиться

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

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

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

Прежде чем создавать сайт, определитесь, какие задачи компании он будет решать. Например:

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

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

На что смотреть:

Источники для анализа целевой аудитории:

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

Контент сайта — его смысловое наполнение: структура, заголовки, текст, картинки. Начинать разработку контента стоит со структуры.

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

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

Подготовить контент для сайта. Когда готова структура, вам будет проще понять, какой для сайта нужен контент. Лучше всего начать готовить его заранее: определиться, нужно ли провести съемку, подготовить описания товаров, написать статьи, снять видео, инструкции. Если необходимо, привлеките для этого профильных специалистов: копирайтера, фотографа, видеографа.

При подготовке контента опирайтесь на предварительное исследование конкурентов и аудитории. Постарайтесь закрыть все вопросы ваших потенциальных клиентов.

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

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

Дальше нужно придумать само название домена. Вот несколько правил:

Выбрать хостинг. На что важно обратить внимание при выборе хостинга:

Прежде чем покупать хостинг, можно изучить информацию о нем на порталах вроде hosting101.ru или ru.hostings.info, где собрана информация о большинстве хостинг-провайдеров.

Есть три способа самостоятельного создания сайта:

Дальше коротко расскажем про каждый из них.

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

Чтобы создать сайт в конструкторе, нужен только сам конструктор и контент. Покупать хостинг или домен необязательно. Вам нужно только зарегистрироваться в конструкторе — и можно работать над сайтом.

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

С помощью бесплатного конструктора Тинькофф можно создавать практически любые сайты: лендинги, корпоративные сайты, интернет-магазины, сайты онлайн-школ. На одном аккаунте можно создать до 10 сайтов с неограниченным количеством страниц.

Разработать сайт на CMS. Создание сайта на CMS сложнее, там тоже есть готовые шаблоны, но намного больше возможностей для персонализации и верстки: можно сделать практически любой дизайн и функции. Для создания сайта на CMS, скорее всего, придется привлекать дизайнера и верстальщика, чтобы сделать макет дизайна сайта и сверстать его на основе CMS-системы.

Если решили делать сайт на CMS, сначала понадобится зарегистрировать домен и купить место на хостинге — сервере, где будет храниться база данных вашего сайта. Общий порядок действий такой:

В процессе установки и настройки каждой CMS свои нюансы. Поэтому лучше перед установкой почитать инструкции разработчиков — они есть у каждой популярной CMS.

Соберите сайт с нуля. Простую страницу в интернете с описанием своих услуг можно написать с нуля, используя язык HTML и стили CSS.

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

CSS, каскадные таблицы стилей, — язык, с помощью которого описывают внешний вид HTML-элементов. То есть программисты с помощью стилей прописывают, как должен выглядеть тот или иной элемент на странице.

Чтобы самому изучить и начать свободно пользоваться HTML и CSS, понадобится время, поэтому если вы хотите сделать сайт сами, быстрее использовать конструкторы сайтов или привлечь специалистов для помощи.

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

Скорость загрузки. Если сайт будет открываться медленно, пользователь может просто не дождаться загрузки информации и уйти к вашим конкурентам. Еще с недавнего времени Google стал учитывать скорость загрузки одним из факторов ранжирования сайта в поиске: чем быстрее сайт загружается, тем лучше будут его позиции. Это не главный фактор, но если сайт грузится намного медленнее конкурентов — это проблема, которую надо решить.

Для проверки скорости загрузки есть специальные сервисы, например PageSpeed Insights. Можете взять свой сайт и сайт пяти конкурентов с похожим наполнением и посмотреть, совпадает ли время загрузки.

Отображение в браузерах. Иногда в разных браузерах или на разных экранах блоки сайта и его контент могут отображаться по-разному. Самый простой способ проверки — установить все популярные браузеры, открыть в них сайт и посмотреть, все ли выглядит аккуратно.

Удобство для мобильных пользователей. Частая ошибка предпринимателей, которые делают сайты сами, — не проверить, как страница сайта будет выглядеть в мобильной версии. Если не подготовить ее отдельно, даже сайт, собранный в конструкторе, может отображаться некорректно.

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

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

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

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

Рекомендуем установить оба сервиса: от каждого можно получать разные данные.

Контекстная реклама — в основном это реклама в крупных поисковых системах, например Яндекс Директ. Может быть в виде текстовых объявлений со ссылкой на сайт или в виде баннеров или видео. Объявления отображаются в поисковых системах, когда пользователь вводит запрос в поисковик.

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

Медийная реклама — баннеры на сайтах, тематических площадках. Такая реклама показывается пользователям на основе определенных характеристик: возраста, интересов, географического положения.

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

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

Таргетированная реклама — это любая реклама в социальных сетях, например во Вконтакте или Одноклассниках.

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

SEO — оптимизация, которая помогает поднять сайт на первые страницы в поисковике и получить больше посетителей. Для этого используют ключевые слова — фразы в поисковых системах, с помощью которых пользователи ищут информацию. Например, «купить диван в Казани».

Главное