Создай

используй инструкции

свой бизнес

читай и внедряй

онлайн

справишься? Поможем!

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

 Создать сайт          Обсудить

Вы наверняка задавались вопросом, как создать сайт с нуля. Существует масса технических возможностей самостоятельно создать свой сайт с нуля на уже готовых платформах типа Wix, LP Generator, Tilda и других, некоторые из этих вариантов бесплатны. Не буду анализировать плюсы и минусы таких «готовых» решений. Отмечу лишь то, что сайт на подобных платформах не принадлежит вам. Но печальнее другое — вы не можете существенно повлиять на SEO-продвижение такого сайта. А значит, хорошего трафика из поисковых систем вам не добиться.

Из этой статьи вы узнаете как создать сайт бесплатно самостоятельно на Word Press, так называемый Stand Along. На своем домене, со своим хостингом, на годном движке и с хорошим шаблоном.

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

Что такое домен?

Домен – это имя вашего будущего сайта. То, что вы видите в адресной строке браузера, когда переходите на чей-то сайт из поисковика (Яндекс, Google). Обычный (двухуровневый) домен состоит из двух частей, они разделены точкой. Та часть, что после точки называется доменной зоной, например: ru, com или info. От правильного выбора доменной зоны отчасти зависит как сайт будет продвигаться в поисковиках в конкретном регионе/стране.

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

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

Что нужно учесть при создании доменного имени:

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

Домены покупаются у доменных регистраторов, например, Reg.ru, P01, Gino и другие. Некоторые хостинги (например TimeWeb) позволяют регистрировать домен прямо из своей хостинг-панели. Это упрощает некоторые моменты и иногда бывает дешевле, чем регистрация домена напрямую.

Что такое хостинг?

Хостинг – это услуга по размещению вашего сайта на серверах. Где-то же ваш сайт должен работать! Типа как программы на компьютере.

От качества хостинга зависит многое:

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

Мы пользуемся хостингом TimeWeb с 2009 года, качество его услуг соответствует перечисленным параметрам. И в ответ на вопрос где создать сайт, мы отвечает — на своем хостинге!

хочу создать свой сайт

 

Что такое сайт?

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

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

Что такое CMS?

Сайт содержит в себе огромное количество разнообразных файлов (например, одностраничник /лендинг может состоять из 1 500 файлов). Поэтому нужна программа, которая поможет управлять всем этим хозяйством. Такие программы называются CMS, «движок сайта» или система управления контентом. Самыми популярными CMS являются WordPress, Joomla, Drupal, Битрикс.

Далее мы рассмотрим вариант создания сайта на WodrPress, так как эта платформа наиболее подходит для самостоятельной работы.

Что такое шаблон?

Шаблон или тема – это набор предустановленных настроек. Эти настройки создают дизайн сайта, определяют его основной функционал (формы обратной связи, антиспам, комментарии к материалам, формы подписки многое другое).

Шаблоны для WordPress бывают платные и бесплатные. Настоятельно рекомендуем пользоваться только проверенными и платными шаблонами. Высока вероятность попасть в мышеловку, установив себе на сайт бесплатный шаблон. Зачастую недобросовестные web-мастера встраивают в такие шаблоны вредоносный код или скрытые ссылки. И вы, сами того не зная, будете рассылать спам со своего сайта или рекламировать какой-нибудь порно-сайт.

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

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

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

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

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

Шаг-1 Регистрация хостинга

Для размещения нашего сайта воспользуемся услугами хостинга TimeWeb. Это надежный отзывчивый хостинг. А еще прямо в нем можно зарегистрировать домен.

— Переходим по ссылке — «Хостинг Timeweb»

— Выбираем раздел меню «Хостинг» (рис.1)

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

Сервис отправляет нас к выбору тарифа (рис.2). Для одного сайта достаточно будет тарифа «Year+». При оплате за год в подарок идет бесплатная регистрация домена в зоне RU. Это станет приятным подарком для тех, кто выбрал для себя RU-зону.

Выбираем тариф и жмем «Разместить сайт»

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

Всплывает окно для заполнения контактных данных (рис.3). Укажите в нем свой действующий e-mail. В дальнейшем это вам очень пригодится.

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

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

После того как нажмете кнопку «Заказать», система создаст ваш кабинет пользователя (рис.4) и выделит место на своих серверах. В почту придет письмо со всеми доступами.

Ура! Теперь у вас есть хостинг. Лучше сразу пополнить баланс своего кабинета, иначе система не даст полноценно делать следующие шаги. Как сделать оплату думаем сами разберетесь))

что такое сайт

Шаг-2 Регистрация домена

Двигаемся дальше. Теперь вам нужно выбрать имя своему сайту и зарегистрировать домен. Для этого переходим в раздел меню «Домены и поддомены» (рис.5)

что такое сайт

Далее жмем «Зарегистрировать домен» (рис.6)

регистрация домена

Открывается форма для регистрации домена (рис7). В левое поле вы вводите название сайта на латинице, которое вы придумали. Система проверяет свободно ли такое название в этой зоне и ставит «зеленую галочку», если свободно и «красный кружок», если занято.

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

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

Жмем кнопку «Добавить к регистрации» и система выводит форму «Добавления нового администратора» (рис8).

Дело в том, что домен должен закрепляться за конкретным лицом (физическим или юридическим). Не бывает доменов, у которых нет хозяина. Есть домены с подложными данными, но это другая история…

Заполняете поля формы регистрации администратора и переходите к оплате домена.

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

И так. Теперь у вас есть место, где будет «жить» ваш сайт и имя этого сайта. Осталось создать сайт, снабдить его движком и «одеть» в шаблон.

Шаг-3 Создание сайта на WP

Выбираем CMS – движок сайта.

Заходим в раздел «Каталог CMS» в панели управления хостингом (рис9). Выбираем для своего сайта WordPress (просто жмем на название).

выбор cms

Система перекидывает нас на страницу с описанием CMS (рис.10) Жмем «Установить приложение».

установка cms

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

После того как вы нажали кнопку система создаст папку в разделе «Файловый менеджер». Эта папка будет называться «Wordpress_1» (это и есть ваш сайт). Также система создаст базу данных для вашего сайта. В эту базу движок будет записывать различные данные.

 установка cms

После того, как процесс установки будет завершен, всплывет окно с административными доступами к вашему сайту (рис.12) Эти же данные будут отправлены вам на почту.

данные админки

Ура! Ваш сайт создан. Осталось придать ему внешний вид. Для этого нужно выбрать и установить шаблон.

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

Шаг-4 Выбор шаблона

В качестве поставщика шаблона для вашего сайта берем Goodwinpress. Жмем на ссылку — http://www.goodwinpress.ru/ и переходим на сайт производителя шаблонов (рис.13). Там есть где разгуляться. Все подробно описано. Создатель шаблонов добросовестно подходит к своей работе.

Стоимость шаблонов составляет в среднем до 1 000 рублей.

После оплаты архив с шаблоном придет вам на почту.

выбор шаблона

К выполнению следующего Шага вы можете переходить, когда ваш сайт активируется. На это может уйти от 3 до 24 часов.

Как вы узнаете, что сайт активировался? Вбейте в адресную строку браузера ваш домен и, если вы увидите такую картинку, как изображена ниже, значит сайт заработал.

стандартный шаблон

Шаг-5 заливка и активация шаблона

Необходимо зайти в консоль вашего сайта. Для этого переходим по ссылке вида: http://ВАШ_ДОМЕН/ wp-admin/ заполняем логин и пароль, которые вы получили при установке движка (см. рис.14)

админ панель вход

В меню консоли сайта выбираем раздел «Внешний вид» / «Темы» (рис.15). Ищем кнопку «Добавить новую» и указываем путь к архиву с шаблоном.

установка шаблона

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

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

Далее…

Основные разделы админки сайта

Для начала, что такое админка сайта. У вашего сайта есть «два лица». Одно лицо — это та часть, которую видят все посетители, которые просто заходят на ваш сайт по адресу домена. А второе лицо — это административная панель WordPress, с помощью которой вы управляете своим сайтом.

Зайти в эту панель вы можете введя адрес типа http://ДОМЕН-САЙТА/wp-admin и введя логин и пароль администратора. Эти данные пришли вам в почту, когда вы создавали сайт на хостинге. Вы уже немного познакомились с ней, когда заливали новую тему на свой сайт.

Вот так выглядит админка.

админка

Теперь немного пройдем по назначению основных разделов меню админки.

Раздел «Записи»

В нем вы будете создавать материалы для блога. Именно в нем вы будете писать статьи/посты.

Раздел «Медиафайлы»

Тут вы сможете найти загруженные картинки и видео

Раздел «Страницы»

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

Разделы «Комментарии» «Обратная связь»

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

Раздел «Внешний вид»

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

Раздел «Плагина»

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

Раздел «Пользователи»

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

Разделы «Инструменты» и «Настройки»

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

меню админки

Шаг-6 Базовые настройки сайта

Установка плагинов

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

Дальше мы рекомендуем установить плагины «Akismet Anti-Spam», «Jetpack от WordPress.com» и «Cyr to Lat enhanced».

установка плагинов

Akismet Anti-Spam

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

Cyr to Lat enhanced

Когда вы создаете материал (читай статью) WordPress автоматически создает URL (адрес статьи) из названия этой статьи. И если вы пишите статьи на русском языке, то и URL будет на кириллице, а это очень нехорошо для продвижения в Яндексе, Google и других поисковиках. Этот плагин переводит кириллическое название статьи на латиницу и URL становится корректным.

Jetpack

Это комплексный плагин. Он сможет существенно расширить функционал вашего сайта. Более подробно об этом плагине можно почитать в этой <<статье>>.

Как устанавливать плагины?

Алгоритм установки простой. Заходите в админке в раздел «Плагины» -> ищите и жмете на кнопку «Установить новый» -> там есть окно поиска, вводите название плагина -> среди появившихся плагинов находите нужный -> жмете на нем кнопку «Установить» -> переходите в раздел «Плагины» / «Установленные» -> находите этот плагин среди установленных и жмете «Активировать». Все, плагин установлен.

Общие настройки

Идем в раздел «Настройки» пункт «Общие»

общие настройки сайта

1. Заполняем «Название сайта». Это название будут видеть поисковики, а также пользователи на вкладке браузера. Для более продвинутых — это содержание мета-тега <title>. Важно, чтобы название отображало то, о чем сайт. Тогда сайт будет лучше продвигаться в поисковиках. Также это название будет прописываться в снипете поисковой выдачи.

снипет

2. Далее заполняем поле «Краткое описание». Составляем описание примерно на 160 символов. Это описание также будет выходить в сниппете поисковика. В Google точно, Яндекс берет описание откуда ему вздумается))

описание в снипете

3. В поля «Адрес сайта» вставляем адрес своего сайта из поисковой строки браузера.

4. В поле «Адрес e-mail» вставляем адрес почтового ящика, куда вам будут приходить все сообщения от сайта.

Далее переходим в раздел «Настройки» пункт «Чтение»

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

Далее идем в раздел «Настройки» пункт «Обсуждения»

раздел обсуждения

Проставляем галочки как указано на картинке.

Двигаемся в «Настройки» — «Постоянные ссылки»

настройка постоянных ссылок

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

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

счетчики аналитики

Прокручиваем до полей «Статистика Google Analitics» и «Статистика Яндекс.Метрика». Вставляете в эти поля соответствующие коды. Коды счетчиков вы берете в своих личных кабинетах в Яндекс Метрике и Google Analitics. Где взять счетчики вы узнаете прочитав полезные материалы внизу урока.

И так. Основные настройки мы рассмотрели.

Структура контента на блоге WordPress

Напоследок немного о структуре контента на блоге WordPress.

Как вы уже, наверное, поняли «Материалы» — это ваши статьи.

Есть еще такие сущности как «рубрики» и «метки».

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

Метки предназначены для более мелкой навигации по материалам блога. Одинаковыми метками маркируются статьи по сходной тематике. Но если рубрик у вас может быть 5-10, то меток вы можете делать намного больше. Если сделать больше 10 рубрик, то посетитель сайта запутается в тематике. А метки помогут подобрать статьи по более мелкой теме. Хотя можно и не использовать метки вовсе))

структура контента

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

Полезные материалы:

  1. Создание и установка счетчика Яндекс-Метрика
  2. Как создать счетчик Яндекс-Метрика (видео)
  3. Google Analytics — Единственный верный способ настройки счетчика аналитики
  4. Куда вставлять счетчик Яндекс-Метрики
  5. Куда вставлять счетчик Google Analytics

Ссылки:

Яндекс Метрика аккаунт

Google Analytics  аккаунт

Обсуждение: 2 комментария
  1. Владимир:

    Содержательная статья. Особенно, для далеких от данной сферы. Все достаточно понятно изложено.

    Ответить
  2. Отличная статья

    Ответить

Поделитесь впечатлением в комментарии))

Отправляя сообщение, Вы разрешаете сбор и обработку персональных данных. Политика конфиденциальности.