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

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

Вы всегда хотели создать сайт, но не знали как? Может вы всегда думали, что это слишком сложно, потому что нужно изучать программирование и дизайн?

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

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

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

Готовы запустить свой сайт сегодня? Давайте начнем …

Как создать сайт за 5 шагов

  1. Определиться какой тип сайта вам нужен

    визитка, блог, каталог, информационный, новостной, рецепты, обзоры, лендинг, магазин

  2. Выбрать домен и приобрести хостинг

    домен — это адрес вашего сайта в Интернет, а хостинг — это часть диска на котором хранятся файлы сайта

  3. Установить систему управления сайтом

    в нашем случае это WordPress в силу легкости управления и богатства функций

  4. Настроить свой сайт

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

  5. Создать необходимые страницы и подготовить их к заполнению

    создание статических и динамических страниц, отображение их в меню сайта

Шаг 1. Определиться какой тип сайта вам нужен

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

Глобально существует 2 типа сайтов: коммерческие и информационные. Здесь все просто — коммерческие продают что-то: услуги, товары, сервисы, а информационные рассказывают о чем-то. Однако, из любого коммерческого запроса можно сделать информационных, например, «купить металлопластиковые окна» это коммерческий запрос и сайт продающей окна или собирает заявки на замеры и установку окон, является коммерческим. Но «как выбрать металлопластиковые окна» — это информационный запрос и сайт рассказывающий как это сделать, чаще всего, информационный, или же раздел коммерческого — блог, что позволяет собирать дополнительную аудиторию из поиска.

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

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

Создание сайта с помощью конструктора

Этот вариант самый простой. Однако имеет очень много недостатков, затмевающих преимущества. Главными недостатками является цена, отсутствие возможности кастомизации сайта, а также невозможность никуда переехать, потому что такой сайт работает только в конструкторе и вы «привязаны» к сервису, который создал конструктор со всеми его требованиями. К тому же такой сайт, практически, не принадлежит вам, вы только его арендуете.

Написание сайта «с нуля»

Это хороший способ, но для создания сайта таким путем нужно знать как минимум гиперразметку html и каскадные таблицы стилей css, а к тому же еще хотя бы php и javascript. Это минимальный объём знаний. Думаю первый сайт вряд ли у вас вышел бы феерическим, не обижайтесь 🙂

Использование CMS (Content Management System)

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

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

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

Бесплатная CMS% сайтов
#1🥇 WordPress42.02%
#2🥈Joomla12,09%
#3🥉OpenCart3,61%
#4 Drupal2,91%
#5 MODX Revolution2,17%
#6 MODX Evolution2,14%
Другие35,06%

Отже визначившись який сайт вам потрібен можемо приступити до безпосердьного розбору практичного питання як створити сайт

Шаг 2. Выбрать домен и приобрести хостинг

Домен — это адрес вашего сайта в интернете, а хостинг — место где сайт «проживает», то есть это часть удаленного диска на котором хранятся файлы вашего сайта, и который всегда on-line.

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

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

Если вы не рассчитываете сразу на огромную посещаемость, или интернет магазин с тысячами товаров, то можете смело воспользоваться вот этим выгодным предложением 💵. В чем его выгода? В том, что это цена хостинга с доменом и она будет такой же и в следующем году, вам не придется отдельно продолжать домен и отдельно хостинг, как в других провайдеров. К тому же здесь на борту все необходимое: быстрые SSD-диски, ssl-сертификат без которого сейчас никуда, локация серверов в Украине, Европе и США и еще многое другое.

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

Итак поехали …

Сразу несколько советов как выбрать хороший домен:

  • Желательно чтобы домен совпадал с тематикой вашего сайта
  • Выбирайте адрес как можно короче
  • По возможности, избегайте тире и цифр
  • Выбирайте расширение домена, что соответствует географии будущих посетителей вашего сайта, например, для Украины это com.ua, net.ua, .ua (с .ua здесь есть определенные сложности, только торговые марки могут регистрировать такие домены), или выбирайте международные зоны .com, .net, .org которые подойдут всем, или даже что-то тематическое и новое — .technology, .store и т.д

Переходим на страницу 🎯 и начинаем подбор доменного имени. В форму вписываем имя которое бы нам хотелось получить для своего сайта и выбираем расширения. Жмем ПРОВЕРИТЬ и смотрим или оно свободно. Если доменное имя свободно, то вы сможете продолжить оформление, если нет, то система предложит несколько вариантов из других зон, или порекомендует выбрать другой вариант.

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

Когда вы нажмете ПЕРЕЙТИ К ЗАКАЗ, то откроется окно, в котором нужно ввести свое Ф.И.О. и электронный адрес. Продолжив вы попадете в корзину с заказом. Выбираете период оплаты услуги и в поле Выберите доменное имя впишите выбранный ранее домен, система его еще раз проверит и добавит к заказу.

Выберите размещения дата центра

Это дело такое: желательно чтобы серверы находились поближе к будущей аудитории вашего сайта, так отклик будет быстрее, однако это не является критическим, поскольку отклик из Амстердама в Украину будет почти таким как и с Харькова 🙂

Жмем ОФОРМИТЬ ЗАКАЗ и переадресовываемся на Счет № …., Где выбираем способ оплаты и проводим ее.

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

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

Шаг 3. Установить систему управления сайтом

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

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

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

Идем на страницу хостинг-провайдера и в правом верхнем углу сайта видим кнопку Панель клиента. Жмем на нее и вводим логин и пароль созданный при покупке хостинга и домена.

Далее попадаем в панель хостинга и видим такую ​​картину. Нас интересует раздел Продукты и услуги

Там у нас отображается наш хостинг и домен и есть кнопка Контрольная панель.

Нажимаем ее и попадаем в панель управления хостингом cPanel. Где проведем несколько настроек и установим систему управления сайтом.

Уже через несколько минут вы увидите свой сайт!

Нам откроется следующая картина cPanel

cPanel

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

Итак начнем …

Установление ssl-сертификата

Прокручиваем страницу в раздел Безопасность

как создать защищеный сертификатом сайт

Итак раздел Безопасность и пункт Let’s Encrypt ™ SSL. Жмем и переходим в настройки выпуска ssl.

На открывшейся странице мы находим Issue a new certificate и наш приобретенный домен напротив которого будет + Issue жмем на эту ссылку и будет выпущено ssl-сертификат для вашего домена.

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

Как только вы увидите сообщение об успешном выпуске ssl для вашего домена, можно вернуться на главную страницу cPanel нажав на логотип cPanel в левом верхнем углу.

Прокручиваем в раздел Программное обеспечение

Ответы на часто задаваемые вопросы:

💰 Сколько стоит сделать свой сайт?

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

📘 Нужны ли особые знания или навыки для создания своего сайта?

Используя наше простое руководство собственный сайт можно создать не имея никаких особых навыков или знаний

👤 Кто может создать свой сайт?

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

🏪 Как создать онлайн магазин?

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