Как бесплатно самому создать одностраничный сайт

Как создать лендинг самому бесплатно пошаговая инструкция

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

Да легко, и Вы в этом убедитесь, прочитав статью и посмотрев примеры.

Как создать лендинг самому бесплатно пошаговая инструкция.

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

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

Однако недавно Google, создал свой собственный конструктор сайтов, с которыми вы можете ознакомиться по этой ссылке: sites.google.com

Именно здесь можно самостоятельно сделать бесплатно лендинг. 

Для того, чтобы начать, вам понадобится аккаунт в Google, то есть Гугл почта. 

Вот так выглядит панель управления:

Здесь есть небольшая галерея шаблонов для разных вариантов дизайна.

Как бесплатно самому создать одностраничный сайт

Например я нажал на портфолио, мне нужно поменять текст, фото и другие данные.

Как создать лендинг самому бесплатно пошаговая инструкция

Чтобы совсем с нуля создать сайт нужно нажать на пустой файл.

Откроется вот такое окно:

Как бесплатно самому создать одностраничный сайт

Здесь можно изменить изображение фона.

Как бесплатно самому создать одностраничный сайт

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

Как бесплатно самому создать одностраничный сайт

Потом редактируем заголовок.

Как бесплатно самому создать одностраничный сайт

Есть несколько вариантов первого экрана, которые отличаются размерами.

Как бесплатно самому создать одностраничный сайт

Темы оформления.

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

Как бесплатно самому создать одностраничный сайт

У меня сейчас простая тема, но я могу попробовать «Диполомат». Как видите у меня изменился цвет фона, текст и появилась рамка.

Как бесплатно самому создать одностраничный сайт

А вот еще вариант, пробуйте разные цвета, чтобы найти лучшее сочетание.

Читать также:
Конверсия лендинга (CR) - советы из практики

Как бесплатно самому создать одностраничный сайт

Для себя я сделал простой сайт по продаже воздушных компрессоров.

Как бесплатно самому создать одностраничный сайт

После заголовка, я сделал описание с фото и ценами.

Как бесплатно самому создать одностраничный сайт

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

Как бесплатно самому создать одностраничный сайт

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

Как бесплатно самому создать одностраничный сайт

А вот на смартфонах. Все элементы хорошо скомпонованы и не нужно никаких усилий, все происходит автоматически. Такого удобства иногда даже нет на платных конструкторах.

Как бесплатно самому создать одностраничный сайт

Дополнительные настройки.

Как бесплатно самому создать одностраничный сайт

Можно подключить свой домен или использовать адрес гугла.

Как бесплатно самому создать одностраничный сайт

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

Как бесплатно самому создать одностраничный сайт

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

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

Завершающий этап.

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

Как бесплатно самому создать одностраничный сайт

Короток о главном.

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

Здесь есть всё что нужно, хорошая скорость загрузки, сертификат безопасности, адаптивность и т.д.

Вам пригодятся эти статьи:

Повышение конверсии лендинга: 10 секретов практика

Как писать продающие тексты оффера для лендинга, примеры

Они помогут вам разобраться как придумать продающий текст и вообще сделать все по науке.

[expert_review_poll id=»7464″ params=»JTdCJTIydGl0bGUlMjIlM0ElMjIlRDAlOTIlRDElOEIlMjAlRDElODMlRDAlQjYlRDAlQjUlMjAlRDAlQkYlRDElODAlRDAlQkUlRDAlQjElRDAlQkUlRDAlQjIlRDAlQjAlRDAlQkIlRDAlQjglMjAlRDElODElRDAlQjQlRDAlQjUlRDAlQkIlRDAlQjAlRDElODIlRDElOEMlMjAlRDElODElRDAlQjAlRDAlQjklRDElODIlM0YlMjIlMkMlMjJzaG93X3RpdGxlJTIyJTNBJTIyMSUyMiUyQyUyMnNob3dfY291bnQlMjIlM0ElMjIxJTIyJTJDJTIyc3R5bGUlMjIlM0ElMjJzb2xpZC0xJTIyJTJDJTIyY29sb3IlMjIlM0ElMjJibHVlLTIlMjIlMkMlMjJtdWx0aXBsZSUyMiUzQWZhbHNlJTJDJTIyc2hvd19yZXN1bHRzX2J1dHRvbiUyMiUzQSUyMjElMjIlMkMlMjJhbnN3ZXJzJTIyJTNBJTVCJTdCJTIyaWQlMjIlM0ElMjIxJTIyJTJDJTIydGV4dCUyMiUzQSUyMiVEMCU5NCVEMCVCMCUyMiU3RCUyQyU3QiUyMmlkJTIyJTNBJTIyMiUyMiUyQyUyMnRleHQlMjIlM0ElMjIlRDAlOUQlRDAlQjUlRDElODIlMjIlN0QlMkMlN0IlMjJpZCUyMiUzQSUyMjMlMjIlMkMlMjJ0ZXh0JTIyJTNBJTIyJUQwJTlEJUQwJUI4JUQxJTg3JUQwJUI1JUQwJUIzJUQwJUJFJTIwJUQwJUJEJUQwJUI1JTIwJUQwJUJGJUQwJUJFJUQwJUJCJUQxJTgzJUQxJTg3JUQwJUI4JUQwJUJCJUQwJUJFJUQxJTgxJUQxJThDJTIyJTdEJTJDJTdCJTIyaWQlMjIlM0ElMjI0JTIyJTJDJTIydGV4dCUyMiUzQSUyMiVEMCVBMSVEMCVCNCVEMCVCNSVEMCVCQiVEMCVCMCVEMCVCQiUyQyUyMCVEMCVCMiVEMSU4MSVEMCVCNSUyMCVEMCVCQiVEMCVCNSVEMCVCMyVEMCVCQSVEMCVCRSUyMCVEMCVCOCUyMCVEMCVCRiVEMSU4MCVEMCVCRSVEMSU4MSVEMSU4MiVEMCVCRS4lMjIlN0QlNUQlN0Q=»]