Нетхаус конструктор сайтов: как создать сайт — инструкция для новичка

Что такое Нетхаус и кому подходит этот конструктор сайтов

Нетхаус (Nethouse) — онлайн-конструктор сайтов: вы выбираете шаблон и собираете страницы из готовых блоков вроде заголовка, текста, фото и формы заявки. Код писать не нужно. Хостинг, панель управления и SSL-сертификат уже входят в тариф, отдельно арендовать сервер не придётся. Что такое хостинг, подробно объясняет материал из блога о хостинге.

Первый вариант сайта можно собрать за 1–3 часа, а наполнить текстами и фото — за несколько дней. Для скорости готовьте картинки шириной до 1600 px и весом до 300 КБ на файл: страницы будут открываться быстрее.

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

Нетхаус подойдёт для таких задач:

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

Как работает конструктор сайтов: хостинг, домен и редактор в одном месте

В тариф Нетхаус входит всё для работы сайта: хостинг (место, где хранятся файлы сайта), панель управления, шаблоны и SSL-сертификат (Secure Sockets Layer). Сертификат включает HTTPS, защищённое соединение через порт 443. Обычный HTTP на порту 80 перенаправляется на HTTPS. Как это устроено, объясняет материал прочитайте про сертификат безопасности сайта.

Домен и хостинг решают разные задачи. Домен — это адрес, например master-remont.ru; в зоне .ru он обычно стоит 150–400 ₽/год у регистратора. Хостинг — это место, где сайт лежит и откуда его отдают посетителям. Адрес ведёт к хостингу через DNS (Domain Name System, система доменных имён), подробнее в статье разберитесь, чем домен отличается от хостинга.

Аренда сервера устроена иначе. На VPS (Virtual Private Server, виртуальный выделенный сервер) за 200–600 ₽/мес вы сами ставите систему, движок и сертификат. В конструкторе эту работу делает сервис, но и доступа к файлам сервера у вас нет. Если нужен полный контроль, изучите ответы на вопросы о VPS.

За вами остаётся следующее:

• тексты и фотографии: картинки делайте шириной до 1600 px и весом до 300 КБ;
• домен: регистрация и ежегодное продление;
• оплата тарифа: условия смотрите на странице тарифов сервиса;
• ограничение: свой движок и нестандартные скрипты поставить нельзя, а экспорт сайта целиком обычно недоступен.

Как создать сайт на Нетхаус: пошаговая инструкция

Сайт на Нетхаус создают без кода: выбираете шаблон, меняете тексты и фото в готовых блоках и нажимаете «Опубликовать». Хостинг, панель управления и SSL-сертификат уже входят в тариф, поэтому отдельно арендовать сервер не нужно.

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

Пройдите путь от регистрации до публикации по порядку:

1. Зарегистрируйтесь. Укажите рабочий e-mail и пароль, подтвердите адрес по письму и войдите в личный кабинет.
2. Выберите шаблон по тематике. Для мастера подойдут шаблоны из разделов «Услуги» или «Ремонт». Структуру блоков можно менять позже, поэтому не тратьте на выбор больше 10–15 минут.
3. Задайте название и контакты. Впишите название сайта, телефон, e-mail, адрес или город работы и ссылки на мессенджеры.
4. Соберите главную страницу блоками. Добавьте заголовок с предложением, блок услуг, 3–4 преимущества, фото работ и кнопку связи. Лишние блоки удалите.
5. Добавьте страницы. Создайте «Услуги», «Цены», «О нас» и «Контакты» и свяжите их через меню сайта.
6. Проверьте сайт на 3 размерах экрана. Откройте предпросмотр для телефона, планшета и компьютера. Сожмите картинки заранее: ширина до 1600 px, вес до 300 КБ на файл.
7. Опубликуйте сайт. Нажмите «Опубликовать», откройте адрес сайта в новой вкладке и проверьте, что он загружается по HTTPS.

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

Как подключить свой домен к сайту на конструкторе

Свой домен подключают через DNS (Domain Name System, система доменных имён) двумя способами. Первый: в панели регистратора создайте A-запись, которая направляет домен на IP-адрес из настроек Нетхаус. Второй: смените NS-серверы (серверы имён) у регистратора на те, что указал сервис. Точные значения берите в настройках своего сайта.

Перед покупкой проверьте, свободен ли домен: проверьте домен на занятость до оплаты. Домен в зоне .ru обычно стоит 150–400 ₽/год, цена зависит от регистратора.

TTL (time to live, время жизни записи) обычно равен 3600 секунд, поэтому изменения расходятся не сразу: DNS обновляется до 24–48 часов. Если запутались в типах записей, разберите DNS-записи домена. Нужен адрес вроде uslugi.site.ru? Тогда создайте поддомен отдельно.

Когда DNS обновится, проверьте три вещи:

• сайт открывается по https:// (порт 443) без предупреждения браузера;
• адрес http:// (порт 80) перенаправляет на HTTPS;
• открываются все 5 страниц, включая контакты.

Сколько стоит сайт на Нетхаус и на что смотреть в тарифах

Точную цену мы не называем: она зависит от периода оплаты и набора функций, а условия сервиса меняются. Актуальные цены смотрите на странице тарифов Нетхаус перед оплатой. Хостинг, панель управления и SSL-сертификат (Secure Sockets Layer, шифрование для HTTPS) уже входят в тариф.

Итоговая стоимость складывается не только из тарифа. Домен в зоне .ru обычно стоит 150–400 ₽/год, цена зависит от регистратора. Интернет-магазин и дополнительные функции могут увеличить счёт.

Сравнивайте тарифы по критериям из таблицы. Для сайта мастера из 5 страниц (главная, услуги, цены, о нас, контакты) обычно хватает базового набора:

Если вам нужны свой движок или полный доступ к файлам, считайте VPS (виртуальный выделенный сервер): он обычно стоит 200–600 ₽/мес. Сравните варианты в материалах о том, как купить VDS, и о том, как выбрать дешёвый VPS-сервер.

Частые ошибки при создании сайта на Нетхаус и как их исправить

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

1. Тяжёлые картинки

Фото с телефона весит 3–8 МБ, и страница грузится медленно. Перед загрузкой в редактор уменьшите ширину до 1600 px, а вес до 300 КБ на файл.

2. Сайт не проверен на телефоне

Блок, ровный на компьютере, на телефоне может сломаться. Откройте предпросмотр на 3 размерах экрана: телефон, планшет, компьютер. Проверьте, что текст не обрезан, а кнопки нажимаются.

3. Домен не открывается после подключения

DNS (система доменных имён) обновляется до 24–48 часов, поэтому сначала подождите. Если сайт не открылся и после этого, сверьте A-запись с IP-адресом из инструкции сервиса или проверьте NS-серверы. Подробности в материале как найти и настроить DNS-адреса.

4. Нет HTTPS или смешанное содержимое

HTTPS — защищённая версия протокола, работает на порту 443, а HTTP с порта 80 должен перенаправляться на неё. Если браузер пишет «Не защищено», проверьте сертификат. Смешанное содержимое возникает, когда картинка или скрипт подключены через http://: замените адрес на https://. Если сертификата нет, установите SSL-сертификат по инструкции.

5. Нет контактов и юридической информации

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

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

Решения нет: экспорт файлов в полном виде обычно недоступен. Тексты и фото переносят вручную, поэтому заранее храните исходники у себя.

Проверьте картинки, мобильную версию, домен, HTTPS и контакты до публикации, и сайт заработает без доработок. Остальное зависит от того, сохранили ли вы свои материалы.

Конструктор или VPS: что выбрать для сайта

Конструктор, виртуальный хостинг и VPS (Virtual Private Server, виртуальный выделенный сервер) публикуют сайт, но требуют разной подготовки. Для сайта услуг мастера из 5 страниц хватит конструктора. Для собственного движка или скриптов нужен сервер.

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

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

• Конструктор подойдёт для визитки или небольшого магазина, когда сайт нужен за 1–3 часа.
• Виртуальный хостинг подойдёт для готового движка, когда нужны файлы, но не настройка сервера.
• VPS подойдёт для своего движка, нестандартных скриптов и полного контроля над окружением.

Если проект растёт, VPS окупает усилия по настройке. Сначала разберитесь, как устроен VDS-хостинг, затем изучите, как арендовать виртуальный сервер. Ответы на частые вопросы новичков собраны на странице, где можно выбрать VPS под свой проект.

Когда Нетхаус не подойдёт и что делать дальше

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

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

Если вы упёрлись в эти ограничения, переходите на VPS (virtual private server, виртуальный сервер). Что нужно сделать:

• арендуйте VPS: обычно 200–600 ₽/мес, цена зависит от провайдера и ресурсов;
• установите CMS (content management system, систему управления сайтом), например WordPress, в каталог /var/www/html;
• включите HTTPS на порту 443 и перенаправление с порта 80;
• настройте автоматический бэкап: разберите, как делать резервные копии.

О том, как устроен такой сервер, читайте в материале про VDS-сервер. Если сомневаетесь, нужен ли он вам, посмотрите ответы на частые вопросы о VPS.