Как сделать сайт бесплатно самому с нуля | По шагам от установки до текста

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

В статье рассказано, как  бесплатно сделать сайт без знаний кода и правильно работать с контентом.

сделай сайт

 C  чего начать работу над сайтом

Любой веб-ресурс имеет доменное имя и хранится на хостинге. Каждый сайт имеет свой контент: текст, инфографику, фото, видео. Таким образом, домен, хостинг и контент — это три основы любого Интернет-проекта. 

 Домен и хостинг: что это

Домен (доменное имя) — это адрес сайта в Сети.

Он состоит из имени и доменной зоны, которые разделяются точкой, например, magazin.ru
Строго говоря, зона RU — это домен 1-го уровня, magazin — домен 2-го уровня, books.magazin.ru — домен 3-го уровня.

что такое домен и поддомен

 Когда вы просматриваете какой-то сайт, доменное имя отображается в адресной строке браузера. 

Домены второго уровня покупают у регистраторов на 1 год.  Домены третьего уровня можно прикрепить к купленному домену 2-го уровня бесплатно. Домены первого уровня (зоны) в обычной продаже не участвуют.

 

Если доменное имя — это адрес, то хостинг — это место в Интернете, где хранится данный проект. Проще, это удаленный мощный компьютер (сервер), на котором лежат папки этого ресурса. Кстати, домен, если вы новичок, лучше покупать на том же хостинге, где вы разместили свой Интернет-сайт. Это удобно тем, что не надо делать никаких дополнительных записей у хостера. Купил и забыл. Стоимость доменов 2 -го уровня — от 39 до 700 руб. на 1 год. А аренда хостинга — около 2 000 руб. за 1 год.

Мой-первый-хостинг

Кстати, стоимость первого домена на хостинге Джино составляет 39 руб. Вход на Джино здесь.

Это мой первый хостинг. И я им доволен. Хотя есть и лучше, но мне нравится его админ-панель и Техподдержка. Кроме Джино я работаю с Beget и FastVPS 

Хостинги я сам выбираю по следующим критериям:

  • Они должны стабильно работать.
  • Uptime (время, когда сайт работает без проблем) в идеале должен быть равен 100%, а время отклика как можно меньше (норма — не больше 200 миллисекунд).
  • Удобная админ-панель с легким доступом ко всем функциям хостинга.
  • Русская служба техподдержки. Она должна быть быстрая, квалифицированная и дружественная.
  • Стоимость услуг. Для новичка средняя стоимость услуг от 120 до 180 рублей в месяц.

 

 

Определяемся с целями создания сайта

Обычно Интернет-сайты создают с коммерческими целями, например:

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

Бывают веб-площадки для благотворительных целей (Например, о жизни «Дома малютки» или бесплатные библиотеки для студентов). Коммерческие сайты должны:

  • лить поток целевых клиентов,
  • работать на личный бренд или имидж компании,
  • предоставлять самую свежую информацию в актуальных форматах (текст, фото, видео),

и другое.

Исходя из этих задач, можно выбрать тип сайта.

 Какие бывают типы сайтов

Со сбором целевого трафика и передачей информации для целевой аудитории справляются:

  • Интернет-магазины и торговые площадки-витрины.
  • Блоги с обзорами товаров.
  • Лендинги.

С личный брендом и имиджем компании справляются:

  • сайты-визитки,
  • портфолио,
  • веб-сервисы
  • блоги

Для оперативного обзора новостей используются:

  • новостные порталы,
  • блоги,
  • тематические площадки.

Три способа как сделать сайт бесплатно самому с нуля

  • С помощью CMS-систем (движков),
  • самостоятельное написание исходного кода,
  • с помощью конструктора.
 Все основное внимание я уделю CMS WordPress, как самой популярной в мире системе управления контентом и покажу, как сделать сайт на этом движке с пошаговыми рисунками бесплатно самому с нуля 

Что такое СМS

CMS — это аббревиатура от Content Management System, что обычно переводится, как Система Управления Контентом или «движок.»
Это специальное программное обеспечение который заливается на хостинг и выполняет две основные функции:

Первая: показывает страницы ресурса, формируя их с помощью функций языка PHP из заранее подготовленных шаблонов,
Вторая: это управление контентом. Система помогает пользователю управлять сайтом без технических навыков через интерфейс.
WordPress (WP) — это бесплатная CMS, позволяющая  сделать Интернет-сайт, любой сложности, под любые задачи с нуля.

Как сделать сайт на движке WordPress

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

Шаг 1. Скачиваем WordPress

Заходим на официальный wordpress.org  и скачиваем последнюю версию программы.

WordPress,
Жмём на кнопку и скачиваем самую последнюю версию WP

 

После скачивания архива нужно его распаковать до такого вида:Wordpress — все папки и файлы

ВАЖНО! Затем надо все эти папки и файлы упаковать в архив zip, чтобы в архиве не было промежуточных вложенных папок, чтобы архив сразу распаковывался, как на рисунке выше. Через скачивание архива с WordPress.org, мы получаем самую свежую версию движка.

Шаг 2. Заливаем WordPress на хостинг

Если вы уже купили домен и хостинг, зайдите на свой аккаунт в Файловый менеджер. Там уже должна быть папка с названием вашего домена. Если её там нет, нажмите кнопку «Создать» и создайте папку, как на рисунке ниже.

уcтановка-Wordpress

Теперь эту папку надо открыть и мышкой перетащить туда созданный архив. Смысл в том, чтобы не подключаться через протокол FTP, а закинуть архив с движком  с помощью хостинга в корневую папку будущего проекта.Распаковать-Wordpress-в-папу-на-хостингеТеперь кнопкой «Распаковать» можно залить всё содержимое архива в корневой каталог. Сам архив следует удалить. Он больше не нужен.

Есть ещё способ, более короткий и удобный:

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

Шаг 3. Создаём базу данных

Создаём базу данных (БД), имя пользователя БД и пароль. Вы, конечно, знаете, что в БД будут храниться все текстовые записи с их атрибутами. 

 

Джино • Хостинг

В меню «Управление» переходим в «Управление MySQL» и создаём там имя БД, имя пользователя и пароль.Управление-MySQL-—-Джино-•-Хостинг

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

Шаг 4. Подключаем базу данных к сайту

Теперь свяжем базу данных с движком WP.

Заходим в корневую папку и находим там файл wp-config.php. Если там его нет, то переименовываем в это название файл wp-config-sample.php, убирая «sample». Прописываем  имя базы данных, имя пользователя и пароль, которые только что создали.

Как сделать сайт бесплатно самому с нуля | По шагам от установки до текста

Свои данные вставьте между одинарными кавычками и сохраните на сервере.

Если ваш домен прописался в Интернете, и прописались DNS-сервера (надо, чтобы со времени размещения домена на хостинг прошло некоторое время от 3 до 12 часов), набирайте в верхней строке браузера имя сайта (ваш домен, который вы купили). 

Шаг 5. Установка движка

Ход установки WP.
После подключения к базе данных через файл wp-config заходим в браузер и вбиваем доменное имя в адресную строку.

Далее начинается установка движка. Выбираем язык и жмем кнопку «Продолжить».

Установка-WordPress-на-хостинг

Движок обращается к базе данных, а так как мы уже это создали и подключили, нажимаем кнопку «Вперед».

В следующем окне, которого я показать не могу, вводим наши данные MySQL и после проверки доступности подключения к базе, если в wp-config всё заполнено верно, нажимаем кнопку «Запустить установку»

  • Следуя диалогу, вводим название сайта (его всегда можно изменить),
  • имя пользователя (администратора),
  • пароль администратора,
  • реальный адрес электронной почты (он пригодится, если забудете пароль).

войти-в-WordPress

Вот и все! Нажмите кнопку Войти. Сайт установлен!

 

Привет,-мир!-Установка-WordPress-на-хостинг

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

 

На этом техническая часть как создать сайт, связанная с хостингом, заканчивается, и начинается творчество.

Шаг 6. Консоль WordPress

Чтобы управлять проектом, писать статьи, изменять дизайн и быть полным его владельцем, надо войти в панель управления (консоль).

Набираем в адресной строке браузера своё доменное имя/wp-admin, например, sait.ru/wp-admin, и в появившемся диалоговом окне вводим логин/пароль. Затем входим в свою админ-панель.

Консоль WordPress

Через эту консоль можно преобразить любой проект, стоит только установить тему оформления

Платные шаблоны WordPress/Шаблон Fashionista для сайтов WordPress
Шаблон Fashionista для сайтов WordPress

 

Прочтите статью: https://smikhaylov.ru/poleznye-sovety/platnye-shablony-wordpress/, насколько важен выбор шаблона (темы оформления) и примите правильное, единственно верное решение. Рекомендую тему «Basic», которую можно скачать бесплатно, а потом дополнить её  дочерними шаблонами.
WP Puzzle

 

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

Что делать дальше, после того как сайт установлен на хостинг

Пока сайт существует лишь на стадии «каркаса», вам предстоит:

  1. Установить премиум-тему. Вы получите профессиональный дизайн и уважение поисковых систем.
  2. Установить плагины для правильной работы сайта. Плагины защитят от злоумышленников, помогут выводить статьи в ТОП, оптимизируют его работу в целом.
  3. Писать тексты. Веб-сайта без контента не существует. Отныне вам придётся научится  самому писать статьи, редактировать и оптимизировать их для поисковых систем.
  4. Научиться работать за компьютером:
  • Выделить для работы место на компьютере (диск, папку).
  • Тщательно просканировать свой компьютер утилитой CureIt и установить платный антивирус, чтобы избежать заражения вашего сайта через свой компьютер.
  • Освоить какой-нибудь графический редактор (фотошоп или др.) Для работы с графикой придётся изменять размеры изображений.
  • Научиться работать с тестовыми редакторами, делать снимки и захват экрана, преобразовывать речь в текст и др.
  • Научиться пользоваться Интернет-технологиями по работе с текстами, SEO-сервисами, и Вордстатом от Яндекса.
  • Для того чтобы сайт приносил доход, надо развиваться самому. Придётся познакомиться изучить язык страниц HTML и каскадные таблицы стилей CSS, изучить азы языка PHP (это нужно для понимания работы  движка WP).

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

 Photosop для чайников  Базовый курс WordPress  Курс "Домен и хостинг"  Работа за компьютером, курс

Кроме технических знаний хорошо бы интересоваться и читать материалы по тематике своей ниши. Как говорил дедушка Ленин: «Учиться, учиться, учиться!» Если вы не хотите «грузить мозги» всякими «страшными» словами (HTML, CSS), а сайт иметь хочется, то делайте его в конструкторе с полного нуля, и да будет вам счастье! 

Как сделать сайт самому быстро без кода

Теперь о конструкторах сайтов.

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

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

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

 

Обзор популярных конструкторов приведён ниже (по материалам сайта texterra.ru

Обзор-конструкторов-сайтов
Скачайте таблицу на компьютер. Сравните конструкторы, просматривая ячейки таблицы

Из приведённых в таблице конструкторов моё внимание привлёк LP-generator (LPG), специально «заточенный» для создания профессиональных лендингов. Если приходится создавать их в большом количестве, то LPG сэкономит деньги и время.

Конструктор Tilda — хороший выбор для создания контентных проектов и визиток самому с нуля.

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

1С-UMI позволяет опробовать проект, а потом выкупить этот ресурс в собственность на личный сервер. Веб-страницы получаются яркие красивые широким функционалом.

Nethouse наиболее подходит для небольших не навороченных Интернет-магазинов среднего класса.

Остальные конструкторы я не успел ещё опробовать.

Мой вывод по конструкторам таков: они все довольно дорогие и вряд ли окупят себя в руках новичка, за исключением LPG, да и то, если на этом конструкторе придётся делать много лендингов.

Контент для сайта

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

Контент-план и анализ конкурентов

Если имеется контент план:

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

Составление контент-плана начинается с выбора целевой аудитории (ЦА) и выбора тематики сайта. Надежными инструментами для этого являются сервис Вебмастер от mail.ru, Вордстат Яндекса и  Гугл Трендс.

Покажу это на примере, как делаю это сам.

Например, наш блог про финансовую грамотность. Кто наша целевая аудитория?

статистика аудитории от mail.ru

Из таблицы видно, что финансовой грамотностью интересуются мужчины от 19 до 49 лет и женщины с 19 до 65. И те и другие  наиболее активно интересуются от 35 до 49 лет. На них мы и будем рассчитывать, для них будем писать статьи и давать рекламу. Предположительно, это серьёзные состоявшиеся в жизни семейные люди с детьми и с профессией.

Далее посмотрим, насколько стабильны интересы нашей аудитории к данной теме

Гугл трендс

В течение года интерес в среднем 50-75 %, и довольно стабилен.

Теперь обратимся к Вордстату и узнаем, что ищет целевая аудитория по финансовой грамотности, какие слова люди набирают в поиске?

Ключевые-слова-из-Вордстат

На основании Вордстата составим семантическое ядро и темы для статей. Мы уже не пишем вслепую «для всех», а только для нашей целевой аудитории.

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

По каждой рубрике создаём семантическое ядро с Вордстатом. Но для более быстрого и комфортного нахождения ключевых слов рекомендую бесплатный сервис Букварикс и платную программу Key Collector. Eё цена, примерно, 1500 руб, но зато как классно с ней работать! Время сокращается в десятки раз, а результаты гораздо точнее. Да и стоит ли вручную обрабатывать 50 000 ключевых слов, чтобы взять на вооружение всего 50?

Где брать картинки для сайта.

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

Я сам люблю стоковый сайт https://allthefreestock.com/ с бесплатными фото и видео, там есть бесплатные макеты,  бесплатные шаблоны и  бесплатные звуковые эффекты.Стоковая-графика-для-сайта

Хороших стоковых сайтов очень много. На вкус и цвет… Придётся поискать и найти свой источник.

Как вариант, можно  бесплатно создать свою графику на Интернет-площадке canva.com. Сервис позволяет создавать графику самому бесплатно с нуля с отличным качеством.

  • Обложки для книг,
  • элементы графики,
  • фото, клипы, рисунки,
  • шрифты,
  • готовые решения и др.

Не размещайте рисунки из «Картинок» Яндекса или Гугла. Поисковики считают такой контент неоригинальным, а посетители — неинтересным, ведь такие картинки встречаются на десятках других сайтов.

Как самому создавать текст для сайта

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

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

Смотрите, как я сам начинаю работу над новой статьёй

  1. Выбираю ключевое слово для продвижения и сопутствующие ему дополнительные запросы. Например: Как сделать сайт бесплатно самому с нуля; сделать сайт самому на конструкторе; сделать сайт самому с нуля; сделать сайт  бесплатно самому на WP и т.п.
  2. Смотрю, какие сайты уже есть в поисковой выдаче по этим запросам и решаю, что именно я сделаю лучше. Если это невозможно, меняю запросы  в сторону уточнения. Например: сделать сайт самому в 2019 году: 5 способов.
  3. Задаю правильно мета-теги <Title> <description> и заголовок <H1>
  4. На основании анализа конкурентов создаю план текста и пишу статью.

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

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

Сделать сайт бесплатно самому с нуля

Я рассказал, как сделать сайт бесплатно самому с нуля, но это лишь план действий. Если обучиться на курсе Александра Борисова «Киберблоггер«, то вы не только создадите сайт, но и  станете блоггером-тысячником.

p/s Конечно, полностью бесплатно и с нуля сделать сайт новичку, практически, невозможно. Надо потраться на покупку домена и хостинга. Но если сравнить эти расходы с ценами на рынке, то это, действительно, бесплатно.

Добавить комментарий

Ваш e-mail не будет опубликован.

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

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