Как Создать Сайт Бесплатно в 2019 (Пошагово)

Как создать сайтИщите как самому создать сайт бесплатно?

Думаете: 

Что это слишком сложно? 

Что нужно уметь программировать и изучать дизайн?

Тогда эта пошаговая инструкция для вас. 

Оно показывает БЫСТРЫЙ и ПРОСТОЙ способ создания сайта С НУЛЯ… 

…без необходимости изучать HTML/CSS кодировку или читать скучные учебники.

Создать сайт новичкуВ этой инструкции я покажу: 

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

Я также помогу вам избежать ошибок, совершенных мною в начале.

Готовы сделать свой сайт уже сегодня? Тогда давайте начнем....

Перед началом, прочтите это:

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

Существует множество различных CMS (систем управления контентом) и конструкторов для создания сайтов.

Например: WordPressDLEWixJoomla...

CMS для сайтаТакже можно писать код сайта с нуля, но я бы не рекомендовал это делать по 2 причинам:

  • Это займет слишком много времени (серьезно);
  • Конечный результат в лучшем случае будет посредственным

Например:

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

Но можно попасть в неприятности, если не выбрать подходящую платформу для работы.

Но тогда какую CMS выбрать?

Давайте посмотрим на последние статистические данные BuiltWith:

Популярные CMSКак видно из графика, популярными CMS стали:

  • WordPress (бесплатный) 52%
  • Wix (платный) 7%
  • Joomla (бесплатный) 4%
  • Progress Sitefinity (бесплатный) 4% 
  • SquareSpace (платный) 4%

Почему большинство людей используют WordPress для создания веб-сайта?

В отличие от конструкторов сайтов, он АБСОЛЮТНО бесплатный.

WordPress – очень прост в использовании и достаточно гибкий, чтобы подойти всем: 

Малый бизнес, интернет-магазины, крупные организации и т.д.

Возможности WordPressНо что более важно:

1. WordPress против HTML и CSS: Изучение HTML с нуля занимает более 6 месяцев, не говоря о CSS и PHP. 

Наличие базовых знаний HTML поможет, но, если хотите создать сайт за 1-2 дня, изучение HTML не очень целесообразный вариант.

2. WordPress против конструкторов веб-сайтов: Конструкторы дорогие и зачастую ограниченные. 

Они подходят для одностраничников, но не более.

3. WordPress против Joomla/Drupal: WordPress НАМНОГО дружелюбнее по отношению к пользователю.

Можете выбрать любой движок (CMS).

Но новичкам я настоятельно рекомендую пользоваться WordPress.

ШАГ 1: Регистрация хостинга и доменного имени

Первый шаг создания сайтаЧтобы настроить WordPress (или другую CMS), понадобится две вещи:

1. Доменное имя - это адрес, используемый людьми для посещения сайта.

(Например, YourSiteName.com

Он играет СУЩЕСТВЕННУЮ роль в определении бренда. 

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

2. Веб-хостинг - это место где будет хранится сайт в интернете.

Хостинговые компании имеют большие центры обработки данных, заполненных серверами.

При покупке тарифного плана, частичка одного из этих серверов выделяется для вашего сайта.

Здесь будут размещаться:

  • Файлы;
  • Изображения;
  • Резервные копии.

И все остальное, что имеет отношение к веб проекту.

Без этих двух вещей посетители не смогут получить доступ к сайту.

Теперь внимание:

Есть компании предлагающие хостинг и домен 3-го уровня БЕСПЛАТНО

Об этом ниже.

Бесплатный хостинг и домен Hostinger

Где зарегистрировать доменное имя и получить веб-хостинг?

Я буду использовать ru.000webhost.com в качестве: 

  • Хостинг провайдера;
  • И регистратора домена.

Они предлагают хостинг и домен 3-го уровня БЕСПЛАТНО и без рекламы на сайте.

Возможности бесплатного хостинга - 000webhost

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

  • Медленная скорость отклика (загрузка сайта);
  • Нестабильный аптайм (бесперебойный доступ в интернете).

FreeHosting - аптайм и время откликаТакже 000webhost один из самых популярных хостинг-провайдеров на рынке.

И он, достаточно НАДЕЖНЫЙ и БЕЗОПАСНЫЙ для размещения вашего сайта.

Уже есть доменное имя и хостинг? 

Тогда переходите к шагу 2, где я объясню, как создать свой веб-сайт.

Вот как зарегистрироваться у хостинг-провайдера (и получить доменное имя):

1. Перейти на сайт ru.000webhost.com (или любой другой веб-хост)

Переходите по ссылке, чтобы начать: 

Бесплатный хостинг 000webhost - Главная

2. Создание учетной записи

Нажав кнопку "Регистрация", вы перейдете на страницу ввода регистрационных данных:

  • Email;
  • Пароль;
  • Повтор пароля.
Регистрация в 000webhost

Нажмите "Зарегистрироваться".

3. Заполните данные своей учетной записи

Дальше нужно подтвердить свой почтовый адрес.

Зайдите в почтовый ящик, найдите письмо от 000webhost.com и нажмите "Click here to verify your email":

Завершение регистрации в 000webhost

Откроется окно подтверждения верификации:

Подтверждение верификации

Просто нажмите "Get Started" и вы попадете в личный кабинет:

Личный кабинет 000webhost

Можно зайти в "Account Setings" и настроить профиль:

  • Написать имя;
  • Выбрать страну;
  • Установить язык и часовой пояс.

Настройка профиля3. Выбор доменного имени

Еще не имеете доменного имени?

Тогда вот простая отправная точка:

  • Подберите ТОП 10 ключевых слов, описывающих ваш сайт и попробуйте скомбинировать что то классное;
  • Не выбирайте имя, которое можно будет спутать с другим веб-проектом;
  • Старайтесь зарегистрировать домен в зоне .ru, .com, .org или .net;
  • Доменное имя должно быть броским, коротким и запоминающимся;

Владение собственным доменном выглядит ГОРАЗДО профессиональнее, чем наличие сайта в чужом домене.

(Например, yourbusiness.my-freee-website.com), и стоит недорого. 

Но если желания платить нету, тогда на 000webhost можно создать домен третьего уровня,... 

...а потом при необходимости переехать на другой.

Нажмите "Создать новый сайт" и: 

  • Введите название вашего сайта;
  • Придумайте пароль.

Нажмите "Создать":

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

ШАГ 2: Настройка сайта

Шаг 2 - Настройка сайтаСкучная часть почти закончилась!

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

Через несколько минут ваш сделанный сайт оживет.
Первое, что нужно предпринять, это установить WordPress. 

Звучит сложно, но это не так! Проще простого!

Установка WordPress

Существует 2 способа установки WordPress (Joomla или Drupal...), и один НАМНОГО проще, чем другой:

1. Установка сайта одним щелчком мыши:

Почти каждая надежная и хорошо зарекомендовавшая себя хостинговая компания имеет: 

Интегрированную установку WordPress в один клик, что упрощает работу.

Если вы зарегистрировались на 000webhost или подобной хостинг-компании,... 

...тогда всего лишь нужно найти "волшебную" кнопу инсталляции в 1 клик в панели управления учетной записью.

Вот как это сделать (подходит для большинства хостингов):

A. Войти в учетную запись хостинга (000webhost).

B. Перейти к панели управления:

Переход в панель управленияC. Найти значок "WordPress" или "Веб-сайт" и нажать:

Значок WordPressD. Установить имя пользователя, пароль (будут использоваться для входа в панель управления WordPress). 

И выбрать домен, на который следует установить CMS:

Установка WordPressE. Нажмите кнопку "Установить", и получите доступ к новому WordPress сайту:

Сайт на WordPress2. Ручная установка (Для тех, кто не пользуется 000webhost или другим подобным хостингом)

Подробную инструкцию по установке WordPress вручную, можете посмотреть тут codex.wordpress.org и тут hostinger.com.ua

ШАГ 3: Дизайн сайта

Итак, вы: 

  • Получили доменное имя и хостинг;
  • Установили WordPress;
  • Настроили его. 

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

Вы спросите как?

Вот для этого и нужна тема – шаблон дизайна, формирующий внешнюю оболочку блога. 

Пример темы:

Пример темы WordPressИнтересно что:

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

Как найти тему, которая вам понравится

1. Войдите в панель управления.

Перейдите по адресу: 

https://yoursite.com/wp-admin (замените "yoursite.com" на ваш домен). 

И введите логин и пароль, созданные при установке WordPress.

Вход в админку WordPressВыглядит она так:

Панель управления WordPressЗдесь много кнопок, опций и функций, которые могут показаться сложными, но поверьте, это не так.

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

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

2. Бесплатный доступ к темам

На боковой панели найдите и нажмите "Внешний вид", затем "Темы":

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

Если интересует что-то более профессиональное или элегантное, зайдите на сайт ThemeForest.net,... 

...где есть БОЛЬШАЯ библиотека шаблонов по разным ценам.

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

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

Адаптивная темаПросто допишите "responsive" при поиске и дело в шляпе!

3. Установка новой темы

После того, как нашли понравившуюся тему, достаточно нажать кнопку "Установить", а затем "Активировать".

Установка темыВАЖНО: 

Изменение тем не удалит ваши предыдущие сообщения, страницы и содержимое. 

ШАГ 4: Добавление контента на сайт

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

Давайте быстро разберемся с некоторыми основами:

Добавление и редактирование страниц

Хотите страницу "Услуги" или страницу "О себе" (как у меня внизу сайта)?

1. Найдите на боковой панели WordPress «Страницы» -> «Добавить новую».

2. Вы найдете текстовый редактор. 

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

А когда закончите, сохраните или опубликуйте ее.

Добавить страницу в WordPressДобавление страниц в меню

Если хотите, чтобы страница была связана с навигационной панелью:

1. Нажмите "Внешний вид" -> "Меню" на боковой панели управления WordPress.

2. Найдите созданную страницу и добавьте ее в список, поставив рядом с ней галочку, а затем "Добавить в меню".

Добавление страниц в менюДобавление и редактирование новостей

Записи - это веб-страницы, на которых вы будете публиковать контент (новости) на свой блог.

Рубрики - это категории сайта с помощью которых можно легко классифицировать записи.

Допустим, вы хотите создать категорию под названием "Блог". 

Просто добавьте ее в свое меню и начинайте писать туда новости.

Вот что нужно сделать для этого:

a. Создайте новую категорию, перейдя в раздел "Записи" -> "Рубрики".

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

б. Создайте заметку в блоге, перейдя в раздел "Записи" -> "Добавить новую".

После написания новости, в том же окне можно выбрать категорию для нее и дело сделано!

Добавление записи

Индивидуализация и завершающие настройки...

В этом разделе я расскажу о некоторых основных моментах настройки сайта.

Изменение Заголовка (Title) и Описания (Tagline)

Title - объясняют поисковикам, о чем ваш сайт и играют ВАЖНУЮ роль в его ранжировании. 

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

(Но вписывать их надо естественным образом, писать для реальных людей).

Для этого следует использовать уникальный заголовок на каждой странице блога

Например:

Мой Title на главной странице "Все о Создании Продвижении и Заработке на Сайтах".

(Не можете найти? 

Просто наведите курсор мыши на вкладку в верхней части браузера).

Tagline (Description) – это краткое описание каждой новости.

Tagline в поисковикеОписание моего сайта – "Пришло время для реального заработка. Создание собственного сайта…".

Для того, чтобы изменить эти параметры, зайдите в "Настройки -> Общие" и заполните форму ниже:

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

Для добавления такой возможности нужно установить плагин Yoast SEO (смотрите ниже как). 

Позволяющий прописывать эти параметры прямо во время написания или редактирования страницы.

Редактирование сниппета в Yoast SEO

Установка плагинов для расширения функциональности WordPress

Что такое плагин?

Плагины – это расширения, созданные для дополнения возможностей WordPress,... 

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

Можно использовать плагины для ВСЕГО:

От добавления фотогалерей и чата до оптимизации проекта и создания интернет-магазина.

Как установить новый плагин?

Чтобы начать установку плагинов, перейдите в раздел "Плагины -> Добавить новый" и просто начните поиск.

Имейте в виду: 

Что существует более 25 000 различных плагинов, так что выбирать есть из чего!

Установка проста – как только найдете понравившийся плагин, нажмите кнопку "Установить".

Установка плагинов в WordPressЧтобы сэкономить ваше время, я составил список самых популярных плагинов среди веб-мастеров:

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

Если хотите сделать что-то подобное, обязательно установите этот плагин.

#2 Yoast SEO: Если желаете сделать WordPress сайт более SEO (поисковая оптимизация) дружелюбным, тогда этот плагин ОБЯЗАТЕЛЕН. 

Он бесплатный и многофункциональный

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

#3 Google Analytics: Хотите отслеживать своих посетителей / трафик и их поведение? 

Просто установите плагин, подключите его к своей учетной записи Google и все.

Поздравляем – вы создали сайт!

И последнее, но не менее важное – продолжайте совершенствовать свой сайт!

Как я уже говорил ранее, WordPress открыт для любых настроек. 

Если хотите по-настоящему освоить его, нужно не ограничиваться только этой пошаговой инструкцией.

Удачи!

Добавить комментарий
  • Кликните на изображение чтобы обновить код, если он неразборчив

* Нажимая на кнопку "Добавить" Вы соглашаетесь с политикой конфиденциальности.