Как создать сайт с нуля. Пошаговое руководство

Для чего нужно создавать сайт? Сайт — это первичная форма делового сотрудничества, основанная на привлечении новых партнеров в Бизнес Faberlic, с которым вы работаете. Партнерство — это один из видов бизнеса, который при правильном к нему подходе способен приносить немалые деньги.

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

Создание и настройка сайта

Домен — имя сайта/блога, по которому его находят в интернете

Хостинг — дом вашего сайта, то есть это место, где будет храниться весь контент вашего сайта (тексты, аудио, видео, изображения, веб-страницы)

Движок сайта (CMS) — система управления содержимым сайта (контент)

WordPress — самый популярный и самый удобный движок сайта

Плагин — это дополнение для движка сайта в интернете

Схема создания сайта

  1. Регистрируемся на хостинге, где будет жить наш сайт.
  2. Придумываем и регистрируем имя (домен) нашему сайту.
  3. Устанавливаем движок (WordPress) на сайт.

ПОШАГОВОЕ РУКОВОДСТВО «КАК СОЗДАТЬ САЙТ С НУЛЯ»

1.  РЕГИСТРАЦИЯ НА ХОСТИНГЕ

1.1 Регистрация на хостинге по ссылке: https://mchost.ru

1.2 Выбираете тариф, как указано на картинке:

1.3 Далее выполняем регистрацию аккаунта. Оплачиваем хостинг и домен.

1.4 Производится регистрация аккаунта и присваивается панель управления аккаунтом, логин и пароль.

1.5 И переходим в Личный кабинет Макхоста (нашего хостинга).

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

1.7 Далее ждем активацию аккаунта (в течении 2-х рабочих дней).

2. КАК ЗАРЕГИСТРИРОВАТЬ ДОМЕН

  1. Для начала необходимо пополнить баланс для оплаты домена в размере 249 руб.

2. В строке сумма для оплаты указываете 249 руб. для домена в зоне .ru (я указываю 1000 руб. для зоны .com (кстати, делаю в реальном режиме новый сайт) и следуете инструкции по оплате, благодаря подсказкам.

3. После оплаты переходим в раздел «Зарегистрировать домен», где указано стрелкой:

4. В строке «Доменное имя» — придумываете свое имя домена.

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

6. Итак, регистрация домена завершилась. Отлично.

Что дальше? Теперь необходимо установить движок  (WordPress) на наш будущий сайт.

3. УСТАНОВКА WORDPRESS НА САЙТ

  1. Если домен стал активным, то далее устанавливаем WordPress.
  2. В Личном кабинете Макхоста заходим во вкладку «Управление услугами», далее «Установка приложения» и выбираем WordPress и нажимаем кнопку «Установить»

3. Далее выбираем свой сайт.

4. Путь установки — ничего не заполняем.

5. И кстати, в отдельном файле или блокноте записываем все логины и пароли. Это важно!  И сейчас записываем логин и пароль для входа на свой будущий сайт для ведения его (добавление текстов, фото и т.п.)

6. И нажимаем «Установить приложение»

7. И ждем, когда Макхост установит программу WordPress.

8. Итак, установлен пакет программного обеспечения WordPress 5.0.2, а также  придет сообщение на электронную почту об установке.

4. НАСТРОЙКА WORDPRESS

  1. В личном кабинете Макхоста заходим в раздел «Мои домены» и раскрываем данную вкладку.

2. Нажимаем на свой домен, у меня faberlic-set.com И при переходе будет вот такая картинка.

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

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

5. Теперь напишу основные параметры текстом, а вы выполните каждое задание по настройке:

5.1 Раздел «Консоль» — Справа вверху — настройки экрана — ставим (оставляем) галочки «на виду» и «активность», остальные галочки убираем.

5.2  Раздел «Пользователи» — «Ваш профиль»:

  • Верхняя панель — галочку убираем
  • Имя — ваше настоящее Имя
  • Фамилия — ваша настоящая Фамилия
  • Ник — ваши Имя и Фамилия
  • Сайт — имя сайта, то есть доменное имя, например, у меня будет выглядеть так: http://faberlic-set.com/

И внизу нажать на кнопку «Обновить профиль»

5.3 Раздел «Настройки» — общие

  • название сайта — убираем все надписи
  • краткое описание -убираем все надписи

далее нажать на кнопку «Сохранить изменения»

5.4 Раздел «Настройки» — написание

  • почтовый сервер: слова убираем
  • логин — убираем слова
  • пароль — убираем слова
  • сервисы обновления: вставить следующий текст:

http://rpc.pingomatic.com/

http://1470.net/api/ping

http://a2b.cc/setloc/bp.a2b

http://api.feedster.com/ping

http://api.moreover.com/RPC2

http://api.moreover.com/ping

http://api.my.yahoo.com/RPC2

http://api.my.yahoo.com/rss/ping

http://bitacoles.net/ping.php

http://bitacoras.net/ping

http://blogdb.jp/xmlrpc

http://blogdigger.com/RPC2

http://blogmatcher.com/u.php

http://blogoole.com/ping

http://blogoon.net/ping

http://blogpeople.net/servlet/weblogUpdates

http://blogshares.com/rpc.php

http://blogsnow.com/ping

http://blogstreet.com/xrbin/xmlrpc.cgi

http://blog.goo.ne.jp/XMLRPC

http://bulkfeeds.net/rpc

http://coreblog.org/ping

http://lasermemory.com/lsrpc

http://mod-pubsub.org/kn_apps/blogchatter/ping.php

http://newsisfree.com/xmlrpctest.php

http://ping.amagle.com

http://ping.bitacoras.com

http://ping.blo.gs

http://ping.bloggers.jp/rpc

http://ping.blogmura.jp/rpc

http://ping.cocolog-nifty.com/xmlrpc

http://ping.exblog.jp/xmlrpc

http://ping.feedburner.com

http://ping.myblog.jp

http://ping.rootblog.com/rpc.php

http://ping.syndic8.com/xmlrpc.php

http://ping.weblogalot.com/rpc.php

http://ping.weblogs.se

http://pingoat.com/goat/RPC2

http://rcs.datashed.net/RPC2

http://rpc.blogbuzzmachine.com/RPC2

http://rpc.blogrolling.com/pinger

http://rpc.pingomatic.com/

http://rpc.technorati.com/rpc/ping

http://rpc.weblogs.com/RPC2

http://snipsnap.org/RPC2

http://trackback.bakeinu.jp/bakeping.php

http://topicexchange.com/RPC2

http://weblogues.com/RPC

http://xping.pubsub.com/ping

http://xmlrpc.blogg.de

http://bblog.com/ping.php

http://blogbot.dk/io/xml-rpc.php

http://catapings.com/ping.php

http://effbot.org/rpc/ping.cgi

http://thingamablog.sourceforge.net/ping.php

http://blogsearch.google.com/pingRPC2

http://rpc.newsgator.com

http://newsisfree.com/RPCCloud

http://mod-pubsub.org/ping.php

http://pingqueue.com/rpc

http://rpc.britblog.com

http://services.newsgator.com/ngws/xmlrpcping.aspx

http://holycowdude.com/rpc/ping

http://wasalive.com/ping

http://blogpeople.net/servlet/weblogUpdates

http://blogsearch.google.com/pingRPC2nd

http://api.my.yahoo.com/rpc2

http://pinger.blogflux.com/rpc

http://rpc.icerocket.com:10080

http://blog.goo.ne.jp/xmlrpc

http://pingoat.com/goat/rpc2

http://rcs.datashed.net/rpc2

http://rpc.blogbuzzmachine.com/rpc2

http://newsisfree.com/rpccloud

http://queerfilter.com/ping

http://weblogues.com/rpc

http://api.mw.net.tw/RPC2

http://api.my.yahoo.com/ping

http://blogsdominicanos.com/ping

http://blogsearch.google.co.uk/pingRPC2

http://blogsearch.google.us/pingRPC2

http://feedsky.com/api/RPC2

http://fgiasson.com/pings/ping.php

http://focuslook.com/ping.php

http://holycowdude.com/rpc/ping

http://imblogs.net/ping

http://ping.blogg.de

http://ping.blogs.yandex.ru/RPC2

http://ping.fakapster.com/rpc

http://ping.wordblog.de

http://pinger.onejavastreet.com

http://rpc.tailrank.com/feedburner/RPC2

http://rpc.wpkeys.com

http://rssfeeds.com/suggest_wizzard.php

http://rssfwd.com/xmlrpc/api

http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz

http://weblogalot.com/ping

http://xianguo.com/xmlrpc/ping.php

http://zhuaxia.com/rpc/server.php

http://focuslook.com/ping

 

далее нажимаем на кнопку «Сохранить изменения»

5.5 Раздел «Настройки» — чтение

  • на главной странице отображать

V — статическая страница

10 — записей

полный текст

  • видимость для поисковых систем — галочку ставить не нужно
  • далее «Сохранить изменения»

5.6 Раздел «Настройки» — постоянные ссылки

  • V — произвольно и вставить вместо иероглифов следующий текст:   /%category%/%postname%.html
  • далее «Сохранить изменения»

5. УСТАНОВКА ОСНОВНЫХ ПЛАГИНОВ

СПИСОК ОСНОВНЫХ ПЛАГИНОВ, КОТОРЫЕ БУДЕМ УСТАНАВЛИВАТЬ НА СВОЙ БУДУЩИЙ САЙТ:

1. All In One SEO Pack – плагин для оптимизации сайта под требования поисковых систем.
2. Google XML Sitemaps – плагин отображающий карту сайта, для того, чтобы поисковики могли сразу найти все статьи блога.
3. Dagon Design Sitemap Generator (<!-- ddsitemapgen -->) — плагин для автоматического вывода всех статей блога на одной странице.
4. RusToLat – плагин для отображения понятных и читаемых ссылок на страницы и записи блога.
5. ВП Типограф Лайт — плагин для правильного отображения символов (обработка кавычек, тире).
6. WP-NoRef — плагин для закрытия ссылок от индексации.
7. Invisible Captcha — плагин для борьбы со спамом.

1. All In One SEO Pack

1.1 В поисковой строке Яндекса набираем название плагина, переходим и скачиваем его на рабочий стол.

1.2 Далее переходим в свой сайт бэк-офиса и в разделе «Плагины» — «Добавить новый» — далее нажать на кнопку «Загрузить плагин»

1.3 Нажимаем на кнопку «Выберите файл» и загружаете скачиваемый ранее с Яндекса плагин и нажимаете кнопку «Установить» — далее «Активировать плагин»

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

1.5 Далее настраиваем этот плагин:

1.5.1 Настройки ключей: включить

1.5.2 Настройки заголовков — перезаписывать заголовки — включить

1.5.3 Настройки для пользовательских типов записей — отключить

1.5.4 Настройки индексирования (noindex) — поставить галочку — использовать noindex для архивов меток

1.5.5 Далее обновить настройки.

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

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

2. Google XML Sitemaps

2.1 В бэк-офисе, можно, кстати, называть конструктор сайта...итак,  в разделе «Плагины» — добавить новый — в поиске плагинов вставляем название плагина  Google XML Sitemaps — установить — активировать. 

2.2 Ничего больше не настраиваем.

3. Dagon Design Sitemap Generator 

3.1 В поисковой строке Яндекса набираем название плагина, переходим и скачиваем его на рабочий стол.

3.2 Далее переходим в свой сайт бэк-офиса и в разделе «Плагины» — «Добавить новый» — далее нажать на кнопку «Загрузить плагин»

3.3 Нажимаем на кнопку «Выберите файл» и загружаете скачиваемый ранее с Яндекса плагин и нажимаете кнопку «Установить» — далее «Активировать плагин»

3.4 Далее заходим в раздел «Настройки» — DDSitemapGen" — выбираем язык русский вместо английского — Russian — и нажимаем внизу кнопку для сохранения «Update Options»


4. RusToLat 

4.1 В разделе «Плагины» — добавить новый — в поиске плагинов вставляем название плагина  RusToLat - установить — активировать. 

4.2 Ничего больше не настраиваем.

5. ВП Типограф Лайт 

5.1 В поисковой строке Яндекса набираем название плагина, переходим и скачиваем его на рабочий стол.

5.2  Далее переходим в свой сайт бэк-офиса и в разделе «Плагины» — «Добавить новый» — далее нажать на кнопку «Загрузить плагин»

5.3 Нажимаем на кнопку «Выберите файл» и загружаете скачиваемый ранее с Яндекса плагин и нажимаете кнопку «Установить» — далее «Активировать плагин»

5.4 Больше ничего не настраиваем по данному плагину.

6. WP-NoRef 

6.1 В поисковой строке Яндекса набираем название плагина, переходим и скачиваем его на рабочий стол.

6.2  Далее переходим в свой сайт бэк-офиса и в разделе «Плагины» — «Добавить новый» — далее нажать на кнопку «Загрузить плагин»

6.3 Нажимаем на кнопку «Выберите файл» и загружаете скачиваемый ранее с Яндекса плагин и нажимаете кнопку «Установить» — далее «Активировать плагин»

6.4 Больше ничего не настраиваем по данному плагину.

Примечание. Если нет доступа к данному плагину на сайте, ищем другой сайт наподобие. 

7. Invisible Captcha 

7.1 В разделе «Плагины» — добавить новый — в поиске плагинов вставляем название плагина  Invisible Captcha - установить — активировать. 

7.2 Ничего больше не настраиваем.

6 ВНЕШНИЙ ВИД  САЙТА/БЛОГА

6.1 Раздел «Внешний вид» — «Темы» — «Добавить новую»

6.2 Выбираете раздел, к примеру, популярные или свежие.

6.3 Выбираете понравившийся вид конструктора внешнего вида вашего будущего сайта (блога) и нажимаете кнопку «просмотреть» или «установить».

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

6.5 Выбрали свою «Тему» — поработайте с настройками.

ПРИМЕЧАНИЕ. Кстати, если не понравится никакая тема, можно в поисковой строке Яндекса набрать «Скачать русские шаблоны WordPress бесплатно» — выбрать несколько, загрузить в Раздел  «Внешний вид»- «Темы» и установить. 

7.  МЕНЮ, ЗАПИСИ, РУБРИКИ, СТРАНИЦЫ