Главная
Блог
Как создать сайт самому бесплатно. Подробный гайд для начинающих
22 ноября 2024
3 минуты
Редакция блога ispmanager
Редакция блога ispmanager
Как создать сайт самому бесплатно. Подробный гайд для начинающих

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

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

В статье подробно разберем, как сделать сайт с нуля — от выбора платформы до настройки и запуска сайта. А еще поделимся гайдом, как быстро создать и настроить сайт в панели управления ispmanager.

Основные способы, как создать сайт без опыта программирования

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

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

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

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

Плюсы и минусы конструкторов

ПлюсыМинусы

Просто использовать. Не нужны технические знания — все действия с помощью перетаскивания элементов. Можно создать сайт за несколько часов.

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

Не нужно отдельно покупать хостинг и домен — платформа предлагает все сразу и берет на себя обновления.

Техподдержка — у большинства конструкторов есть техподдержка, к которой можно обратиться за помощью.


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

Медленная загрузка — некоторые конструкторы могут перегружать сайт лишними скриптами и замедлять его работу.

 

Популярные конструкторы с бесплатными тарифами — доступны в России

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

Site.pro. Можно выбирать из 200 шаблонов сайты с различным функционалом. Например, блоги, интернет-магазины, лендинги, корпоративные порталы. Достаточно добавить текст, изображения, карты или медиаконтент — и сайт готов. Работать над сайтом одновременно может вся команда. У конструктора есть встроенные инструменты для продвижения сайта в поисковиках: возможность добавлять метатеги, создавать человекопонятный URL, корректные robots.txt, .htaccess, Sitemap и HTML.

Site.pro.
Так выглядит редактор для создания сайтов в Site.pro

 

А вот примеры шаблонов.

В бесплатный тариф Site.pro входит 26 шаблонов, ИИ-ассистент, загрузка аудио и видео, импорт сайта с другой платформы, неограниченное количество сайтов, неограниченный размер сайтов, почтовый ящик @siteprofree.email, подключение своего домена, настройка cookie, адаптация сайта под размеры экранов, загрузка скриптов, аналитика сайта, SEO-настройки. Стоимость платных тарифов с еще более широким функционалом — от 22 ₽ в месяц.


Tilda — на выбор более 200 шаблонов. В бесплатный тариф входит 1 сайт до 50 страниц, объем хранилища — до 50 МБ на хостинге Tilda, адрес будет выглядеть так: username.tilda.ws. На платных тарифах можно подключить собственный домен, увеличить количество страниц и объем хранилища, доступ к расширенным функциям и шаблонам. Тариф Personal стоит 750 ₽ в месяц, а Business — 1250 ₽ в месяц.

Примеры шаблонов Tilda

 

WordPress.com — мощный инструмент с огромным сообществом, можно найти поддержку или советы по любым вопросам.

Галерея тем на WordPress для сайтов с разными задачами — от личного блога до сайта ресторана или агентства недвижимости

В бесплатный тариф входит 1 ГБ хранилища, а адрес сайта будет выглядеть так: username.wordpress.com. На платных тарифах можно убрать рекламу, подключить собственный домен, премиум-темы, расширенные функциям и техподдержку. Стоимость начинается от 4 € в месяц.

Craftum — на выбор 150 готовых шаблонов и 170 блоков для быстрой сборки сайта. Бесплатный период — 10 дней, с полным доступом ко всем функциям. Платные тарифы — от 149 до 1049 ₽ в месяц.

Как выглядят шаблоны на Craftum для разных проектов

ukit — конструктор сайтов для бизнеса, входит более 350 готовых шаблонов и 38 тематик сайтов для разных задач.Бесплатный период — 14 дней, доступны все функции. Платные тарифы от 4,5 у.е в месяц.

Как выглядят шаблоны сайтов в конструкторе ukit

 

Как настроить бесплатный конструктор сайтов Site.pro

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

CMS — Content Management System

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

ПлюсыМинусы

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

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

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


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

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

 

Популярные бесплатные CMS — доступны в России

WordPress.org — универсальная платформа, используется для блогов, новостных сайтов, корпоративных сайтов и интернет-магазинов. WordPress — CMS с открытым исходным кодом, можно бесплатно установить на собственный хостинг. Входит более 13000 тем для разных проектов.

В бесплатную версию WordPress.com входят базовые функции, ограничены настройки, нельзя отключить рекламу. Платные тарифы начинаются от $4 в месяц — в них можно убрать рекламу, подключить собственный домен, получить доступ к премиум-темам, увеличить хранилище и установить плагины для разных задач.

Joomla — сложнее, чем WordPress, требует больше времени на настройку. Поддерживает расширенные функции без установки множества плагинов. Дополнительные расширения могут стоить от $10 до $50.

Drupal — CMS с упором на безопасность, поддерживает сложную структуру сайтов и кастомные модули. Drupal сложнее в использовании и требует навыков программирования. Подходит для нагруженных сайтов с большим количеством пользователей и данных. Можно установить дополнительные расширения — стоимость от $4.

Какая CMS подойдет для интернет-магазина — рассказали в статье «4 лучших бесплатных CMS для интернет-магазина».

Как создать сайт с помощью CMS

1.Регистрируем доменное имя — адрес сайта в интернете.

Доменное имя — уникальный адрес вашего сайта в интернете, например, ispmanager.com. Доменное имя должно быть человекопонятным и отображать деятельность, услугу или бренд компании. Адрес сайта можно зарегистрировать через сервисы — например, GoDaddy, Reg.ru, NIC.ru.

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

Как зарегистрировать домен: 

  • Выбираем свободное доменное имя, добавляем в корзину и выбираем срок регистрации. Обычно домен регистрируется на 1 год, но можно продлить срок до нескольких лет.
  • Регистрируем домен на свое имя, указываем контактные данные — чтобы никто не смог претендовать на ваш домен.
  • Оплачиваем — цена зависит от выбранного имени и домена. Например, на REG.ru доменное имя sobaka-ru.ru может стоить 119 ₽ в год, а banan.online — 40 154 ₽ в год. 

Рекомендации при выборе домена:

  • Избегайте большого количества цифр и символов. Например, my-website123.com — такие домены труднее запомнить.
  • Проверьте, как домен читается — иногда слова могут сливаться в неудачные сочетания. 
  • Защитите бренд — если сайт рассчитан на долгосрочную работу, подумайте о покупке доменов в других популярных зонах — например, .net, .org, чтобы другие юзеры не использовали похожие адреса.


2. Выбираем хостинг — место на сервере для файлов сайта.

Хостинг — услуга по размещению вашего сайта в интернете, аренда места на сервере для файлов сайта. Сайт будет доступен для посетителей 24/7, а хостинг-провайдер хранит все файлы, обеспечивает техническую поддержку и защиту данных.

Арендовать хостинг нужно, если вы используете CMS — в конструкторах сайтов хостинг предоставляется автоматически.

Какие бывают хостинги:

  • Виртуальный shared-хостинг — сайт делит мощности сервера рядом с другими проектам. Подходит для личных блогов и сайтов с небольшим трафиком. 
  • Выделенный сервер — физический сервер только для вашего сайта. Высокая производительность, подходит для крупных проектов и масштабных сайтов.
  • VPS (Virtual Private Server) или VDS (Virtual Dedicated Server) — виртуальный выделенный сервер. «Золотая середина» между shared-хостингом и выделенным сервером — сервер делится на несколько изолированных виртуальных серверов с выделенными ресурсами, каждый мини-сервер предоставляется в аренду. Подходит для растущих сайтов и интернет-магазинов. Нужно дополнительно установить операционную систему и панель управления — начинающим может не подойти.
Для небольшого проекта на старте подойдет виртуальный shared-хостинг.


Стоимость — есть бесплатные хостинги и платные, от 4.77 € в месяц. Бесплатные подойдут для тестирования и маленьких проектов — из-за ограниченных ресурсов и нестабильной работы. Для коммерческих сайтов лучше выбрать платный вариант — чтобы сайт работал стабильно и безопасно. У разных провайдеров стоимость аренды отличается и зависит от страны, в которой находится сервер, а также конфигураций.

Выбрать хостинг у проверенных партнеров ispmanager →    

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

4. Устанавливаем CMS на хостинг — самостоятельно или с помощью панели управления. Как это сделать в панели управления ispmanager, подробно расскажем в следующем разделе.

Как создать сайт и установить CMS в панели управления ispmanager

Разберем, как создать сайт и установить CMS WordPress в панели управления ispmanager. 

Если вы арендовали сервер без панели управления, то можно заказать триальную версию ispmanager и установить ее на сервер. Как это сделать:

1. Авторизуемся в панели ispmanager с помощью логина и пароля. Данные можно получить в личном кабинете хостинг-провайдера или по электронной почте — если самостоятельно установили панель на сервер.

 

2. Добавляем домен. Переходим  в «Управление DNS» и выбираем «Создать домен». Вводим доменное имя и серверы имен, их можно узнать у регистратора. Нажимаем «Создать домен».

Если выбрали shared-хостинг, то добавлять домен не нужно — он добавится автоматически.

 
 

3. Переходим в раздел «Настройки» → «Web-скрипты», выбираем WordPress и три точки в конце строки. Выбираем нужную версию WordPress — рекомендуем выбрать последнюю, и нажимаем «Разрешить».

 

4. Создаем сайт — переходим в раздел «Сайты» и нажимаем «Создать сайт».

 


5. Указываем настройки для сайта: вводим домен, в строке CMS выбираем WordPress. В разделе «База данных» выбираем «Создать новую базу данных». Откроется форма — вводим в ней имя базы данных, имя пользователя и придумываем пароль. Нажимаем «Применить». Затем в форме создания сайта нажимаем «Создать».

6. Сохраняем данные для входа в админку CMS — они появятся в правом нижнем углу панели.

7. Заходим в админку с логином и паролем. Чтобы войти в CMS WordPress переходим по ссылке: https://site.local/wp-admin или https://site.local/wp-login.php

9. Готово — вы создали сайт. Теперь можно наполнять его контентом. 

Что еще нужно, чтобы подготовить сайт к работе

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

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

Разработать дизайн — в конструкторах и CMS можно выбрать готовые шаблоны на разные тематики: от моды и красоты до строительства и архитектуры. Если нужно — настроить их по своему вкусу: выбрать шрифт, цветовую палитру и расположение блоков. Как создать сайт и разработать дизайн в бесплатном конструкторе Site.pro → 

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

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

Обеспечить безопасность сайта — защитить от кибератак, взломов и утечек данных. Установите SSL-сертификат для шифрования данных, настройте брандмауэр или модули для защиты сайта и сервера — например, BitNinja. Какие еще есть инструменты для защиты сайта →

Что запомнить

  • Для небольших сайтов-визиток, одностраничников или небольших магазинов подойдет конструктор сайтов — можно выбрать бесплатные сервисы с готовыми шаблонами и наполнить его контентом. Не придется отдельно покупать хостинг и доменное имя. 
  • Когда нужен собственный дизайн сайта-многостраничника, гибкие настройки и масштабирование — лучше выбрать CMS. Обычно CMS сложнее в работе, чем конструктор, но благодаря гибким настройкам можно настроить сайт под задачи проекта. 
  • За что придется заплатить — за доменное имя и хостинг, если создаете сайт в CMS. Стоимость зависит от популярности доменного имени — от 119 ₽ и до миллионов рублей, хостинг — от 300 ₽ .
  • Для сайта дополнительно потребуется: сделать дизайн, наполнить сайт контентом, установить SSL-сертификат и модули для безопасности сайта. А еще — панель управления ispmanager, чтобы управлять сайтом.


Понравилась статья — подписывайтесь на телеграм-канал ispmanager, чтобы не пропустить новые материалы

Подписка на новости
Подпишитесь на новостную рассылку ispmanager и получайте самые лучшие материалы каждую неделю