Как заработать в интернете
Назад

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

Время на чтение: 22 мин
0
1157

Вы всегда хотели сделать сайт самостоятельно и бесплатно, но не знали как? Или, может быть, думали, что это слишком сложно? Многие думают, что нужно знать программирование, изучать дизайн верстку и много учиться этому. А ведь это не так, можно сделать сайт и опубликовать его в интернете уже в течение 2-х часов максимум.

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

Изучив эту статью даже новичок сможет установить и настроить сайт за 20-30 минут, а через несколько часов сайт будет виден в интернете.

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

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

P.S. Если что то не будет получаться после изучения этого руководства (в чем очень сильно сомневаюсь), не стесняйтесь пишите в комментарии - помогу разобраться в этом.

Ну что, готовы сделать  свой сайт сегодня? Тогда давайте начнем…

Что стоит знать, прежде чем начать

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

WordPress, Wix, Joomla, Drupal ... все перечислить в этой статье невозможно, но это самые популярные.

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

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

Какую платформу выбрать?

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

На каких платформах создают сайты вебмастера

популярные cms для сайтов

ТОП 10 популярных движков для сайтов

популярные движки для сайтов

Как видно из приведенного выше графика,  наиболее популярными разработчиками веб-сайтов (или системами управления контентом) являются:

  • WordPress (бесплатная) 52%
  • Wix (платная) 7%
  • Joomla (бесплатная) 3%
  • Progress Sitefinity (бесплатная) 5%
  • SquareSpace (платная) 4%
  • Weebly (платная) 2%

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

Самое главное преимущество в нём это бесплатность.

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

Но что более важно:

  • WordPress против HTML и CSS: изучение HTML с нуля может занять более 6 месяцев, не говоря уже о изучении CSS и PHP. Базовые знания HTML могут помочь в некоторых случаях, но если есть необходимость создать сайт в течение дня или двух, изучение HTML не является хорошей идеей.
  • WordPress против конструкторов сайтов. Конструкторы сайтов стоят дорого и зачастую очень ограничены. Они хороши для одностраничных сайтов, но не более.
  • WordPress против Joomla / Drupal: WordPress намного удобнее для пользователя.

Если по какой-то причине не хочется создавать свой сайт с помощью WordPress, можно конечно использовать Drupal, Joomla и HTML5. Все они бесплатны для использования.

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

Не выбирайте много платформ сразу. Большинство веб-хостингов предлагают установку одним нажатием для WordPress, Joomla и Drupal. Их даже не придется скачивать / устанавливать.

Шаг 1. Вебхостинг и доменное имя

Чтобы настроить свой WordPress (или любой другой движок сайта), вам понадобятся две вещи:

  • Доменное имя (веб-адрес, такой как SiteName.ru)
  • Веб-хостинг (где размещаются файлы сайта)

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

Владение собственным доменным именем выглядит гораздо более профессионально, чем размещение своего сайта на чужом домене (например, vasyapupkin.wix.cоm). Есть хостинг-провайдеры, которые предлагают домены ru БЕСПЛАТНО за оплату хостинга сразу на 6-12 месяцев.

Если сказать кратко, то без веб-хостинга и доменного имени ваш сайт НЕ будет существовать.

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

Я использую:

  • Хостинг JEHOST  (от 179 руб/мес.)
  • Доменные имена регистрирую на domain4ik.ru (169 руб/год).

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

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

Регистрация хостинга

Переходите на JEHOST и выберите свой тарифный план.

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

Если у вас ограниченный бюджет, вы можете использовать тариф WP-Мини. Это отлично подходит для небольших сайтов с небольшим или нулевым трафиком. До 1000 посетителей в стуки его вполне хватит.

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

Выбираем доменное имя

Переходим на domain4ik , проходим регистрацию и входим в кабинет.

регистрация в reg.ru

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

Регистрируйте доменное имя в ru зоне, это и дешевле и продление через год будет недорогое.

Если же у вас есть доменное имя, то необходимо добавить его в панель хостинга.

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

заполняем профиль рег ру

Чтобы зарегистрировать домен, необходимо заполнить свой профиль в domain4ik.

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

Регистрируем доменное имя

регистрация домена в рег ру

подбор домена на рег ру

Пополняем баланс на нужную сумму и приступаем к регистрации. Если наш домен свободен то регистрируем его.

как купить домен в рег ру

Привязываем домен к хостингу

Зарегистрировав домен, его необходимо привязать к хостингу.

Заходим в кабинет  domain4ik  Домены -> Мои домены -> Кликнуть на нужный домен всплывёт такое окошко:

прописать dns в рег ру

Здесь щелкаем  на Управление ДНС-серверами / Делегирование

Указываем как на скриншоте ниже  ns1.jehost.ru ns2.jehost.ru ns3.jehost.ru ns4.jehost.ru

привязываем домен к хостингу

И нажимаем ИЗМЕНИТЬ.

После этого идем в кабинет хостинга  https://my.jehost.ru  вводим логин и пароль, который должен был прийти на почту после регистрации.

jehost отзывыи добавляем только что зарегистрированный домен сюдадобавление домена в ispдобавили доменПросто пишем в поле ИМЯ, остальное заполнится автоматически, пролистаем вниз и жмем ОК.

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

Шаг 2. Настраиваем свой веб-сайт

Купив доменное имя и настроив хостинг, мы уже сделали полдела!

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

Установка WordPress автоматически

Есть два возможных способа установить WordPress, один НАМНОГО проще, чем другой.

Чтобы создать сайт на WordPress-е (или Joomla и Drupal), используйте «установку в 1 клик»

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

Если вы зарегистрировались в ДЖИХОСТ или любой другой аналогичной хостинговой компании, вы должны найти  в панели управления хостинга вкладку Каталог Web-скриптов.

установить автоматически wordpress из панели isp

Если расписать по шагам, то нужно сделать следующее:

  1. Войти в свою учетную запись хостинга
  2. Перейти  к вкладке Каталог Web-скриптов
  3. Найти значок «WordPress» и нажать Установить
  4. Выбрать домен, куда нужно установить

как установить вордпресс автоматически на хостинге

Установка  WordPress вручную

Если по какой-то причине (некоторые хостеры не предоставляют установку WordPress в 1 клик) и у вас нет возможности установить WordPress автоматически, то ознакомьтесь с этим руководство ниже:

1) Загрузите WordPress отсюда: https://ru.wordpress.org/download

2) Создайте новую папку на рабочем столе и разархивируйте в ней WordPress.

3) Найдите файл с именем wp-config-sample.php и переименуйте его в wp-config.php

4) Теперь откройте wp-config.php (например, с помощью блокнота) и заполните следующие строки:

  • define ('DB_NAME', 'database_name_here'); - Имя базы данных (если вы не знаете, спросите об этом у службы поддержки хостинга)
  • define ('DB_USER', 'username_here'); - Ваше имя пользователя хостинга
  • define ('DB_PASSWORD', 'password_here'); - Ваш пароль хостинга

После заполнения пробелов сохраните файл.

5) Теперь войдите в свой хостинг FTP (для этого загрузите FileZilla). FTP-адрес, как правило, ftp.yourdomain.ru, имя пользователя и пароль те же, что вы использовали для регистрации на вашем хосте.

6) Если есть файл с именем «index» - удалите его. После этого загрузите все файлы из папки WordPress на FTP-сервер. Я думаю, что вы умеете использовать функцию «перетаскивания» в FileZilla.

7) После того как вы выполнили предыдущие шаги, перейдите по URL: yourdomain.ru/wp-admin/install.php

Это страница, которую вы должны увидеть:

установка WordPress вручнуюна следующем шаге:

как установить WordPress самому

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

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

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

Шаг 3. Создаем свой сайт

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

WordPress на стандартном шаблоне

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

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

Большинство тем WordPress бесплатны и легко настраиваются.

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

Войдите в свою панель управления WordPress. Можно набрать в строке браузера: https://yoursite.ru/wp-admin (замените «yoursite» на ваш домен).

Вот как выглядит панель управления WordPress:админка WordPressКак видите все интуитивно понятно.

Доступ к бесплатным темам

Попав на панель инструментов, можно получить доступ к более чем 1500 бесплатных тем! Просто находим  на боковой панели «Внешний вид», а затем нажмите «Темы» - > «Добавить новую».

как добавить тему на вордпресс

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

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

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

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

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

Устанавливаем тему

После того, как мы нашли понравившуюся тему, устанавливаем её так же просто, нажимаем «Установить», а затем «Активировать».

Устанавливаем тему wordpress

ВАЖНО! Изменение тем не приведет к удалению ваших предыдущих сообщений, страниц и статей.

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

Шаг 4. Добавляем контент на сайт

Настало время начать создавать контент. Давайте быстро пройдемся по некоторым основам:

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

Хотите создать страницу «Услуги» или страницу «Об авторе» (как у меня в меню в верхней части сайта)?

  1. Найдите на боковой панели Консоль «Страницы» -> «Добавить новую».
  2. Вы увидите экран, который очень похож на то, что вы, возможно, видели в Microsoft Word. Добавьте текст, изображения и и ещё чего-нибудь, чтобы создать нужную страницу, а затем сохраните ее и ОПУБЛИКУЙТЕ, когда закончите.

как добавить страницу об авторе на сайте

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

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

  1. Сохранить все сделанные изменения на странице, нажав «Обновить».
  2. Нажмать «Внешний вид» -> «Меню» на боковой панели панели управления WordPress.
  3. Найти созданную вами страницу и добавить её в список, установив флажок рядом с ней, а затем «Добавить в меню».

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

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

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

Как это сделать:

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

ИЛИ

б. Напишите статью в блоге, перейдя в «Записи-> Добавить новую». Как только закончите писать, нужно будет добавить новую категорию или выбрать галочкой из существующих.

Любую созданную категорию всегда можно добавить в меню.

Кастомизация и бесконечные настройки…

Ещё немного расскажу о некоторых основных вещах, которые помогут вам настроить более презентабельно ваш веб-сайт.

Обязательно добавляйте название и описание

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

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

Используйте уникальные заголовоки для каждой страницы или статьи на сайте. Например, эта статья называется «Как сделать сайт самостоятельно бесплатно».

(Проверьте прямо сейчас и вспомните, каким образом попали сюда и почему читаете эти строки).

В любой момент можно изменить ОБЩИЙ заголовок и описание своего сайта, для этого нужно перейти в «Настройки -> Общие» и заполните форму:

wordpress настройки

Отключение комментариев для постов и страниц

Некоторые вебмастера не хотят, чтобы посетители могли комментировать свои страницы.

Как отключить комментарии на всех страницах WordPress :

  1. Создав новую запись, пролистайте в самый низ (может быть справа в блоке)
  2. В блоке «Обсуждение», есть «Разрешить комментарии»
  3. Снимите флажок «Разрешить комментарии».

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

Хотите отключить комментарии на каждой новой странице по умолчанию?

Перейдите в «Настройки -> Обсуждение» и снимите флажок «Разрешить людям оставлять комментарии к новым статьям».

как отключить комментарии на wordpress

Настройка статической главной страницы

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

Нужно всего лишь создать статичную страницу, заполнить её и указать в качестве главной сайта.

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

Как настроить статическую главную страницу:

  1. Зайдите в «Настройки -> Чтение»
  2. Выберите статическую страницу, которую вы создали. «Главная страница» обозначает вашу домашнюю страницу. «Страница сообщений» - это главная страница вашего блога (если весь ваш сайт не является блогом).

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

Как настроить статическую главную страницу

Редактирование боковой панели

Большинство тем WordPress имеют боковую панель справа (в некоторых случаях она слева).

убрать боковую панель вордпрессЕсли вы хотите избавиться от боковой панели или отредактировать ненужные элементы, такие как «Категории», «Мета» и «Архивы», которые обычно не нужны, то это можно сделать так:

  1. Перейдите в «Внешний вид -> Виджеты» на панели управления WordPress.
  2. Здесь можно использовать перетаскивание, чтобы добавлять различные «блоки» на боковую панель или удалять ненужные элементы.

Также есть «HTML-поле» - текстовое поле, в котором можно использовать HTML-код. Просто перетаскивайте элементы, которые вы хотите видеть на боковой панели.

Установка плагинов

(чтобы получить больше возможностей от WordPress)

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

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

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

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

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

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

Имейте в виду, что существует более 25 000 различных плагинов, так что здесь есть из чего выбирать.

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

Список самых популярных плагинов

  • #1 Contact form 7: Это контактная форма на странице сайта, через которую посетители могут  отправить вам электронное письмо прям с сайта.
  • # 2 Yoast SEO для WordPress : если  есть желание сделать свой сайт на WordPress еще более оптимизированным для SEO, этот плагин просто необходим. Он бесплатен и очень важен. С помощью него можно редактировать теги заголовков, мета-описания и многое другое, + плагин сам будет оценивать насколько хорошо оптимизирован контент на сайте и давать рекомендации к улучшению.
  • # 3 Google Analytics : Хотите отслеживать своих посетителей / трафик и их поведенческие факторы? Просто установите плагин, подключите его к своей учетной записи Google, и вы готовы к работе.

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

Успехов в начинаниях!

Поделиться
Похожие записи
Комментарии:
Комментариев еще нет. Будь первым!
Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.

Следи за нами в FaceBook.
Все новые статьи и много уникального!
Спасибо, не показывайте мне эту штуку больше!
Не уходите с пустыми руками!
Друг, не уходи!