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

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

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

сделай сайт

 С чего начать работу над созданием сайта

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

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

Домен (доменное имя) — это фактический адрес Интернет-ресурса.

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

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

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

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

 

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

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

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

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

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

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

 

 

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

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

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

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

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

и другое

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

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

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

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

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

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

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

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

Три способа самостоятельного создания сайта:

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

Что такое СМS

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

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

В самом деле Систем Управления Контентом много. Я писал о них здесь.

Процесс создания WordPress-сайта на хостинге Джино

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

Шаг 1

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

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

 

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

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

Шаг 2

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

уcтановка-Wordpress

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

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

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

Шаг3

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

 

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

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

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

Шаг 4

Теперь надо связать базу данных с WordPress.

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

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

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

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

 Шаг 5

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

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

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

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

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

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

войти-в-WordPress

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

 

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

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

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

Шаг 6

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

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

Консоль WordPress

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

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

 

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

 

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

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

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

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

Вот материалы в помощь:

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

Всё круто и качественно! Саша, спасибо, Моё тебе уважение.

 

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

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

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

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