Как создать сайт с нуля: Пошаговая инструкция для новичков

Поделиться ВКонтакте Поделиться в Facebook Добавить в Twitter Добавить в Telegram

Как создать сайт с нуля - Пошаговая инструкция

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

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

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

Содержание

  1. Что лучше CMS или конструктор сайтов
  2. Как создать сайт с нуля: Пошаговая инструкция
    1. Выбор тематики сайта
    2. Поиск хостинга и домена
    3. Какую CMS систему выбрать
    4. Перенос сайта на хостинг
    5. Поиск адаптивного шаблона
    6. Дубликаты страниц на сайте
    7. Настройка редиректов на сайте
    8. Получение ssl сертификата
    9. Добавление логотипа и фавиконки
  3.  Заполнение сайта контентом
  4. Добавление сайта в поиск Google и Яндекс

 

Многих интересует такой вопрос, сколько будет стоить создание своего веб-сайта. Многое зависит от того какой хостинг вы выберете, а также регистр сайта то есть ru, com, net и так далее. Давайте на примере моего сайта я расскажу сколько я плачу в месяц используя домен Beget. Доменное имя на 1 год стоит 179 рублей, один раз заплатили и все, а оплата хостинга 165 рублей каждый месяц по тарифу Blog, на сегодняшний день самый дешёвый.

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

 

Что лучше CMS или конструктор сайтов?

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

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

 

Плюсы и минусы CMS и конструктора сайтов:

Преимущества и недостатки CMS системы Конструкторы сайтов
Домен 2-уровня + -
Быстрое продвижение в поиске + -
Возможность изменить код + -
Быстрая разработка сайта - +
Цена Недорого Бесплатно

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

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

Много плюсов еще имеют CMS системы, и вот один из них, со временем вы наверняка захотите сменить дизайн сайта, что-то где то поправить, а для этого нужно знать html и css. Так вот, я за один год постоянно изменяя свой дизайн сайта, выучил css и html, и даже не заметил как это случилось. Каждый из вас тоже сможет изучить все это, но только на практики.

 

Как создать сайт с нуля: Пошаговая инструкция

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

 

1. Выбор тематики сайта

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

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

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

  • Авто;
  • Бизнес;
  • Кулинария;
  • Спорт;
  • Медицина;
  • Строительство;
  • Мода.

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

 

2. Поиск хостинга и домена

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

Хостинг - это хранилище для сайтов которое работает 24 на 7. С помощью хостинга ваш сайт будет доступен любому пользователю и из любой точки мира.

Домен - это имя сайта которое вписывается в адресной строке после https, http или-же www. Доменное имя можно придумать любое, обычно это название сайта или что-то связанное с тематикой веб-ресурса. Домен может быть как двухуровневый, так и трёхуровневый. Опытные вебмастера выбирают доменное имя двухуровневая.

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

  • Beget;
  • Reg;
  • Hoster;
  • Hostinger;
  • Adminvps.

При регистрации на хостинге рекомендуется указывать своё реальное имя, фамилию и дату рождения так как если у вас украдут домен, вы сможете доказать что он принадлежит именно вам и поверьте такое бывает. Как только вы зарегистрировались на хостинге, нужно перейти в раздел "Домены и поддомены" на Beget, если же вы воспользовались другим хостингом ищем похожий раздел. Теперь осталось только придумать доменное имя, нажать кнопку зарегистрировать и ждать когда он будет доступен в сети, обычно это происходит в течение часа.

 

3. Какую CMS систему выбрать

В интернете существует большое количество различных cms систем, которые упрощают разработку веб-сайтов любой сложности. Выбрав тематику сайта, можно определиться, какая cms система лучше всего для этого подходит. Например, cms система WordPress лучше всего подходят для блогов, интернет-магазинов, а такая cms как Data File Engine(DLE) больше всего подходит для кино сайтов.

  • WordPress;
  • Data File Engine(DLE);
  • 1C-Bitrix;
  • Joomla;
  • Drupal.

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

 

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

После выбора хостинга и выбора cms системы, нужно эту же cms систему перенести на хостинг. Это нужно для того чтобы ваш сайт отображался в сети круглосуточно и посетители смогли его находить. Перенести сайт на хостинг можно двумя способами, загрузить через FTP или через рабочее меню на самом хостинге. Мы же пойдем более легким путем по с помощью второго способа. Как это сделать я покажу на примере хостинга Beget.

  • Переходим в свой личный кабинет и кликаем "Файловый менеджер", после чего попадаем на другую вкладку.
  • Далее, переходим в папку с названием нашего сайта и еще в одну "public_html", если такой нет создайте.
  • В верху есть кнопк "Загрузить файлы", нажимаем на нее и ищем на ПК, CMS систему которую вы ранее загрузили она должна быть в zip архиве.
  • Теперь нужно распаковать zip архив. По загруженному файлу на хостинге кликаем правой клавишей мыши и выбираем "Распаковать архив".

Распакованный архив должен находиться в папке "public_html", так как если распакуете не в ту директорию, вы не сможете перейти на свой сайт.

 

5. Поиск адаптивного шаблона

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

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

 

6. Дубликаты страниц на сайте

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

Дубликаты страниц - это страницы частично либо полностью похожие друг на друга имеющие одинаковый контент, но с разными url адресами. Такие страницы появляются по различным причинам, от которых можно избавиться прежде чем запустить сайт. Причин по которым образуются дубли страниц есть несколько.

  1. Одна и та же статья помещена в две разные категории, тем временем попасть на эту-же страницу можно по двум разным url адресам.
  2. Лишние символы в url адресах, например один слеш или несколько в конце .html, на одну и ту же страницу можно зайти как по https, http и www. Все это настраивается в файле .httacces. Как его настроить вы можете найти ниже в статье.
  3. Изменение содержимого сайта после публикации статьи в поиске. После того как ваши статьи будут опубликованы в сети их url нельзя менять, так как опять же будут дубликаты, а если вы захотите изменить url на другой используйте редиректы.

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

 

7. Настройка редиректов на сайте

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

Httacces - это файл в котором настраиваются редиректы, то-есть перенаправление пользователя с одного url адреса на другой автоматически. Данный файл можно найти в корне вашего сайта, а если его нет создайте файл с именем .httacces, точка в начале обязательно. 

Рекомендую сразу-же настроить данные редиректы:

  • Редирект с http на https;
  • Редирект с www на без www;
  • Удаление index.php из url;
  • Убираем index.html из url;
  • Редирект со слеша на без слеша.

Все эти редиректы вы можете найти в статье, все виды редиректов о которых я писал ранее. Готовые куски кода нужно просто вставить в файл .httacces и сохранить файл. После таких настроек, на ваш сайт люди будут попадать по правильному адресу. Даже если кто-то перейдет по url такого вида http.site.ру его перекинет автоматам на https.site.ру.

 

8. Получение ssl сертификата

Ssl сертификат - это защищенное соединение которое шифрует пароли, данные банковских карт и т.д. У всех сайтов которые имеют ssl сертификат url адрес начинается с https. Получить ssl сертификат можно как платно, а так же и бесплатно. 

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

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

  • Переходим в личный кабинет и ищем раздел “Домены и поддомены”;
  • Рядом с доменом который вы приобрели есть иконка с “ssl” кликаем по ней;
  • Откроется новая страничка на которой кликаем по кнопке “Заказать” и ждем пока сертификат не подключиться, обычно это происходит в течении 12 часов, я получил в течении 2 часов.

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

 

9. Добавление логотипа и фавиконки

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

Как правило логотип размещается в самом верху на сайте и и имеет в себе название самого сайта, бренда. При клике по логотипу, происходит переход на главную страницу. Логотип можно сделать как самому так и заказать за деньги и стоимость, в среднем такая услуга обойдется вам в сумму от 30$ до 100$.

Фавикон - это маленькая картинка которую мы можем увидеть во вкладках рядом в заголовком, а также в результатах поиска Яндекс. Размер фавиконки может быть 16x16, 32x32, 48x48 и называться favicon.ico. Для того чтобы иконка отображалась, ее нужно поместить в корень сайта.

 

Заполнение сайта контентом

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

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

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

 

Добавление сайта в поиск Google и Яндекс

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

Предупрежу сразу, перед тем как добавлять сайт в поисковые системы он должен быть полностью настроен и статей должно быть как минимум 5, так как можно получить предупреждение от Яндекс “Малополезный контент” и потом придется эту ошибку устранять.

Добавляем сайт в Google Search Console:

  1. Переходим в Google Search, если в еще не зарегистрировались то сделайте это.
  2. В меню с правой стороны жмем “Добавить ресурс”. Выбираем второй блок “Ресурс с префиксом в URL” и прописываем доменное имя сайта.
  3. Подтверждение того что сайт принадлежит именно вам. Кликаем по вкладке “Скачать файл” и сохраняем его на своем ПК, данный файл нужно загрузить на хостинг в корень вашего сайта.
  4. Как только файл разместили на сайте жмем кнопку “Подтвердить”.

 

Добавляем сайт в Яндекс Вебмастер:

  1. Заходим в Яндекс Вебмастер, перед этим нужно создать аккаунт.
  2. Вверху жмем на плюс и указываем адрес нашего веб-сайта.
  3. Подтверждение прав. Выбираем способ подтверждения HTML-файл и кликаем по ссылке которая выделена синим цветом и сохраняем файл на ПК.
  4. Файл нужно загрузить на хостинг в корень вашего сайт, после чего в Яндекс Вемастер нажать кнопку “Проверить”.

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

 

Заключение

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *