Простая пошаговая инструкция как создать вебсайт самому | Способы заработка в сети

Простая пошаговая инструкция как создать вебсайт самому

Как sozdat' sajt самому

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

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

 

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

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

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

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

Оглавление

  • Получить хостинг и зарегистрировать домен
  • Настройте свой сайт через веб-хостинг
  • Создать свой сайт
  • Готово, добавив контент (страницы и посты)

Прежде чем начать, прочтите это:пошаговая инструкция как создать вебсайт

На рынке существуют сотни различных платформ для создания сайтов и разработчиков сайтов.

WordPress, Wix, Joomla, Drupal … И это только несколько из них. На самом деле их много но я просто назвала несколько из них, самых популярных.

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

  • Это занимает слишком много времени (серьезно, очень много)
  • Ваш конечный результат будет в лучшем случае посредственным …

Но какой из них выбрать?

Давайте посмотрим на эти последние статистические данные, сделанные BuiltWith .

 

Kak sozdat' sajt
Простая пошаговая инструкция как создать вебсайт самому
otsiot-po-hostingam
Источник: https://trends.builtwith.com/cms/traffic/Entire-Internet/

Как видно из приведенного выше графика, в 2019 году наиболее популярными разработчиками веб-сайтов (или системами управления контентом) являются:

  • WordPress (бесплатно) 52%
  • Wix (платный) 7%
  • Joomla (бесплатно) 4%
  • Прогресс Sitefinity (бесплатно) 4%
  • SquareSpace (платно) 4%
  • Weebly (оплачивается) 2%

Вот почему большинство людей используют WordPress для создания сайта

В отличие от других  разработчиков сайтов , это абсолютно бесплатно.

WordPress — самая простая платформа, с которой я когда-либо работала, и она достаточно гибкая, чтобы удовлетворить всех — сайты малого бизнеса, интернет-магазины, крупные организации и так далее…

Но что более важно:

  • WordPress против HTML и CSS: изучение HTML с нуля может занять более 6 месяцев, не говоря уже о CSS и PHP. Базовые знания HTML могут помочь вам быстрее оценить ситуацию, но если вы хотите создать сайт в течение дня или двух, изучение HTML не является жизнеспособным вариантом.
  • WordPress против конструкторов сайтов: Создатели сайтов стоят дорого и зачастую очень ограничены. Они хороши для одно-страничных сайтов, но не более.
  • WordPress против Joomla / Drupal: WordPress намного удобнее для пользователя.

Но для начинающих я настоятельно рекомендую придерживаться WordPress.

PS Не выбирайте свою платформу сразу. Большинство веб-хостинга предлагают установку одним нажатием для WordPress, Joomla и Drupal. Вы можете решить позже, и вам не нужно ничего скачивать / устанавливать.

 

ШАГ 1 Получить веб-хостинг и зарегистрировать доменное имя

Чтобы настроить свой WordPress (или любой другой тип сайта), вам понадобятся две вещи:

  • Доменное имя (веб-адрес, такой как YourSiteName.com)
  • Веб-хостинг (услуга, которая соединяет ваш сайт с интернетом)

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

Владение собственным доменным именем выглядит гораздо более профессионально, чем размещение вашего сайта на чужом домене (например, yourbusiness.my-free-website.com), и это также очень доступно. Большинство хостинг-провайдеров предлагают домены БЕСПЛАТНО в течение одного года (обычно ~ 15 долларов в год).

В двух словах — без веб-хостинга и доменного имени ваш сайт НЕ будет существовать.

Где я могу зарегистрировать доменное имя и получить веб-хостинг?

Полное раскрытие : я получаю комиссию, если вы в конечном итоге зарегистрируйтесь в  Beget  через мои реферальные ссылки в этом руководстве. Это помогает мне поддерживать и обновлять мой сайт  в актуальном состоянии. Спасибо за вашу поддержку.

Я в основном использовал Beget  в качестве веб-хостинга и регистратора доменов.

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

Их начальная цена начинается с 149 /год, а в настоящее время они столько стоят у других в месяц — так что стоит их проверить.

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

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

Уже есть доменное имя и хостинг? Перейдите к шагу 2 , где я объясню, как вы можете настроить свой веб-сайт.

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

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

zaregistrirovatdomenihosting

2. Выберите план хостинга вашего сайта

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

  • Blog

  • Start

  • Noble

  • Great

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

Однако, если вы хотите увеличить или увеличить трафик на свой веб-сайт, я рекомендую выбрать план «Start». Это действительно на первое время хватит.

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

aa
b
a
aa

3. Выберите доменное имя

Если у вас еще нет доменного имени, вот простая отправная точка:

  • Если вы создаете веб-сайт для своего бизнеса, ваше доменное имя должно соответствовать названию вашей компании. Например:  ИмяКомпании.ru
  • Если вы планируете настроить веб-сайт для себя, то  Имяфамилия.ru может быть отличным вариантом.

К примеру, если вы Кристина Захарова и вы настраиваете сайт под себя то ваше доменное имя может быть (примерно) так:Kristina Zaharova.ru

 

Простая пошаговая инструкция как создать вебсайт самому

Таким образом вы можете в зоне ru, вы можете зарегистрировать этот домен, так как он свободен а в зоне рф не можете зарегистрировать так как формат не допустимый. 

Итак вводите в белую графу вместо Kristina Zaharova.ru, любое другое имя и нажимаете проверить. И как только вы найдете ваш домен нажимаете ниже на кнопку зарегистрировать, вводите свои данные как в паспорте (относитесь к этому серьезно, вы регистрируете адрес вашего бизнеса), номер телефона  и ВНИМАНИЕ! у вас есть домен и хостиннг!

Доменные имена обычно заканчиваются на .com, .ru, .org или .net, но в последнее время появилось огромное количество доменных расширений (конечная часть веб-адреса, например вместо.com), от .agency до .pizza ,

Мой хороший совет?  Избегайте странных расширений и используйте окончание  .ru .com, .net или .org,  если они не описывают полностью то, что вы предлагаете — и даже тогда посмотрите, сможете ли вы найти более распространенное имя.

Если у вас уже есть доменное имя, просто введите его и нажмите «Далее» в форме «У меня есть доменное имя».

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

4. Заполните данные своей учетной записи

Чтобы создать учетную запись, просто введите свои личные данные на странице «Создание учетной записи».

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

Необязательно также указывать название вашей компании в этой форме.

Введите свою платежную информацию, чтобы продолжить.

Простая пошаговая инструкция как создать вебсайт самому

5. Проверьте «Информацию о пакете» и завершите регистрацию

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

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

6. Создайте свой пароль и войдите в Bluehost

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

Screenshot2

 

ШАГ 2 Настройте свой веб-сайт

Купив доменное имя и настроив хостинг, вы уже в пути!

Теперь пришло время запустить ваш сайт. Первое, что вам нужно сделать, это установить WordPress на свой домен.

Установка WordPress

Есть два возможных способа установить WordPress, один НАМНОГО проще, чем другой. 

1. Чтобы создать сайт с WordPress (или Joomla и Drupal), используйте «установку одним щелчком»:

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

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

Вот шаги, которые вы должны выполнить (должны быть одинаковыми / одинаковыми во всех основных веб-хостингах):

  1. Войдите в свою учетную запись хостинга (Beget). (Вы попадете туда сразу после того как нажмете войти )

 

 

Screenshot2

2. Перейти к вашей панели управления CMS (Установка систем управления, движка).

Простая пошаговая инструкция как создать вебсайт самому

3.Найдите значок «WordPress» и нажмите на него

wordprescms

4. Выберите домен, где вы хотите установить свой новый сайт.

Простая пошаговая инструкция как создать вебсайт самому

5. Нажмите кнопку «Установить», и вы получите доступ к вашему новому веб-сайту WordPress.

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

Простая пошаговая инструкция как создать вебсайт самому

Где стрелка на букву i (information) вы всегда можете нажать и узнать пароль вашего сайта.

Он будет выглядеть примерно так:

Простая пошаговая инструкция как создать вебсайт самому

ШАГ 3 Создайте свой сайт

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

Но вы же не хотите выглядеть как все?

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

temawordpress

Вот где это становится забавным:

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

Большинство тем WordPress бесплатны и легко настраиваются. 

Вот как найти понравившуюся тему:

1. Войдите в свою панель управления WordPress.

Если вы не уверены, как, введите: https://ваш сайт/wp-admin (замените «ваш сайт» на ваш домен).

К примеру  будет так :  http://Kristina Zaharova.ru/wp-admin 

http://Kristina Zaharova.ru/wp-admin

Вот так выглядит панель управления WordPress:

 

Screenshot3

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

2. Доступ к бесплатным темам

Попав на панель инструментов, вы получите доступ к более чем 1500 бесплатных тем! Просто найдите на боковой панели «Внешний вид», а затем нажмите «Темы».

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

Простая пошаговая инструкция как создать вебсайт самому

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

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

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

Просто введите его в качестве одного из ключевых слов, и все будет готово!

3. Установите новую тему

После того, как вы нашли понравившуюся тему, установить ее так же просто, как нажать «Установить», а затем «Активировать».

ВАЖНО : Смена тем не удалит ваши предыдущие посты, страницы и контент. Вы можете менять темы так часто, как захотите, не беспокоясь о потере созданного вами.

 

ШАГ 4 Добавьте контент на ваш сайт

С установленной темой вы готовы начать создавать контент. Давайте быстро пройдемся по некоторым основам:

Добавление и редактирование страниц

Хотите страницу «Услуги» или страницу «Обо мне» (как у меня в меню вверху сайта)?

1. Найдите на боковой панели WordPress Консоль«Страницы» -> «Добавить новый».

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

Простая пошаговая инструкция как создать вебсайт самому

Добавление страниц в меню

Если вы хотите, чтобы ваша новая страница была связана с панелью навигации,

1. Сохраните все сделанные вами изменения на странице, нажав «Обновить».

2. Нажмите «Внешний вид» -> «Меню» на боковой панели панели управления WordPress.

3. Найдите созданную вами страницу и добавьте ее в список, установив флажок рядом с ней, а затем «Добавить в меню».

 

Простая пошаговая инструкция как создать вебсайт самому

Добавление и редактирование сообщений

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

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

Вот что вам нужно сделать:

а. Создайте новую категорию, перейдя в «Сообщения -> Категории»

ИЛИ ЖЕ

б. Создайте записи в блоге, перейдя в «записи -> Добавить новый». Как только вы закончите писать свой блог, вам нужно добавить правильную категорию для него.

После того, как вы создали свою категорию, просто добавьте ее в меню, и вы в деле!

Работа с бесконечными настройками…

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

Изменение вашего названия 

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

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

(Не можете найти его? Просто наведите курсор мыши на вкладку в верхней части веб-браузера).

 

Чтобы изменить заголовок и слоган на вашем сайте, перейдите в «Настройки -> Общие» и заполните форму ниже:

Простая пошаговая инструкция как создать вебсайт самому

Отключение комментариев для постов и страниц

Некоторые веб-сайты (в основном бизнес-сайты) не хотят, чтобы их посетители могли комментировать свои страницы.

Вот как отключить комментарии на страницах WordPress :

1. Пока вы пишете новую страницу, нажмите «Параметры экрана» в правом верхнем углу.

2. Нажмите на поле «Обсуждение». Поле «Разрешить комментарии» появится внизу.

3. Снимите флажок «Разрешить комментарии».

Хотите отключить комментарии на каждой новой странице по умолчанию?

1. Перейдите в «Настройки -> Обсуждение» и снимите флажок «Разрешить людям оставлять комментарии к новым статьям».

 

Простая пошаговая инструкция как создать вебсайт самому

Настройка статической главной страницы

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

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

Чтобы настроить статическую титульную страницу:

1. Зайдите в «Настройки -> Чтение»

2. Выберите статическую страницу, которую вы создали. «Главная страница» обозначает вашу домашнюю страницу. «Страница сообщений» — это главная страница вашего блога (если весь ваш сайт не является блогом).

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

Простая пошаговая инструкция как создать вебсайт самому

Редактирование боковой панели

Большинство тем WordPress имеют боковую панель справа (в некоторых случаях она слева).

Если вы хотите избавиться от боковой панели или отредактировать ненужные элементы, такие как «Категории», «Мета» и «Архивы», которые обычно бессмысленны, вот как:

1. Перейдите в «Внешний вид -> Виджеты» на панели управления WordPress.

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

Также есть «HTML-поле» — текстовое поле, в котором вы можете использовать HTML-код. Для начинающих, не беспокойтесь об этом — просто перетащите элементы, которые вы хотите на боковой панели. (

 

Простая пошаговая инструкция как создать вебсайт самому

Установка плагинов, чтобы получить больше от WordPress

Что такое плагин?

«Плагины» — это расширения, созданные для расширения возможностей WordPress, добавления функций и функций на ваш сайт, которые не являются встроенными.

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

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

Как мне установить новый плагин?

Чтобы начать установку плагинов, перейдите в «Плагины -> Добавить новый» и просто начните поиск.

Имейте в виду, что существует более 25 000 различных плагинов , так что у вас есть много на выбор!

Установка проста — как только вы найдете плагин, который вам нравится, просто нажмите «Установить».

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

Чтобы сэкономить ваше время, я собрала список , которые веб-мастера считают полезными:

  • # 1 Контактная форма 7 : Мой сайт имеет контактную форму на моей   странице Обо мне . Это потрясающая функция, так как люди (как и вы!) Могут заполнить форму и отправить мне электронное письмо, не входя в собственный почтовый провайдер. Если вы хотите сделать что-то подобное, обязательно получите этот плагин. 
  • # 2 Yoast SEO для WordPress : если вы хотите сделать свой сайт WordPress еще более оптимизированным для SEO, этот плагин просто необходим. Это бесплатно, и это круто. Вы сможете редактировать свои теги заголовков, мета-описания и многое другое, все на самой странице — больше не нужно суетиться с настройками WordPress.
  • # 3 Google Analytics : хотите отслеживать посетителей / трафик и их поведение? Просто установите плагин, подключите его к своей учетной записи Google, и вы готовы к работе.

Конечно, это только верхушка айсберга! Вот лучшие 12 плагинов WordPress (бесплатные и платные)​

Поздравляем — вы готовы к запуску!

Чтобы быстро суммировать шаги, которые вы узнали:

Оглавление

  1. Получить веб-хостинг и зарегистрировать домен.
    Выбор веб-хостинга. 
    Выбор доменного имени.
  2. Настройте свой сайт через веб-хостинг.
    Установка WordPress
  3. Создай свой сайт
    Поиск темы 
    Установка темы
  4. Готово, добавив контент (страницы)
    Добавление и редактирование страниц 
    Настройка и настройки

И последнее, но не менее важное — продолжайте улучшать свой сайт!

Яндекс.МетрикаTop.Mail.Ru