Как сделать сайт самостоятельно бесплатно
Вы всегда хотели сделать сайт самостоятельно и бесплатно, но не знали как? Или, может быть, думали, что это слишком сложно? Многие думают, что нужно знать программирование, изучать дизайн верстку и много учиться этому. А ведь это не так, можно сделать сайт и опубликовать его в интернете уже в течение 2-х часов максимум.
В этой статье покажу быстрый и простой способ создания веб-сайта, без необходимости изучать HTML / CSS-кодирование или изучения длинных скучных учебников.
Изучив эту статью даже новичок сможет установить и настроить сайт за 20-30 минут, а через несколько часов сайт будет виден в интернете.
Вы скоро узнаете, как большинство вебмастеров создают свои сайты, и почему не стоит использовать якобы бесплатные конструкторы сайтов, которые зачастую слишком ограничивают функционал и возможности для заработка.
Возможно, вы сможете избежать многих ошибок, которые я наделал, когда ещё только начинал создавать сайты.
P.S. Если что то не будет получаться после изучения этого руководства (в чем очень сильно сомневаюсь), не стесняйтесь пишите в комментарии - помогу разобраться в этом.
Ну что, готовы сделать свой сайт сегодня? Тогда давайте начнем…
Что стоит знать, прежде чем начать
На рынке существуют сотни различных готовых платформ для создания сайтов и разработчиков сайтов.
WordPress, Wix, Joomla, Drupal ... все перечислить в этой статье невозможно, но это самые популярные.
Можно попробовать написать свой сайт с нуля, но я не рекомендую это делать по 2 причинам:
- Это занимает слишком много времени (серьезно)
- Ваш конечный результат будет посредственным...
Какую платформу выбрать?
Давайте посмотрим на эти последние статистические данные, сделанные BuiltWith
На каких платформах создают сайты вебмастера
ТОП 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 , проходим регистрацию и входим в кабинет.
- Если вы создаете веб-сайт для своего бизнеса, доменное имя должно соответствовать названию вашей компании. Например, YourCompanyName.ru
- Если планируете создать веб-сайт для себя, то YourName.ru может быть отличным вариантом
Регистрируйте доменное имя в ru зоне, это и дешевле и продление через год будет недорогое.
Если же у вас есть доменное имя, то необходимо добавить его в панель хостинга.
Заполняем данные своей учетной записи
Чтобы зарегистрировать домен, необходимо заполнить свой профиль в domain4ik.
Вам нужно будет указать свое имя, фамилию, страну, почтовый адрес, город, почтовый индекс, номер телефона и адрес электронной почты. После заполнения профиля, мы можем зарегистрировать домен.
Регистрируем доменное имя
Пополняем баланс на нужную сумму и приступаем к регистрации. Если наш домен свободен то регистрируем его.
Привязываем домен к хостингу
Зарегистрировав домен, его необходимо привязать к хостингу.
Заходим в кабинет domain4ik Домены -> Мои домены -> Кликнуть на нужный домен всплывёт такое окошко:
Здесь щелкаем на Управление ДНС-серверами / Делегирование
Указываем как на скриншоте ниже ns1.jehost.ru ns2.jehost.ru ns3.jehost.ru ns4.jehost.ru
И нажимаем ИЗМЕНИТЬ.
После этого идем в кабинет хостинга https://my.jehost.ru вводим логин и пароль, который должен был прийти на почту после регистрации.
и добавляем только что зарегистрированный домен сюда
Просто пишем в поле ИМЯ, остальное заполнится автоматически, пролистаем вниз и жмем ОК.
Теперь, в течение 6 часов домен должен привязаться к хостингу и быть виден в интернете. Проверить виден он или нет, довольно просто вбив в строку браузера название своего домена.
Шаг 2. Настраиваем свой веб-сайт
Купив доменное имя и настроив хостинг, мы уже сделали полдела!
Теперь пришло время запустить сайт. Первое, что вам нужно сделать, это установить WordPress на свой домен.
Установка WordPress автоматически
Есть два возможных способа установить WordPress, один НАМНОГО проще, чем другой.
Чтобы создать сайт на WordPress-е (или Joomla и Drupal), используйте «установку в 1 клик»
Практически каждая надежная и хорошо зарекомендовавшая себя хостинговая компания имеет интегрированную установку WordPress в один клик, что очень облегчает работу.
Если вы зарегистрировались в ДЖИХОСТ или любой другой аналогичной хостинговой компании, вы должны найти в панели управления хостинга вкладку Каталог Web-скриптов.
Если расписать по шагам, то нужно сделать следующее:
- Войти в свою учетную запись хостинга
- Перейти к вкладке Каталог Web-скриптов
- Найти значок «WordPress» и нажать Установить
- Выбрать домен, куда нужно установить
Установка 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
Это страница, которую вы должны увидеть:
Вносите имя базы данных, имя пользователя и пароль и нажимаете отправить.
Новичкам не рекомендую начинать с ручной установки сайта, устанавливайте в 1 клик из панели управления хостинга.
Специально записал 9-ми минутное видео, где объясняется как привязать зарегистрированный домен к хостингу и сразу самому установить WordPress.
Шаг 3. Создаем свой сайт
После того, как мы успешно установили WordPress на свой домен, можем увидеть очень простой, по виду сайт.
Теперь нужно приступить к оформлению, чтобы как то выделяться на фоне других сайтов.
Существует более 1500 потрясающих, профессионально разработанных тем, которые вы можно выбрать и настроить для своего сайта.
Большинство тем WordPress бесплатны и легко настраиваются.
Как найти понравившуюся тему
Войдите в свою панель управления WordPress. Можно набрать в строке браузера: https://yoursite.ru/wp-admin (замените «yoursite» на ваш домен).
Вот как выглядит панель управления WordPress:Как видите все интуитивно понятно.
Доступ к бесплатным темам
Попав на панель инструментов, можно получить доступ к более чем 1500 бесплатных тем! Просто находим на боковой панели «Внешний вид», а затем нажмите «Темы» - > «Добавить новую».
Как можно увидеть выше, установка новой темы для сайта на вордпресс очень проста.
Можно искать темы по ключевым словам и / или использовать фильтры, чтобы найти темы, которые соответствуют вашему стилю. Поиск идеальной темы может значительное время, но оно того стоит.
Следует устанавливать адаптивные темы, которые будут отображаться как на компьютере, так и на телефоне или планшете.
Так же можно искать рускоязычные темы на просторах рунета и устанавливать через админ панель. Но здесь нужно быть осторожным, так как есть темы, содержащие вредоносный код, с помощью которого можно взломать сайт и получить доступы к управлению вашего сайта.
Поэтому лучше либо покупать понравившуюся тему, либо использовать их с официального сайта вордпрес, так как там все шаблоны проходят строгую проверку на скрытые уязвимости.
Устанавливаем тему
После того, как мы нашли понравившуюся тему, устанавливаем её так же просто, нажимаем «Установить», а затем «Активировать».
ВАЖНО! Изменение тем не приведет к удалению ваших предыдущих сообщений, страниц и статей.
Можно менять темы бесконечное количество раз, не беспокоясь о том что, что-то из написанного или размещённого на сайте вдруг исчезнет.
Шаг 4. Добавляем контент на сайт
Настало время начать создавать контент. Давайте быстро пройдемся по некоторым основам:
Добавление и редактирование страниц
Хотите создать страницу «Услуги» или страницу «Об авторе» (как у меня в меню в верхней части сайта)?
- Найдите на боковой панели Консоль «Страницы» -> «Добавить новую».
- Вы увидите экран, который очень похож на то, что вы, возможно, видели в Microsoft Word. Добавьте текст, изображения и и ещё чего-нибудь, чтобы создать нужную страницу, а затем сохраните ее и ОПУБЛИКУЙТЕ, когда закончите.
Добавление страниц в меню
Если нужно, чтобы новая созданная страница была связана с панелью навигации, нужно:
- Сохранить все сделанные изменения на странице, нажав «Обновить».
- Нажмать «Внешний вид» -> «Меню» на боковой панели панели управления WordPress.
- Найти созданную вами страницу и добавить её в список, установив флажок рядом с ней, а затем «Добавить в меню».
Добавление и редактирование сообщений
На сайте весь контент можно группировать по категориям. Допустим, вы хотите создать категорию под названием «Заработок». Просто добавьте его в свое меню и начинайте писать статьи.
Как это сделать:
а. Создайте новую категорию, перейдя в «Записи -> Рубрики»
ИЛИ
б. Напишите статью в блоге, перейдя в «Записи-> Добавить новую». Как только закончите писать, нужно будет добавить новую категорию или выбрать галочкой из существующих.
Любую созданную категорию всегда можно добавить в меню.
Кастомизация и бесконечные настройки…
Ещё немного расскажу о некоторых основных вещах, которые помогут вам настроить более презентабельно ваш веб-сайт.
Обязательно добавляйте название и описание
Заголовки страниц объясняют поисковикам, о чем ваш сайт. Они также играют важную роль в том, как поисковые системы определяют ваш рейтинг.
Вы должны понимать, что сайт в основном создается для того, чтобы получать посетителей с поисковых систем, а значит необходимо добавлять ключевые слова в заголовки, описание, текст по которым хотите получать трафик.
Используйте уникальные заголовоки для каждой страницы или статьи на сайте. Например, эта статья называется «Как сделать сайт самостоятельно бесплатно».
(Проверьте прямо сейчас и вспомните, каким образом попали сюда и почему читаете эти строки).
В любой момент можно изменить ОБЩИЙ заголовок и описание своего сайта, для этого нужно перейти в «Настройки -> Общие» и заполните форму:
Отключение комментариев для постов и страниц
Некоторые вебмастера не хотят, чтобы посетители могли комментировать свои страницы.
Как отключить комментарии на всех страницах WordPress :
- Создав новую запись, пролистайте в самый низ (может быть справа в блоке)
- В блоке «Обсуждение», есть «Разрешить комментарии»
- Снимите флажок «Разрешить комментарии».
Хотите отключить комментарии на каждой новой странице по умолчанию?
Перейдите в «Настройки -> Обсуждение» и снимите флажок «Разрешить людям оставлять комментарии к новым статьям».
Настройка статической главной страницы
Не все знают, что можно отображать на сайте вордпресса, страничку не в блоговом режиме, а в обыкновеном сайтовом.
Нужно всего лишь создать статичную страницу, заполнить её и указать в качестве главной сайта.
Статическая страница - это страница, которая не изменяется. В отличие от блога, где первая новая статья будет отображаться вверху каждый раз, «статическая» страница будет отображать один и тот же контент каждый раз, когда кто-то заходит на сайт - как домашняя страница, которую вы создали.
Как настроить статическую главную страницу:
- Зайдите в «Настройки -> Чтение»
- Выберите статическую страницу, которую вы создали. «Главная страница» обозначает вашу домашнюю страницу. «Страница сообщений» - это главная страница вашего блога (если весь ваш сайт не является блогом).
Если вы сами не выберете статическую страницу, WordPress возьмет ваши последние сообщения и начнет показывать их на вашей домашней странице в ленте статей.
Редактирование боковой панели
Большинство тем WordPress имеют боковую панель справа (в некоторых случаях она слева).
Если вы хотите избавиться от боковой панели или отредактировать ненужные элементы, такие как «Категории», «Мета» и «Архивы», которые обычно не нужны, то это можно сделать так:
- Перейдите в «Внешний вид -> Виджеты» на панели управления WordPress.
- Здесь можно использовать перетаскивание, чтобы добавлять различные «блоки» на боковую панель или удалять ненужные элементы.
Также есть «HTML-поле» - текстовое поле, в котором можно использовать HTML-код. Просто перетаскивайте элементы, которые вы хотите видеть на боковой панели.
Установка плагинов
(чтобы получить больше возможностей от WordPress)
Что такое плагин?
«Плагины» - специально созданные расширения для увеличения возможностей WordPress-а, добавление фишичек и функций на сайт, которые не являются встроенными.
Это быстрые способы заставить сайт делать то, что вы хотите, без необходимости создавать с нуля или дописывать дополнительно какие либо коды.
Плагины помогают, добавлять фотогалереи, формы обратной связи, подписные формы, оптимизировать работу сайта и даже создавать полноценные интернет-магазины.
Как установить новый плагин?
Чтобы начать установку плагинов, перейдите в «Плагины -> Добавить новый» и просто введите в поиск нужное слово.
Имейте в виду, что существует более 25 000 различных плагинов, так что здесь есть из чего выбирать.
Установка проста - как только найдется нужный плагин, просто нажмите «Установить».
Список самых популярных плагинов
- #1 Contact form 7: Это контактная форма на странице сайта, через которую посетители могут отправить вам электронное письмо прям с сайта.
- # 2 Yoast SEO для WordPress : если есть желание сделать свой сайт на WordPress еще более оптимизированным для SEO, этот плагин просто необходим. Он бесплатен и очень важен. С помощью него можно редактировать теги заголовков, мета-описания и многое другое, + плагин сам будет оценивать насколько хорошо оптимизирован контент на сайте и давать рекомендации к улучшению.
- # 3 Google Analytics : Хотите отслеживать своих посетителей / трафик и их поведенческие факторы? Просто установите плагин, подключите его к своей учетной записи Google, и вы готовы к работе.
Примите мои поздравления! Теперь вы знаете, как сделать сайт самостоятельно бесплатно, и сами можете настроить себе сайт, а в дальнейшем набив руку, будете сами получать заказы на создание сайта с нуля.
Успехов в начинаниях!