© Dashchinskiy
search notifications_none help_outline mail_outline

Как создать сайт и сделать интернет-магазин с нуля самостоятельно

Курс «ВебМастера» access_time 03.04.2020 comment 39 visibility 193

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

Очень надеюсь, что смогу донести информацию доступно, и она будет понятна как новичкам, так и людям с какими то знаниями.

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

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

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

Содержание скрыть

Курс по созданию сайтов

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

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

Задача: дать возможность повторить и создать свой сайт самому без знаний программирования.

Подробнее о том, что такое сайт и какие они бывают вы можете почитать на Wikipedia: Сайт, Вёрстка веб-страниц, Веб-разработка

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

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

Рекомендую сразу определиться со следующими моментами:

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

Дополнительно можете почитать рекомендации от поисковых систем Яндекса и Google (детальнее оптимизацию и продвижение сайта рассмотрим в другой статье).

Рекомендации от Google и Яндекса:

  1. Научитесь делать качественные сайты – Google;
  2. Рекомендации по созданию сайтов – Яндекс.

Цель и идеи для сайта

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

Во-первых, определиться с целью сайта.

Пример целей:

  • заработок на сайте;
  • начать бизнес в интернете;
  • развитие существующего бизнеса;
  • анализ ниши в интернете (перед открытием бизнеса).

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

Пример:

  • цель 1: Заработок на сайте. Необходимо определиться с темой сайта и вариантами монетизации (тема заработка на сайте и в интернете будет подниматься в отдельной статье и, частично, мы обсудим этот момент сейчас);
  • цель 2: Открыть бизнес и развить его в интернете. Необходимо определиться с видом бизнеса (от этого зависит, какой вам нужен сайт);
  • цель 3: Проверить идеи бизнеса (перед открытием своего дела). В данном случае можно сделать одностраничник, включить рекламу и протестировать спрос. После этих манипуляций решить открывать бизнес или выбрать другую идею.

Виды бизнеса. Идеи: 91 шт. Таблица

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

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

Автосервис Интернет-магазин ремесленника Сайт для продажи товаров
Агентства недвижимости Интернет-магазин косметики Сайт знакомств
Аренда квартир Интернет-магазин мебели Сайт предприятия
Воспитатель детского сада Детский интернет-магазин Государственные сайты
Сайт компании и предприятия Интернет-магазин тротуарной плитки Торговые площадки, порталы
Гостиницы Интернет-магазин чая Спортивный сайт
Грузоперевозки Интернет-магазин украшений Футбольный сайт
Доска объявлений Интернет-магазин слаймов Сайт портфолио
Доставка еды Интернет-магазин одежды Научные сайты
Животный мир, зоомагазин Интернет-магазин цветов Рекламный сайт
Жилой комплекс Интернет-магазин с товарами aliexpress Городской сайт
Застройщики Интернет-магазин автозапчастей Сайт отзовик
Крестьянское фермерское хозяйство Интернет-магазин шин и дисков Сайт окон
Магазин продуктов питания Интернет-магазин игрушек Сайт газеты
Малой и средний бизнес Интернет-магазин сантехники Казино
Медицинские организации, центры Оптовый интернет-магазин Сайт для ип
Мероприятия Книжный интернет-магазин Сайт часов
Музеи Изготовление кожаных вьетнамок Игровой сайт
Образовательные учреждения, организации Учителя, педагоги, преподаватели Онлайн фильмы, кино
Питомники Фотограф Сайт администрации
Портфолио дизайнера Хостел Арт сайт
Ремонт квартир Художник Международные сайты
Репетиторы Юридические услуги Свадебный сайт
Рестораны ICO, криптовалюта, Forex Персональный сайт, блог
Салоны красоты Типографии B2B сайт
Стоматологические клиники, стоматологии Транспортные компании Сайт банка
Строительная тематика, компании Туристические компании, тур агентства Музыкальный сайт
Такси Университет, вуз Муниципальный сайт

Виды и типы сайтов. 15 шт. Таблица

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

  1. Многостраничный сайт – это могут быть сайты организаций и компаний, блоги, информационные сайты. По сути, обычный сайт с любым количеством страниц.
    Интернет-магазины – из названия понятно, что говорим мы про интернет магазины. Еще, как вариант, каталоги и витрины могут тоже попасть под этот пункт.
  2. Landing page – это одностраничные сайты. Думаю, вы часто видели в контекстной рекламе одностраничные сайты про какой-то товар или услугу.
  3. Форумы и порталы – в данном случае рассмотрим как создать свое сообщество, форум, портал (на форумном движке).
  4. Конструкторы – это некие полуготовые варианты сайтов, которые можно собирать из готовых блоков. В общем, можно быстро накидать себе сайт (ниже детальнее расскажу когда их стоит использовать, а когда не стоит ими пользоваться, есть свои нюансы).
  5. html сайты – здесь разберем сайты без движков.

Это все основные разделения сайтов, которые мы будем ниже рассматривать. Мы детальнее разберем установку и работу с этими сайтами, разделим каждый блок на вид сайта и выясним на каких движках (CMS) могут быть те или иные сайты.

В данной таблице я собрал типы и виды сайтов.

Корпоративный сайт Персональный сайт Интернет портал
Новостной сайт Блог Промо сайт
Многостраничный сайт Сайты галереи Сайт- визитка
Информационный сайт Интернет- магазины Landing page
Сайт- каталог Форум Социальные платформы

Дополнительно можете посмотреть типы сайтов в Wikipedia: СайтИнтернет-магазин, Целевая страница, Конструктор сайтов

Заработок на сайте

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

8 основных вариантов заработка на сайтах

  1. Умение делать сайты (самый простой способ заработка) – это услуги по разработке и созданию сайтов. Но, как правило, и самый конкурентный вариант. Необходимо углубленно изучать языки программирования.
  2. Услуги по продвижению и рекламе сайтов в интернете. Тоже понадобится получение дополнительных знаний в SEO и рекламе в интернете.
  3. Создание сайта под партнерские программы (как правило, это либо оплата за регистрацию, % от продаж или комиссии в финансовых услугах и играх). Можно сделать сайт как под одну партнерскую программу, так и под информационный сайт и рекламировать на нем близкие по теме партнерские программы. Такой вид может дать некий пассивный доход, но надо развиться до хорошей посещаемости. Также, как вариант, покупать платную рекламу и на свой сайт, и на партнерскую программу сразу (но это уже ближе к арбитражу трафика). Варианты партнерских программ (товарные партнерки, игры, услуги, финансовые услуги в стиле форекса, криптовалют, узконаправленные сервисы и т.д.).
  4. Создание сайта под какие-то услуги с последующей продажей лидов (заявок с сайта) или % от заказов товаров и услуг. По сути, делаете сайт в какой-то нише, продвигаете его, потом находите партнера, который уже работает в этом направлении и договариваетесь на каких условиях он сможет работать с вами, отдавая вам % или некую сумму за заявку, контакт.
  5. Информационные и новостные сайты, личные блоги (возможно, у вас уже есть в каких-то направлениях знания. К примеру, вы учитель английского языка или в чем то другом хорошо разбираетесь, или вы много играете в компьютерные игры и можете рассказать, написать обзоры игр). Как правило, лучше выбрать направление близкое по интересам. В таком случае будет больше интереса и мотивации заниматься своим проектом. В личном блоге вы пишите контент и размещаете у себя на сайте (как писать контент, чтобы он хорошо ранжировался в интернете в поисковых системах мы поговорим в других уроках). Второй вариант: вы составляете технические задания копирайтерам, а они пишут тексты. Таким образом, вы получаете контент себе на сайт. Варианты заработка с информационных сайтов ( вешать на сайт рекламные блоки от поисковых систем Яндекса и Google, вешать рекламу от других рекламных бирж, прямая реклама от рекламодателей, тематические партнерские программы).
  6. Создать сайт под свой бизнес, частные услуги, курсы, интернет- магазин (кстати, вы можете даже не имея товара в наличии, найти поставщика и договориться с ним, что вы по мере поступления заказов будете брать товар. Никаких проблем, как правило, не возникает).
  7. Создание полезных сайтов, сервисов, досок объявлений, мероприятей, узконишевых каталогов. За размещение или подачу объявлений взимать плату. Данный вариант более сложен, так как такой сервис надо еще раскрутить.
  8. Продажа на сайте пресс релизов, ссылок на другие сайты, обзоров. В общем, это тоже больше относится к информационным и новостным сайтам, но такой вариант хорошо работает.

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

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

Полезные ссылки по теме заработка

Партнерские сети, CPA – это, как правило, посредники между вами (вебмастером) и магазинами, услугами, играми.

Перечислил некоторые СРА сети (их намного больше):

  • admitad.com;
  • cityads.com;
  • ad1.ru;
  • actionpay.net;
  • kma.biz.

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

Партнерские программы в интернете можете также посмотреть на форуме: searchengines.guru

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

Еще будет полезный форум по заработку в интернете: mmgp.ru

Wikipedia: Сеть партнёрских программ, Партнёрская программа, Партнёрский маркетинг, Онлайн-работа, Удалённая работа, Лидогенерация, Фрилансер

Подготовительные этапы для создания сайта

Данный блок разделим на этапы создания сайта для удобства и пройдемся по каждому.

Начнем с самого простого – это покупка домена и регистрация хостинга.

Этап 1. Домен (имя домена, название сайта)

Наш первый пункт отправления – это доменное имя.

В данном блоке рассмотрим:

  • что такое домен;
  • где его посмотреть;
  • как проверить свободен он для регистрации или нет;
  • как купить домен.

Домен, что это?

Доменное имя – это название сайта. Его можно увидеть в своем браузере вверху.

Пример:

Домен, что это

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

Региональные:

  • .by – Беларусь;
  • .ru – Россия;
  • .kz – Казахстан.

Также домены могут быть не региональные (международные и тематические). Пример:

Тематические:

  • .GAMES
  • .AUTO
  • .CASINO

Международные:

  • .com
  • .org
  • .info

Полный список доменов можете посмотреть тут: www.reg.ru

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

Дополнительно про доменное имя почитайте в Wikipedia: Доменное имя, Корневой домен, DNS, Общий домен верхнего уровня, Национальный домен верхнего уровня, Список доменов верхнего уровня, .ru, .by, .com

Проверка домена

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

Проверить можно на сайтах регистраторов (например: www.reg.ru):

  • заходим в раздел «Домены» (на примере регистратора reg.ru, wikipedia: Reg.ru);
  • в строке «Введите домены или слова» вводим название домена, которое хотим проверить;
  • под строкой «Введите домены или слова» выбираем доменную зону (если под этой строкой нету вашей зоны, то справа регистратор пишет, что у него доступны еще 742. Можете выбрать ту, которая вам подходит);
  • нажимаем на кнопку «Подобрать».

проверить доступность домена для регистрации на рег ру

Если домен будет занят, то вам регистратор так и напишет (зарегистрировать его будет невозможно). Пример:

Если домен будет занят на рег ру

Кстати, нажав на «Whois», вы сможете посмотреть, на кого зарегистрирован домен (если владелец не скрыл регистрационные данные) и когда была регистрация, а также когда закончится его регистрация.

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

Домен свободен на рег ру

Покупка домена

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

Reg.ru

Когда вы увидели, что домен свободен (https://www.reg.ru/domain/new/):

  • нажимаем «Выбрать»;
  • ниже появится кнопка «Зарегистрировать», нажимаем на нее;

покупку домена на рег ру

  • в следующем окне выбираем или не выбираем дополнительные услуги и нажимаем «Оплатить»;

оплатить домен рег ру

  • затем вам надо будет зарегистрироваться или зайти в личный кабинет, если вы сделали регистрацию ранее;
  • когда вы попадете в личный кабинет, то сможете выбрать вариант оплаты: карты Visa, MasterCard / EuroCard, МИР, Яндекс.Деньги, Сбербанк Онлайн, ROBOKASSA, Samsung Pay, WebMoney, QIWI-КОШЕЛЕК.

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

TimeWeb.com

Пример проверки домена (https://timeweb.com/ru/services/domains/):

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

Регистрация домена таймвеб

Hoster.by

Пример проверки домена (https://hoster.by/service/domains/):

  • нажимаем «В корзину»;
  • далее переходим в корзину и нажимаем «Оформить»;
  • попадаем на страницу «Корзина заказов»;
  • нажимаем «Оформить заказ», нам предложат зарегистрироваться и перейти к оплате.

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

Beget.com

Пример проверки домена (https://beget.com/ru/domain-register):

  • заходим в раздел «Регистрация доменов»;
  • пишем в поле «Введите домен для регистрации» имя домена и нажимаем «Проверить»;
  • напротив свободного домена нажимаем «Зарегистрировать»;
  • заполняем «ФИО», «Логин», «Мобильный телефон», «E-mail».

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

Wikipedia: Регистрация доменов

Этап 2. Хостинг (выбор и покупка хостинга)

Итак, домен мы с вами выбрали и купили выше. Сейчас поговорим о хостинге: как его купить, как его выбрать и что это вообще такое.

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

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

Как выбрать хостинг и тариф

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

У хостинга при выборе тарифа смотрите на наличие БАЗЫ данных (называться может по разному: MSSQL, MySQL и БД). Как правило, у самого дешевого тарифа может не быть возможности работы с базами данных. В большинстве случаев второй тариф (следующий по цене) будет уже с базой данных.

К примеру, хостинг (reg.ru – слева) и хостинг (hoster.by – справа) ниже на одном скриншоте:

Хостинг рег ру и хостер бай

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

Дополнительно почитать про хостинг можете в Wikipedia: Хостинг, Виртуальный хостинг, Выделенный сервер, Хостинговая компания

Покупка хостинга

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

Только помните, если вы будете делать сайт на платформе (CMS), то вам надо будет тариф с поддержкой баз данных.

Reg.ru

Переходим в раздел хостинга (https://www.reg.ru/hosting/):

  • выбираем тариф и нажимаем на кнопку «Выбрать»;
  • далее на следующей странице выбираем на какой срок (например, от месяца до года) и нажимаем на кнопку «Оплатить»;
  • как и с доменом, вам надо зарегистрироваться или зайти под логином, который у вас уже есть (если вы уже ранее прошли регистрацию).

регистрация хостинга рег ру

TimeWeb.com

Переходим на страницу хостинга (https://timeweb.com/ru/services/hosting/):

  • выбираем тариф (именно у этого хостинга в минимальном тарифе уже есть база данных);
  • выбрав тариф, нажимаем «Регистрация» (вам также надо пройти регистрацию или войти уже под зарегистрированными данными для оплаты тарифа).

регистрация хостинга таймвеб

Hoster.by

Переходим в раздел хостинга (https://hoster.by/service/hosting/windows/):

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

регистрация хостинга хостер бай

Beget.com

Переходим в раздел хостинга (https://beget.com/ru/virtual-hosting):

  • выбираем тариф (кстати, у этого хостинга в минимальном тарифе тоже есть базы данных);
  • далее нажимаем «Заказать»;
  • указываем ФИО, Логин, мобильный телефон, E-mail и регистрируем аккаунт или входим под своим логином на сайт.

регистрация хостинга бегет

Этап 3. Панель хостинга

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

Повторюсь, хостинг – это место где лежит ваш сайт и его файлы. Что то вроде облака или диска на компьютере.

Подключение домена к хостингу

На примере reg.ru заходите под своими регистрационными данными, в разделе «Хостинг» вы увидите ваш хостинг.

Подключение домена к хостингу рег ру

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

Подключение домена к хостингу рег ру

По сути, ничего сложного в подключении домена нет. И сейчас рассмотрим, как можно попасть на сам хостинг (где будет лежать ваш сайт).

Подключение к панели хостинга и FTP

К хостингу можно подключиться 2 вариантами: через панель администратора, где мы подключали домен к хостингу и через специальные программы, через FTP. Сейчас мы рассмотрим эти варианты:

  • Вариант 1. Это панель хостинга и в нее можно попасть прямо с вашего браузера.
  • Вариант 2. Через FTP доступ, через специальные программы.
Вариант 1. Панель хостинга

Заходим на хостинг в раздел «Хостинг». Находим наш купленный хостинг (мы там уже были, когда подключали домен к нему).

Панель хостинга рег ру

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

Далее мы увидим меню слева, там выбираем «Главное», появятся подпункты, выбираем «Менеджер файлов» и в папке «wwww» мы увидим папку вашего домена (если ранее мы прикрепили домен к хостингу).

ISPmanager руг ру

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

Wikipedia: Сравнение панелей управления веб-хостингом, ISPmanager, cPanel

Вариант 2. Файловый менеджер (FTP)

Рассмотрим вариант как подключиться к хостингу по FTP через файловый менеджер. Я в примере покажу Total Commander (http://wincmd.ru/). Также есть и другие программы, например FileZilla (https://filezilla.ru/).

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

доступ хостинг рег ру

Спускаемся чуть ниже до блока «Доступ к FTP» (эти данные нам и надо будет для подключения к хостингу через файловый менеджер).

Пример, как выглядят доступы к FTP, смотрите ниже на скриншоте.

доступ к фтп рег ру

После заходим в программу Total Commander или FileZilla (на этот момент вы уже должны были скачать и установить себе на компьютер одну из этих программ).

Заходим в меню в «Сеть» и переходим в пункт «Соединиться с FTP-сервером…»

Total Commander

Далее нажимаем кнопку «Добавить…»

соединение с фтп сервером

Теперь нам понадобятся доступы FTP, которые мы видели на хостинге (выше есть скриншот примера доступов FTP на reg.ru).

Далее заполняем как на скриншоте ниже:

  1. Имя соединения – это любое название вашего нового соединения, в данном случае я написал название хостинга.
  2. Сервер [:Порт] – это IP-адрес сервера.
  3. Учетная запись – это Логин.
  4. Пароль – это (уже понятно по названию) ваш пароль.

настройка фтп соединения

Заполняем данные и нажимаем «OK» , далее нажимаем «Соединиться».

соединение с фтп сервером

Поздравляю! Вы попали через FTP доступы на свой хостинг. Теперь можете работать через файловый менеджер.

папка www

Перейдя в папку [WWW] вы увидите папку своего домена.

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

Wikipedia: FTP, FTP-клиент, FileZilla, Total Commander, Сравнение FTP-клиентов

База данных

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

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

Wikipedia: База данных, MySQL, phpMyAdmin

Сейчас разберем, где находится база данных и как ее создать (на примере хостинга reg.ru).

Создания базы данных
  • нужно зайти на хостинг и перейти в панель ISPmanger (мы ранее выше уже были там);
  • в разделе «Главное» найти подраздел «Базы данных», перейти в него и нажать «Создать»;

создания базы данных

  • в открывшемся окне заполняем поля как на скриншоте;

создания базы данных

  • имя – это название базы данных (можете придумать любое, которое вам понравится);
  • имя пользователя – это имя пользователя, по которому вы будете подключаться к базе данных;
  • пароль и Подтверждение – это пароль пользователя для подключения к базе данных.
  • нажимаем кнопку «ОК».

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

Бесплатный хостинг, сайт, домен

Категорически не рекомендую использовать постоянно бесплатные сайты на поддоменах (пример: sitename.hosting.ru). К таким сайтам большое недоверие, продвигать их в поисковых системах будет гораздо сложнее. Такой вариант можно использовать только в целях тестирования. После покупайте полноценный хостинг и домен без поддомена (например: mysite.ru).

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

Конструкторы допустимы только для лендингов (одностраничных сайтов) и под контекстную рекламу или любую другую платную рекламу.

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

Почему не стоит использовать бесплатные сайты на поддоменах:

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

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

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

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

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

— Бесплатный хостинг

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

Пример бесплатного хостинга: https://beget.com/ru/free-hosting

— Тестовый доступ к хостингу

Есть варианты бесплатного хостинга на 7 и 14 дней. Вы можете попробовать его перед покупкой.

Пример бесплатного хостинга на 7 дней: https://hoster.by/clients/actions/testovyy-dostup-na-7-dney/ (напишите в техническую поддержку хостинга, они дадут вам доступ).

Пример бесплатного хостинга на 14 дней: https://www.reg.ru/hosting/free

Дополнительно про бесплатный хостинг можете почитать в Wikipedia: Бесплатный хостинг

ТОП хостингов и регистраторов доменов (Мини Рейтинг)

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

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

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

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

Домены Хостинг начинается от ru com net by
Российские
reg.ru 83₽ 199₽ 542₽ 687₽
beget.ru 140₽ 179₽ 760₽ 960₽
timeweb.com 129₽ 179₽ 799₽ 1199₽
sprinthost.ru 168₽ 178₽ 980₽ 980₽
mchost.ru 113,5₽ 249₽ 999₽ 999₽
hts.ru 85₽ 350₽ 998₽ 998₽
adminvps.ru 69₽ 199₽ 549₽ 699₽
webhost1.ru 90₽ 180₽ 830₽ 830₽
ispserver.ru 110₽
komtet.ru 42/77₽ 183₽ 572₽
elasticweb.org ?
Белорусские
hoster.by 4,56руб 15руб 30руб 30руб 25,20руб
domain.by 4,08руб 25,20руб
hb.by 4,79руб 12,79руб 37руб 35руб 25,20руб
bcr.by 2,79руб 12,50руб 32,09руб 25,20руб
besthost.by 5руб 15руб 30руб 35руб
login.by 4,80руб
Интернациональные
fozzy.com 99руб
fornex.com 57руб

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

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

Хочу заметить, что сайт можно создать на многих CMS системах (WordPress, Joomla, Bitrix, Drupal, ModX и т.д.), но мы рассмотрим именно на примере платформы WordPress (установку других движков мы разберем тоже, но позже).

На платформе WordPress можно сделать сайт-визитку, многостраничный сайт и даже интернет-магазин (с использованием дополнительного плагина woocommerce).

Но мы возьмем обычный сайт. Это даст вам старт рассмотреть в будущем разные варианты работы с платформой WordPress.

Установка WordPress на хостинг

Установка вордпресс на хостинг

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

Официальный сайт: https://ru.wordpress.org/

Wikipedia: Система управления веб-содержимым, WordPress

Пошаговые инструкции с официального сайта, которые помогут Вам начать работу с WordPress:

Новичкам в WordPress — с чего начать

Документация для разработчика

Этапы установки WordPress на хостинг:

  • Скачать архив CMS WordPress с официального сайта (https://ru.wordpress.org/), на главной странице перейти по кнопке «Получить WordPress»;

Получить WordPress

  • Мы попадем на страницу (https://ru.wordpress.org/download/). На ней нажимаем кнопку «Скачать WordPress» и качаем архив;

Скачать WordPress

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

Загрузить архив на хостинг

Загрузить архив на хостинг

  • Теперь нам надо извлечь наш архив. Нажимаем на кнопку в меню «Извлечь», выбираем нашу папку (домен) и нажимаем «OK»;

извлечь архив вордпресс

распаковать архив вордпресс

  • У вас в корне домена появилась папка «wordpress» (архив можно уже удалить). Заходим в папку «wordpress» и переносим файлы в корень домена. Заходим в папку и выделяем все файлы, нажимаем кнопку «Копировать». В следующем окне выбираем корень сайта и ставим галочку «перенести файлы». После также можно удалить папку «wordpress»;

переносим файлы в корень домена

переносим файлы в корень домена

  • В браузере прописываем наш домен и попадаем на страницу установки WordPress (не забудьте, что к этому моменту вам надо создать базу данных). Нажимаем кнопку «Вперед!»;

попадаем на страницу установки вордпресс

  • В следующем окне заполняем поле «Имя базы данных», «Имя пользователя», «Пароль» и нажимаем «Отправить»;

попадаем на страницу установки ВордПресс

  • Переходим к следующему окну и нажимаем кнопку «Запустить установку»;

попадаем на страницу установки ВордПресс

  • Появится следующая страница. На ней надо заполнить поля «Название сайта», «Имя пользователя», «Ваш e-mail». Нажимаем кнопку «Установить WordPress». Поле «Пароль» вам сразу предложит сгенерированный пароль, сохраните его;

попадаем на страницу установки ВордПресс

  • Поздравляю! Теперь можете нажать кнопку «Войти». Вас перекинет на страницу «http://ВАШ-САЙТ/wp-login.php». В поле «Имя пользователя или e-mail», «Пароль» впишите данные при установке на предыдущем этапе. Далее вы попадете в админку сайта.

попадаем на страницу установки ВордПресс

попадаем на страницу установки ВордПресс

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

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

Первым делом подберите себе шаблон (платные шаблоны мы рассмотрим ниже более детально, а сейчас разберем бесплатные и доступные через систему WordPress).

В меню выбираем пункт «Внешний вид» и подпункт «Темы», нажимаем «Добавить новую тему».

Добавить новую тему

Мы попадем на следующую страницу и сможем выбрать себе тему. Также на этой странице будут разделы и варианты фильтров подбора шаблона.

Сейчас пробежимся по навигации:

  • вверху сама кнопка «Загрузить тему». Сюда мы можем загрузить тему скачанную с другого сайта или купленную в другом месте;
  • варианты сборок различных тем по «Избранные», «Популярные», «Свежие», «Любимые». Можете пощелкать и подобрать себе тему;
  • также есть дополнительный фильтр «Фильтр характеристик». Через него тоже можете по определенным характеристикам подобрать тему;

Добавить новую тему

  • После того как тему выбрали, нажимаем «Установить» и «Активировать»;

Добавить новую тему

Рассмотрим меню консоли и какие разделы за что отвечают:

  • записи. В этом разделе можно добавлять записи. По сути, применимо что-то вроде блога, новостей и статей, которые можно распределить в различные категории и подкатегории;
  • страницы. В этом разделе идет что то вроде записей, но роль чуть другая. В общем – это простые страницы (примеры: страница «Контакты» или страница «О компании»);
  • плагины. Здесь можно установить дополнительные плагины для сайта (пример: плагины для SEO-оптимизации, формы, улучшения скорости сайта и т.д.). Очень много дополнений, которые можно установить.

консоль вордпресс

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

Главное не бойтесь что-то делать. Если что то вдруг сломаете, вы всегда сможете заново установить WordPress на хостинг.

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

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

Здесь рассмотрим как самостоятельно создать интернет-магазин. Хочу заметить, что интернет-магазин можно создать и на других платформах (CMS) и на том же WordPress, Bitrix и др. а также и на различных конструкторах.

Но мы в данном случае разберем создание интернет-магазина на платформе OpenCart. Для него есть много модулей, дополнений и сама платформа бесплатная.

Возможно, у вас возникнет вопрос: «Почему не сделать интернет магазин все же на WordPress?». Если магазин небольшой, то проблем никаких нету. Можно и на ВП сделать, но только если мы говорим о большом ассортименте. Если смотреть со стороны фильтров и отдельных посадочных под фильтры, теги и т.д. В общем то ОпенКарт будет удобнее для работы с большими магазинами.

Установка OpenCart на хостинг

Установка OpenCart на хостинг

Разберем как установить OpenCart на хостинг и где скачать CMS. Также будем рассматривать на примере хостинга reg.ru. Для этого движка тоже надо будет созданная база данных.

Официальный сайт: https://ocstore.com/

Документация: Руководство Пользователя

Руководство Разработчика

Wikipedia: Система управления веб-содержимым, OpenCart

Этапы установки OpenCart на хостинг:

  • заходим на сайт (https://ocstore.com/downloads), во вкладке «ocStore» качаем последнюю версию движка;

скачать OpenCart

  • заходим в панель хостинга в раздел «Главное», далее «Менеджер файлов». Заходим в папку сайта (корень сайта), нажимаем «Закачать». В следующем окне «Закачать файл» выбираем файл и нажимаем «ОК»;

Закачать файл ОпенКарт на хостинг

Закачать файл ОпенКарт на хостинг

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

разархивировать ОпенКарт на хостинг

разархивировать ОпенКарт на хостинг

  • архив уже можете удалить, а файлы из папки «upload» перенести в корень сайта. Заходим в папку «upload» выделяем все файлы и нажимаем «Копировать». В следующем окне выбираем папку нашего сайта и ставим галочку «Перенести файлы», нажимаем «ОК» (после этого вы папку «upload» можете удалить);

установка ОпенКарт на хостинг

установка ОпенКарт на хостинг

  • переходим в браузере на нашу ссылку, у вас откроется такой адрес: http://Ваш-Сайт.ru/install/index.php. На первой странице для удобства можете выбрать русский язык. Страница обновится, тогда нажимаем кнопку «Продолжить»;

установка ОпенКарт на хостинг

  • на следующей странице вы скорее всего увидите, что не хватает пару каких-то файлов. Давайте разберем подробно, что необходимо сделать в этой ситуации. Заходим в корень сайта и ищем файл «config-dist.php». Нам надо его переименовать в «config.php». Еще такой же файл также нужно переименовать в папке «admin». После возвращаемся на страницу установки и обновляем страницу в браузере. Теперь можем нажать кнопку «Продолжить»;

установка ОпенКарт на хостинг

  • в следующем окне заполняем такие данные: «Пользователь БД», «Пароль БД», «Имя БД». В блоке ниже заполняем поля для доступа в панель администратора сайта «Логин», «Пароль», «E-mail». После заполнения данных нажмите кнопку «Продолжить» (не забываем, что базу данных вы уже должны были создать, эти данные сейчас вам будут нужны);

установка ОпенКарт на хостинг

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

установка ОпенКарт на хостинг

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

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

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

Разберем основные разделы OpenCart:

  • система – настройки. Тут вы можете указать Title и другие мет-данные вашего интернет-магазина и поменять логотип;
  • блог. Данный раздел предусмотрен для статей или обзоров. По сути, как блог на сайте;
  • каталог – категории. В данном подразделе вы можете создавать категории и подкатегории для ваших товаров в меню;
  • каталог – товары. Здесь вы можете добавлять ваши товары;
  • каталог – статьи. Тут находятся ваши страницы типа «О нас»;
  • дизайн – баннеры. Можно поменять баннеры на главной странице и других местах;
  • расширения – расширения. Можете добавить различные модули, отобразить на страницах рекомендуемые товары и т.д.

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

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

Автоматическое наполнение интернет-магазина

Также я снял видео по настройке плагина для автоматического наполнения интернет-магазина товарами. В нем я использовал плагин «CSV Price Pro», но кроме этого плагина есть еще другие сервисы и плагины по автоматическому заполнению.

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

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

Варианты автоматического наполнения интернет-магазина

— Дополнение OpenCart (Автоматизация и обработка прайс-листов)

Данное дополнение может загружать товары по прайс-листам, генерировать Url. У него есть другие SEO настройки. Также может парсить товары с других сайтов. Подробнее можете почитать про данный плагин тут: https://opencartforum.com/files/file/811-avtomaticheskaya-obrabotka-prays-listov/.

— Дополнение OpenCart (CSV Price Pro imporе/export)

Это дополнение для наполнения интернет-магазина через прайс-листы, также обновления цен и другой информации. Подробнее можно почитать тут: https://opencartforum.com/files/file/467-csv-price-pro-importexport/ и еще тут: http://www.opencartlabs.ru/csv-price-pro-importexport-3/.

— turboparser.ru

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

Официальный сайт: https://turboparser.ru/

О сервисе Турбо.Парсер

— quadcrm.ru

Готовое решение для внедрения магазинам 1C Bitrix, Opencart, PrestaShop, Beseller (shop.by). Довольно много возможностей: выгружают практически на любой движок, формируют прайсы под ваши нужды, мониторят цены конкурентов и выгружают описания с Яндекс.Маркет, Onliner.by и других площадок, более 2 млн. товаров, есть модули парсинга и наполнения. Детальнее перейдите на сайт и ознакомьтесь с возможностью данного решения.

Официальный сайт: https://quadcrm.ru/

Последовательность настройки программы

— content Downloader x1

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

Официальный сайт: http://sbfactory.ru/

Экспресс-курс по изучению основ работы с Content Downloader

— web-data-extractor.net

Автоматизирует процесс парсер datacol. Готовое решение по парсингу таких магазинов, как IKEA, Mvideo, Amazon, Ebay, Яндекс.Маркет и т.д., более 50 крупных интернет-магазинов и порталов. Можете связаться с администрацией, они под ваш проект подготовят готовое решение по парсингу и наполнению вашего интернет-магазина.

Официальный сайт: http://web-data-extractor.net/

С чего начать?, Часто задаваемые вопросы (FAQ), Видео справка Datacol 7 (Easy Action)

— beseller.by

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

Официальный сайт: https://beseller.by/

Приложение WinShopЧто такое WinShop, Краткое руководство пользователя приложения WinShop

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

Настройка дополнения CSV Price Pro imporе/export

На примере дополнения CSV Price Pro imporе/export я покажу, как работать с прайс-листом и как залить в интернет-магазин товары. Мы возьмем большого поставщика с товарами и покажем в видео от установки дополнения до заливки товаров.

ТОП CMS для создания сайта (мини рейтинг)

Составил для вас таблицу с небольшим рейтингом. В ней есть также ТОП движки (CMS) для создания сайта. По таблице будет ориентир: для какого типа сайта подходит и стоимость данной CMS (платные и бесплатные).

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

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

  • не будет возможности внедрения доработок, которые нужны SEO специалистам (если все же решите внедрять, то это будет сложно и дорого);
  • когда невозможно внести нужные доработки, часто приходят к решению переезда сайта на другие CMS ( это не всегда легко).

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

CMS Цена Под что подходит
Бесплатные
WordPress Всё
Joomla Всё
OpenCart Интернет- магазин
Drupal Всё
MODX Revolution, Evolution Всё
PrestaShop Интенет- магазин
Платные
1С-Битрикс 5 400 – 72 900, рублей Всё
DataLife Engine 0 – 3500 – 4500 – 10000, рублей Блог, Сайт
UMI.CMS от 4900 – до 7900 рублей Всё
HostCMS от 3900 – до 29900 рублей Всё
WebAsyst Shop-Script 19999₽ Интернет- магазин
NetCat от 6000 – до 45000, рублей Всё

Пошаговая инструкция по самостоятельному созданию Landing Page (конструкторы сайтов)

Сейчас обсудим создание одностраничного сайта. Его еще называют Landing Page (лендинг). Главная цель лендинга – это продажа, получение заявок и т.д. Он может быть как под услуги / услугу, так и под товары / группу товаров.

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

В этом случае можно поступить так:

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

Чаще всего лендинг используют в контекстной рекламе (Яндекс.Директ и ads.Google.com), в социальных сетях (FaceBook, VK.com, Instagram, OK и т.д.), прямая реклама на различных площадках и сервисах.

SEO-продвижение не так эффективно, как контекстная реклама и реклама в социальных сетях, хотя все зависит от бизнеса и конкурентов.

Wikipedia: Целевая страница, Конструктор сайтов

Одностраничный сайт можно сделать:

  • если использовать CMS (WordPress, ModX, Drupal и т.д.), то работа с контентом будет удобней (на многих движках сайта можно сделать лендинг);
  • одностраничный сайт могут написать без CMS, но менять информацию на нем придется через код;
  • на специальных конструкторах сайтов есть некие конструкторы, в которых просто составляешь блоки информации, какие вам необходимы, а на выходе получаешь готовый лендинг. В управлении они достаточно простые;
  • скачать html шаблон в интернете и скорректировать его под свои нужды;
  • купить готовый шаблон лендинга (покупку шаблонов мы рассмотрим позже), его надо будет повесить только на хостинг.

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

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

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

Моя рекомендация – это использовать конструкторы только под одностраничные сайты и под рекламу (социальные сети, контекстная реклама и др.).

Сделать сайт за 5 минут? Создание одностраничного сайта в конструкторе

В этом блоке рассмотрим, как сделать сайт быстро (его можно сделать за 5 – 10 минут в конструкторе). Повторюсь, что конструктор я рассматриваю только для контекстной рекламы. Полноценный сайт лучше делать на CMS, как минимум.

Wix

конструктор сайтов wix

Конструктор Wix достаточно распространенный конструктор сайтов. Сейчас его хорошо рекламируют и инструментов у него много. Вы также можете подключить свой домен, но только в премиум-аккаунте. Минимальная стоимость от 4$ (но рекламу не отключит, а чтобы отключить ее надо будет пакет от 8$ в месяц). Бесплатная версия тоже есть, но с рекламой и на поддомене.

У себя на сайте  пишет, что у них можно сделать одностраничный сайт, личный блог и интернет-магазин. Лично я не рекомендую делать интернет-магазин на Wix. Если все же решили делать на нем, то я бы рассматривал небольшое количество товаров (5-10 позиций) и чисто под контекстную рекламу, как и другие типы сайтов.

Официальный сайт: wix.com

Центр поддержки (тысячи статей по каждой функции, учебные видео, пошаговые уроки)

Wikipedia: Wix.com

По ценам можете ознакомиться тут: https://www.wix.com/store/plans

Tilda

конструктор сайтов Tilda

Конструктор Tilda для меня чуть удобнее Wix, работает быстрее. У данного конструктора более 450 готовых профессиональных блоков, есть редактор собственных блоков, что дает возможность создавать свои. Можете сразу оптимизировать под все устройства.

Встроенная CRM дает возможность обработки заявок. Есть интеграция с WordPress (сможете редактировать страницы). Минимальная стоимость пакета Personal от 15$ в месяц (при оплате за месяц), за год – 10$.

С данным пакетом вы сможете использовать личный домен. Пакет Business от 20$ в месяц (при оплате за год), если оплачивать каждый месяц, то 25$. Данный пакет дает возможность экспортировать исходный код.

Официальный сайт: https://tilda.cc/ru/

Справочный центр (видеогид по функциям, ответы на часто задаваемые вопросы)

Wikipedia: Tilda Publishing

Тарифы: https://tilda.cc/ru/pricing/

uCoz, uKit, uLanding, uShop

конструктор сайтов uCoz, uKit, uLanding, uShop

Рассмотрим конструкторы от uCoz. За последнее время у них появились и другие конструкторы: uKit, uLanding, uShop и магазин шаблонов uTemplate. Рассмотрим их по отдельности. Конструкторы от uCoz работают приблизительно с 2005 года, на рынке уже достаточно давно.

  • Ucoz – данный конструктор у них самый старый, в управлении (лично для меня) не очень удобный. Есть платные и бесплатные шаблоны. От 2.99$ вы сможете подключить к сайту свой домен, но часть рекламы на вашем сайте еще останется. От 5.99$ сможете отключить еще и рекламу на сайте.
  • uKit – второй конструктор от Ucoz, в управлении и работе с сайтами намного удобнее. Блоки добавлять и редактировать можно прямо в редакторе шаблона без знания кода. Ориентирован больше под сайты для бизнеса. Стоимость минимального пакета в месяц будет 5$. С этим пакетом вы сможете прикрепить свой домен к сайту.
  • uShop – на главной странице они выделили целый блог под это название, но при переходе по ссылке вы все равно попадете на страницу Ucoz, и конструктор будет такой же. Чтобы сделать свой интернет-магазин, надо оплатить пакет стоимостью от 15.99$ в месяц.
  • uLanding – у них отдельный сайт под конструтор для лендингов. Домены разные с uKit, но сам конструктор по работе практически одинаковый. Цена 1 проекта и 5 лендингов в месяц начинается от 8.99$ в месяц.

У них еще есть uCalc (конструктор форм и калькуляторов, можно получить код и вставить к себе на страницу) и uSocial (виджет социальных сетей). Даже браузер свой есть и называется он uRan. На uTemplate есть платные шаблоны, можете подобрать себе его для сайта. Наверное, у них план по захвату U – буквы.

Главный сайт uCoz: https://www.ucoz.ru/

База знаний – новая версия, База знаний – старая версия (инструкции по системе uCoz, мануалы uCoz, помощь новичкам по вопросам, связанным с uCoz)

uKit: https://ukit.com/
uLanding: https://ulanding.io/
Шаблоны: https://utemplate.pro/

Wikipedia: uCoz

NetHouse

конструктор сайтов NetHouse

Конструктору NetHouse около 7-8 лет. Новый их конструктор 2.0 удобнее того, что был ранее. Шаблонов у них более 100 шт., но у 2.0 нашел только 3. Есть интеграция с большим количеством сервисов: Яндекс.Метрика, Яндекс.Деньги, JivoSite, Google Analytics, amoCRM и др.

Первый пакет идет бесплатно, но с определенными ограничениями. Второй пакет по стоимости получается от 300 руб. в месяц, в нем сможете подключить себе свой домен. Цена третьего пакета – 650 руб., будет больше возможности добавления товаров, фото. При обороте более 70 000 руб. в месяц пользование платформой будет бесплатной.

Официальный сайт: https://nethouse.ru/

Инструкция (пошаговая инструкция поможет вам быстро создать сайт на Nethouse)

Цены: https://nethouse.ru/prices

Wikipedia: Nethouse

Tinkoff

конструктор сайтов Tinkoff

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

Официальный сайт: https://www.tinkoff.ru/business/website-builder/

Тинькофф Помощь

WebAsyst

конструктор сайтов WebAsyst

Если верить футеру сайта, то работает WebAsyst с 2002 года. На данном конструкторе можно сделать интернет-магазин (в основном и ориентирован на него). Но также вполне возможно реализовать корпоративный сайт и лендинг пейдж.

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

Стоимость работы начинается от 499 руб. в месяц, в нее входит минимальный пакет, он будет с ограничениями (до 200 товаров). Неограниченное количество товаров будет от 1599 руб. в месяц. Полный пакет от 3 499 руб. в месяц.

Официальный сайт: https://www.webasyst.com/

База знаний, Документация разработчика Webasyst

Wikipedia: Shop-Script

LPmotor

конструктор сайтов LPmotor

Достаточно удобный конструктор. Создать сайт можно как по готовому лендингу (шаблону), так и блоками отдельно. Также можно с нуля создавать свои блоки самим. Данный конструктор используют обучающие центры: нетология, фрии, Бизнес Молодость, LIKE центр, TFA. Он имеет более 465 готовых шаблонов.

Дополнительно есть CRM система, воронка продаж, а/б тесты, платежные системы. По стоимости получается начальный пакет от 790 руб., если оплачивать по месяцам и
466 руб., если оплата за год. В данный пакет входит 10 лендингов и 1 домен.

Официальный сайт: https://lpmotor.ru/

База знаний

Тарифы: https://lpmotor.ru/price

LPgenerator

конструктор сайтов LPgenerator

Рассмотрим LPgenerator конструктор сайтов и лендингов. Есть конструктор мобильных сайтов и страниц благодарности. Из возможностей существует интеграция с CRM системами, оплатами, имейл рассылками и т.д. Также у них есть своя CRM система, аналитика, статистика и подключение домена или его покупка у них.

Можно купить уникальный шаблон или купить дешевле, но неуникальный (бесплатные шаблоны тоже есть). По управлению новичкам будет сложновато. Бесплатные шаблоны мне лично не очень понравились, да и сам конструктор нелегкий, если смотреть в сравнении с другими (например: Tilda и LPmotor).

Начальный пакет по стоимости начинается от 559 рублей (при оплате за год), если месячная оплата от 799 рублей. Здесь будет доступен 1 домен и 3 страницы, бесплатные премиум домены будут недоступны.

Официальный сайт: https://lpgenerator.ru/

База знаний по возможностям платформы

Шаблоны: https://lpgenerator.ru/landing-page-templates/
Цены: https://lpgenerator.ru/pricing/
Магазин шаблонов: https://lpgenerator.ru/store/

Bitrix24

конструктор сайтов bitrix24

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

Помимо конструктора сайта и интернет-магазинов в Битрикс24 есть CRM, а точнее конструктор уже в CRM находится, так что работа с заказами и постановкой задач между сотрудниками не составит труда и упростит работу команды.

Стоимость расширенного пакета начинается от 2 990 рублей в месяц при оплате помесячно. Если оплачивать за год, то стоимость месяца будет 2 390 рублей. Напоминаю, что один сайт вы можете создать и в бесплатном тарифе, но функции будут ограничены.

Официальный сайт конструктора: https://www.bitrix24.ru/features/sites.php

Поддержка24, Как создать свой сайт в Битрикс24

Цены: https://www.bitrix24.ru/prices/

Wikipedia: Битрикс24

Sites.google.comконструктор сайтов sites.google.com

Конструктор сайтов от Google очень простой в управлении, сайт получится обычный. Однако, если цель сделать что-то вроде визитки: добавить картинки, видео, то вполне подойдет конструктор. Готовых сайтов и шаблонов тут не будет. По желанию также можно подключить к сайту свой домен.

Официальный сайт: https://sites.google.com/

Официальный справочный центр Сайты Google

Wikipedia: Сайты Google

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

Из конструкторов по удобству пользования для новичков можно рассмотреть LPmotor, Tilda и Bitrix24, а конструктор сайтов от Google можно использовать для очень простых сайтов.

Конструкторы хостингов

У хостингов тоже есть свои конструкторы. Я хотел, чтобы и о нем вы знали. Но по удобству все-таки более просты сайты с конструкторами, чем конструкторы у хостингов.

hoster.by: https://hoster.by/service/solutions/sozdanie-saita-besplatno/
jino.ru: https://jino.ru/landing/
reg.ru: https://www.reg.ru/web-sites/website-builder/
timeweb.com: https://timeweb.com/ru/services/constructor/

ТОП конструкторов сайтов, интернет-магазинов и лендингов (Мини Рейтинг)

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

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

Если вам надо полноценный сайт, стоит рассмотреть создание сайта на CMS. В будущем расширить сайт не составит проблем, а в плане продвижения в поисковых системах (SEO) все будет гораздо проще.

Конструкторы Цена от
ukit.com 5$
ucoz.ru бесплатно
ucraft.ru бесплатно
wix.com 4,5$
tilda.cc бесплатно
flexbe.ru 750₽
a5.ru бесплатно
setup.ru бесплатно
nethouse.ru 210₽
www.by бесплатно
insales.ru 1290₽
fo.ru бесплатно
jimdo.com бесплатно
umi.ru 136₽
storeland.ru 399₽
lpgenerator.ru от 560₽ – до 11000₽ мес
lpmotor.ru от 470₽ – до 2500₽ мес
sites.google.com бесплатно
jino.ru/landing/ 89₽
tinkoff.ru/business/website-builder/ бесплатно
bitrix24.ru 2 990₽
www.webasyst.com 499₽

Пошаговая инструкция по самостоятельному созданию форума, портала, сообщества

В данном блоке рассмотрим, как самостоятельно создать форум или портал, сообщество. Будем разбираться с готовыми CMS для порталов и форумов. Форум может быть отдельным проектом на отдельном домене, а может быть дополнительно к сайту на поддомене и во внутренней папке сайта (пример: forum.site.ru, пример: site.ru/forum/). Рассмотрим бесплатные движки форума и платные решения.

Wikipedia: Веб-форум, Веб-портал, Интернет-сообщество

Бесплатные решения для создания форума

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

Установка форума phpBB на хостинг

Установка форума phpBB на хостинг

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

Официальный сайт: https://www.phpbb.com/

Руководство пользователя 

Wikipedia: phpBB

Этапы установки форума phpBB на хостинг:

  • выбрать заранее хостинг, на котором будет ваш форум (в видео я устанавливал для примера на хостинге https://jino.ru/);
  • активировать услуги для корректной работы хостинга (php, базы данных и т.д.);
  • купить домен и загрузить в корень сайта или в отдельную папку (пример: мойсайт.ру/forum/);
  • создать базу данных;
  • на официальном сайте скачать движок последней версии (по ссылке: https://www.phpbb.com/downloads/);
  • скачать пакет русского языка для форума (по ссылке: https://www.phpbb.com/languages/);
  • необходимо залить движок в корень сайта на хостинге и распаковать его;
  • через FTP клиента (в видео заливал через Total Commander) загрузить пакет русского языка, перед этим распакуйте архив;
  • далее можно приступить к установке форума на хостинг (все эти этапы и саму установку смотрите в видео ниже).

Установка форума Simple Machines Forum (SMF) на хостинг

Установка форума Simple Machines Forum (SMF) хостинг

Еще один бесплатный движок форума Simple Machines Forum (SMF). Он тоже вполне себе удобный форум в использовании. По аналогии рассмотрим видео с установкой его на хостинг. Также он может быть в корне сайта или в отдельной папке.

Официальный сайт: https://simplemachines.org/

Онлайн-руководство по SMF

Wikipedia: Simple Machines Forum

Этапы установки форума Simple Machines Forum (SMF) на хостинге:

  • выбрать хостинг (в этом варианте мы также рассматриваем https://jino.ru/);
  • настроить форум для корректной работы (по аналогии с предыдущим форумом);
  • купить домен и выбрать место размещения форума (корень сайта или отдельная папка);
  • создать базу данных;
  • скачать движок на официальном сайте последней версии (https://download.simplemachines.org/);
  • языковые пакеты (по ссылке: https://download.simplemachines.org/index.php?languages). Их можете не скачивать, т.к. язык также устанавливается через админку сайта (подробнее смотрите в видео);
  • заливаем на хостинг (можно через файловый менеджер на хостинге);
  • далее приступаем к установке форума на хостинг (в видео ниже все пошагово показано).

Коммерческие CMS для создания форума

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

Установка форума Invision Community (IPB) на хостинг

Установка форума Invision Community (IPB) на хостинг

Форум Invision Community (IPB) – коммерческий проект с большим количеством возможностей. Можно купить для начала отдельно форум, а потом блоками докупать модули (портал, блоги, коммерция, клубы).

В общем, на IPB вы сможете поднять не только форум, но и целое сообщество, портал.

Официальный сайт: https://invisioncommunity.com/

Документация по работе с CMS

Wikipedia: Invision Community

Этапы установки форума Invision Community (IPB) на хостинг:

  • выбрать хостинг и купить домен (мы устанавливаем для примера на хостинг jino.ru);
  • решить установку форума (корень домена, папка или поддомен);
  • регистрация на официальном сайте (выбрать тариф по адресу: https://invisioncommunity.com/buy);
  • скачать CMS архив с официального сайта;

Скачать CMS архив с официального сайта

Скачать русификатор

  • залить архив CMS на хостинг;

залить архив cms на хостинг

залить архив cms на хостинг

  • создать базу данных (перед установкой форума);

создать базу данных

  • перейти по URL для начала установки (в зависимости от нахождения CMS, пример: site.ru – если это корень сайта, forum.site.ru – если это поддомен, site.ru/forum/ – если это папка) и нажать «START INSTALLATION»;

установки форума Invision Community (IPB) на хостинг

  • попадаем на страницу «System Check». На данной странице проверят ваш хостинг. Если все зеленое, то настройки его подходят для установки. Если будет что то не подходить, напишите хостингу для решения этой проблемы. Далее нажимаем «CONTINUE»;

установки форума Invision Community (IPB) на хостингустановки форума Invision Community (IPB) на хостинг

  • переходим на страницу «License». Здесь нужно вписать ваш лицензионный ключ в поле «License Key» и нажать галочку «I have read and agree to the license agreement». Нажимаем «CONTINUE»;

установки форума Invision Community (IPB) на хостинг

  • далее страница «Applications», выбираем по дефолту «Forums»;

установки форума Invision Community (IPB) на хостинг

  • на странице «Server Details» необходимо заполнить поля от базы данных (база данных, пользователь и пароль);

установки форума Invision Community (IPB) на хостинг

  • на странице «Admin» заполняем поля для пользователя администратора;

установки форума Invision Community (IPB) на хостинг

  • на странице «Install» дождитесь полной установки вашего форума и можете пользоваться им (останется только установить русский язык);

установки форума Invision Community (IPB) на хостинг

  • для установки русского языка нам понадобится скачанный архив (ранее мы уже должны были скачать архив с русским языком). Переходим в «Customization», в «Languages» и нажимаем кнопку «Create New»;

установки форума Invision Community (IPB) на хостинг

  • далее выбираем вкладку «Upload», файл «All Applications.xml» (с нашего архива, который скачали выше). Находим русский язык и нажимаем «Save»;

установки форума Invision Community (IPB) на хостинг

  • переходим в русский язык, нажав кнопку «Редактировать»;

установки форума Invision Community (IPB) на хостинг

  • выбираем русский язык по умолчанию и нажимаем кнопку «Save»;

установки форума Invision Community (IPB) на хостинг

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

Другие коммерческие движки для создания форума

vBulletin

форум vbulletin

Коммерческий форумный движок. Кстати, хороший конкурент тому же IPB.

Подробнее можете ознакомиться на официальном сайте: https://www.vbulletin.com/

Documentation, Online Manual

Wikipedia: vBulletin

XenFORO

форум XenFORO

Еще один коммерческий форумный движок.

Подробнее читайте на официальном сайте: https://xenforo.com/

XenForo 1 Manual, XenForo 2 Manual

Wikipedia: XenForo

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

Если будут интересны инструкции по установке и работе с другими движками форумов, пишите. Рассмотрим составления пошаговой инструкции по этим CMS.

Примеры реализованных форумов

Ниже составил небольшой список форумов на платформах: IPS, vBulletin, SMF, phpbb. Можете посмотреть варианты реализации или сами поискать в интернете созданные форумы и сообщества на этих CMS. Надеюсь, эти примеры помогут вам определиться в выборе движка для форума.

— IPS форумы

https://invisioncommunity.com/forums/
https://lan.lego.com/forums/forums/overview/
https://discussion.evernote.com/
https://club-arkana.ru/
https://vw-clubs.ru/
http://zotye-clubs.ru/
https://geely-clubs.ru/
https://www.maultalk.com/
http://4pda.ru/forum/
http://forums.ibresource.ru/
http://ipbskins.ru/forum/
https://ipbmafia.ru/
https://ipszona.ru/
http://ipboard.net/

— vBulletin форумы

https://forum.vbulletin.com/
https://mmgp.ru/
http://webmasters.ru/forum/
https://searchengines.guru/

— SMF форумы

https://www.radioboss.ru/smf_ru/
https://www.simplemachines.ru/
https://www.simplemachines.org/

— phpBB форумы

https://www.phpbb.com/community/
https://www.phpbbguru.net/community/
http://bb3x.ru/forum/

Решение реализации форума для популярных CMS

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

Детально установку я не разбирал, т.к. я такой вариант в работе не использую.

WordPress – для данной CMS можете рассмотреть такие решения:

  1. https://bbpress.org/ он же тут: https://wordpress.org/plugins/bbpress/.
  2. https://wordpress.org/plugins/asgaros-forum/.
  3. https://wpforo.com/ он же тут: https://ru.wordpress.org/plugins/wpforo/.

Joomla – можете рассмотреть решение, использовав расширение https://www.kunena.org/.

Drupal – модуль для данной CMS: https://www.drupal.org/project/advanced_forum

OpenCart – если у вас интернет-магазин на этом движке, то вам стоит рассмотреть это решение: http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4345&filter_search=forum

Готовые решения создание сайта на CMS у хостингов (автоматическая установка)

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

Beget.com

создание сайта beget.com

 

У beget.com после регистрации будет доступна панель с выбором движка для автоматической установки. Вам нужно будет купить домен и хостинг, выбрать CMS, а beget сам установит выбранный движок.

Вам дадут доступ к панели: https://cp.beget.com

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

beget.com автоматическая установка cms

Timeweb.com

создание сайта timeweb.com

У timeweb.com после регистрации также вы сможете выбрать CMS для установки на хостинг автоматически.

После регистрации у вас будет доступ к панели: https://hosting.timeweb.ru/

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

timeweb.com автоматическая установка cms

У TimeWeb вы сможете найти еще шаблон (платный) для вашего сайта.

Шаблоны: https://timeweb.com/ru/templateshop/catalog/

В левом меню вы можете выбрать CMS.

каталог шаблонов timeweb.com

Reg.ru

создание сайта reg.ru

У хостинга reg.ru тоже есть готовые решения на CMS. Вам нужно выбрать движок, на котором вы хотите сделать сайт и нажать узнать больше.

Если рассмотреть на примере WordPress, то мы увидим варианты сайтов: сайт компании, интернет-магазин, персональный блог, портфолио.

reg.ru автоматическая установка cms

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

шаблоны reg.ru

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

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

WordPress: https://www.reg.ru/web-sites/cms/wordpress
Bitrix: https://www.reg.ru/web-sites/cms/bitrix/
Joomla: https://www.reg.ru/web-sites/cms/joomla

Шаблоны можно проверить до покупки хостинга. Выберите вариант сайта, который вам нужен (сайт компании, интернет-магазин, персональный блог, портфолио) и перейдите по кнопке «Онлайн демо».

Пример: https://turnkey.reg.ru/joomla/zone/index.php/ru/

Jino.ru

создание сайта jino.ru

У хостинга jino.ru тоже есть услуга готовых решений по созданию сайтов и называется она «Спектр». Вы получаете автоматическую установку CMS, привязку домена в один клик и удобный файловый менеджер. Кстати, файловый менеджер у них реально удобный в использовании.

Подробнее: https://jino.ru/spectrum/

Сделать сайт на базе готовых платных шаблонов

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

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

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

Wikipedia: Веб-шаблон

Если не хотите устанавливать шаблон сами, есть пару вариантов:

  • можно заказать установку у магазина шаблонов (как правило, у таких сайтов есть дополнительные услуги: установки шаблона и другие), тогда вы уже получите в итоге сразу установленный шаблон у себя на хостинге;
  • второй вариант – заказать на фрилансе (услуга недорогая). Если дополнительно вам надо будет внести какие-то правки по сайту (если вы сами не хотите разбираться в коде), то сможете договориться тоже по дополнительным корректировкам.

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

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

TemplateMonster

шаблоны TemplateMonster

В TemplateMonster внушительная база шаблонов под CMS и не только. Данный сайт один из больших в этой нише.

Шаблоны для CMS:

  • WordPress;
  • Joomla;
  • Moto CMS;
  • Drupal.

Шаблоны под движки интернет-магазинов:

  • Shopify;
  • Magento;
  • PrestaShop;
  • OpenCart;
  • MotoCMS;
  • VirtueMart;
  • ZenCart;
  • X-Cart;
  • BigCommerce.

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

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

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

Подробнее смотрите на официальном сайте: https://www.templatemonster.com/ru/

Руководство по работе с маркетплейсом TemplateMonster [Бесплатная книга]

Wikipedia: Template Monster

ThemeForest, Envato Market

шаблоны ThemeForest Envato Market

Еще один портал с шаблона под разные CMS. Он на английском языке. У данного портала тоже большая база шаблонов для сайтов и не только (видео, код, аудио, графика и т.д.).

Шаблоны для CMS:

  • Joomla;
  • Corporate;
  • Drupal;
  • Concrete5;
  • Webflow;
  • Moodle;
  • Miscellaneous;
  • MODX Themes;
  • Mura;
  • Weebly.

Шаблоны для eCommerce:

  • PrestaShop;
  • Shopify;
  • Magento;
  • OpenCart;
  • BigCommerce;
  • Zen Cart;
  • 3dcart;
  • osCommerce;
  • CS-Cart.

Подробнее смотрите на официальном сайте: https://themeforest.net/

Блог

Wikipedia: Envato

WpShop.ru

шаблоны wpshop.ru

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

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

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

У них 5 шаблонов. Рассмотрим вкратце каждый по порядку.

Официальном сайте: https://wpshop.ru/

Документация, материалы, уроки

— Reboot

шаблон Reboot

Страница описания шаблона: https://wpshop.ru/themes/reboot
Демо сайта 1: https://reboot.wpshop.tech/
Демо сайта 2: https://reboot2.wpshop.tech/

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

Стоимость:

  • Один домен: 3 800 руб.
  • Три домена: 6 700 руб.
  • Неограниченное кол-во доменов: 7 800 руб.

— JournalX

шаблон JournalX

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

Описание темы: https://wpshop.ru/themes/journalx
Демо сайта: http://journalx.demo.wpshop.tech/

Стоимость такая же, как и у шаблона reboot.

— Root

шаблон Root

  • удобные оптимизированные и адаптивные шаблоны;
  • хорошо подойдут под конкретные проекты, информационные сайты и блоги.

Описание темы: https://wpshop.ru/themes/root
Демо сайта 1: http://stroy.root.wpshop.tech/
Демо сайта 2: http://woman.root.wpshop.tech/
Демо сайта 3: http://root.wpshop.tech/

Стоимость шаблона такая же, как и 2х предыдущих.

— Cook It

шаблон Cook It

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

В общем, тема занятная. Зайдет хорошо тому, кто ищет кулинарный шаблон.

Описание темы: https://wpshop.ru/themes/cook-it
Демо шаблона: http://cookit.demo.wpshop.tech/

По стоимости аналогично с предыдущими примерами.

— Yelly

шаблон Yelly

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

Описание темы: https://wpshop.ru/themes/yelly
Демо шаблона: http://yelly.wpshop.tech/

Стоимость:

  • Один домен: 3 500 руб.
  • Неограниченное кол-во доменов: 4 700 руб.

Wp-R.ru

шаблоны Wp-R.ru

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

Сейчас по порядку рассмотрим шаблоны.

Официальном сайте: https://wp-r.ru/

F.A.Q

— Romb

шаблон Romb

Описание темы: https://wp-r.ru/themes/romb.html

Демо шаблона 1: http://romb.wp-r.ru/
Демо шаблона 2: https://mojwp.ru/
Демо шаблона 3: http://romb.wp-r.ru/ecom/ (для коммерческих сайтов)

Стоимость: 1 290 руб. – один домен.

— SPage

шаблон SPage

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

Описание темы: https://wp-r.ru/themes/spage.html
Демо шаблона: https://wp-r.ru/tm/spage/index.html

Стоимость: 699 руб. за один домен.

Сайт на базе готовых шаблонов Bitrix

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

Стоимость лицензий битрикса:

  • Старт: 5 400 руб.
  • Стандарт: 15 900 руб.
  • Малый бизнес: 35 900 руб.
  • Бизнес: 72 900 руб.

Если вам нужен интернет-магазин, то лицензия начинается с «Малый бизнес». Если нужен простой сайт (корпоративный), то можно начать с тарифа «Старт».

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

У битрикса много плюсов: интеграции с 1С и CRM системой, складской учет, интеграция с Битрикс24 и другие различные дополнительные функции в зависимости от лицензии.

Подробнее (что входит в ту или иную лицензию) можете почитать на официальном сайте битрикса: https://www.1c-bitrix.ru/products/cms/license.php

Учебные онлайн-курсы

Wikipedia: 1С-Битрикс: Управление сайтом

Готовый сайт на Битрикс лицензия

 

Готовые решения, шаблоны, на базе которых можно сделать себе сайт, посмотрите в магазине битрикса: https://marketplace.1c-bitrix.ru/solutions/category/7/

Готовые решения, шаблоны, Битрикс

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

готовые сайты магазин битрикс

Мы рассмотрим готовое решение от компании АСПРО. Вы можете найти их решение в магазине битрикса и у них на сайте.

АСПРО

создание сайта аспро

На сайте АСПРО вы найдете и другие варианты шаблонов.

Они разные по стоимости и функционалу:

  • корпоративные сайты начинаются от 9 900 руб. до 24 900 руб;
  • интернет-магазины по стоимости от 19 900 руб. до 39 900 руб.

Основные плюсы компании АСПРО:

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

Шаблоны от АСПРО полностью готовы к работе.

Основные задачи для запуска проекта:

  • необходимо убрать страницы, которые вам не нужны;
  • заменить баннеры и иконки (можно заказать на фрилансе);
  • заменить тексты (также фриланс или сами).

В остальном весь функционал предусмотрен:

  • страницы (отзывы, сотрудники, услуги, проекты и т.д.);
  • админка легка в управлении;
  • редактор страниц как на сайте, так и через админку.

В общем, можно за пару недель запустить спокойно коммерческий проект на их готовом решении. Ниже записал небольшое видео про готовое решение от АСПРО.

Официальный сайт: https://aspro.ru/

Документация по готовым решениям, База знаний

Курс содержит руководство пользователя и набор инструкций по использованию решения «Аспро: Маркет»

Служба поддержки, Техническая поддержка

Сделать сайт на локальном сервере

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

Сейчас мы рассмотрим установку сайта на локальный сервер (на примере сервера OpenServer и CMS WordPress).

Официальный сайт: ospanel.io

Руководство пользователя

Вы также можете установить на компьютер локальный сервер и другие CMS (OpenCart, Joomla, DLE, Битрикс и др.)

Можно использовать и другие серверы (Denwer (www.denwer.ru), XAMPP (www.apachefriends.org) и др.)

Wikipedia: Denwer, XAMPP

С данного примера по аналогии вы сможете поставить другие CMS или другой локальный сервер.

Установка локального сервера (OpenServer)

Установка локального сервера (OpenServer)

Этапы установки локального сервера OpenServer на компьютер:

  • заходите на официальный сайт https://ospanel.io/download/ и качаете OpenServer (вам вполне хватит версии BASIC). Если пожертвовать 3 руб. на проект, вы сможете скачать архив с хорошей скоростью;
  • нужно распаковать архив, скачанный с официального сайта. После этого у вас появится папка «OSPanel»;

Установка локального сервера (OpenServer)

  • в этой папке будет 2 файла: «Open Server x64» и «Open Server x86». Выбираете тот, который подходит вам и нажимаете на ярлык. В окне с выбором языка вам следует выбрать язык (программа может предложить установить Microsoft Visual C++ Runtime & Patches, нажмите «Установить»);

Установка локального сервера (OpenServer)

  • после установки Microsoft Visual C++ Runtime & Patches запускаете ярлык еще раз (в моем случае Open Server x64);
  • у вас появится иконка (флажок) в правом нижнем углу в запущенных программах. Нажимаете на нее и выбираете «Запустить»;

Установка локального сервера (OpenServer)

  • Для проверки пропишите у себя в браузере «localhost» и увидите следующее сообщение: «Добро пожаловать! Open Server Panel работает ;-)».

Установка локального сервера (OpenServer)

У них также на сайте есть свой мануал (https://ospanel.io/docs/), если у вас будут другие вопросы по OpenServer.

Установка сайта (WordPress) на локальный компьютер (OpenServer)

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

Wikipedia: Система управления веб-содержимымWordPress

Пошаговые инструкции с официального сайта, которые помогут Вам начать работу с WordPress:

Новичкам в WordPress — с чего начать

Документация для разработчика

Этапы установки WordPress на OpenServer:

  • устанавливаем OpenServer на компьютер (в статье мы уже пошагово разбирали установку, см. тему выше);
  • скачиваем архив WordPress с официального сайта;
  • после п.1 и п.2 нужно заходим в папку «OSPanel» и переходим в «domains»;

этапы установки WordPress на OpenServer

  • необходимо создать папку с названием вашего сайта (для примера: «mysite.pc») и залить туда архив WP, разархивировать его в корень сайта;

этапы установки WordPress на OpenServer

  • запускаем сервер на компьютере и нажимаем на ярлык «Open Server x64»;

этапы установки WordPress на OpenServer

  • в правом нижнем углу экрана появится флажок красного цвета. Необходимо нажать правой клавишей на него и выбрать «Запустить». Флажок станет зеленого цвета;

этапы установки WordPress на OpenServer

  • теперь нужно создать базу данных для вашего сайта. Нажимаем на флажок в меню «Дополнительно» и выбираем «PhpMyAdmin»;

этапы установки WordPress на OpenServer

  • в поле «Пользователь» пишем «root» и нажимаем кнопку «Вперед»;

этапы установки WordPress на OpenServer

  • переходим в раздел «Учетные записи пользователей» и нажимаем на «Добавить учетную запись пользователя»;

этапы установки WordPress на OpenServer

  • заполняем «Имя пользователя» и «Пароль», отмечаем галочки в блоках «База данных для учетных записей пользователей» и «Глобальные привилегии»;

этапы установки WordPress на OpenServer

  • нажимаем правой клавишей на флажок, выбираем «Мои сайты» и нажимаем на ваш сайт. Откроет в браузере установку WordPress;

этапы установки WordPress на OpenServer

  • нажимаем «Вперед!»;

этапы установки WordPress на OpenServer

  • прописываем данные базы в полях: «Имя базы данных», «Имя пользователя», «Пароль»;

этапы установки WordPress на OpenServer

  • нажимаем «Запустить установку»;

этапы установки WordPress на OpenServer

  • заполняем поля: «Название сайта», «Имя пользователя», «Пароль», «Ваш e-mail». Нажимаем кнопку «Установить WordPress»;

этапы установки WordPress на OpenServer

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

этапы установки WordPress на OpenServer

Установка других CMS (движков сайтов) на хостинг

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

Логика в установке CMS на хостинг у всех движков схожа. Как правило, она заключается в элементарных действиях (может немного отличаться).

Примерная схема установки CMS на хостинг:

  • скачать CMS с официального сайта;
  • залить архив CMS на хостинг и распаковать в корень сайта;
  • создать базу данных;
  • открыть в браузере ссылку с установкой CMS;
  • пройти процедуру установки CMS, указав базу данных и данные для входа на сайт.

Вот и все. Каких-то 5 простых пунктов и вы установите движок сайта (CMS) на хостинг. Выше мы уже рассмотрели установку таких движков, как WordPress, OpenCart и форумные движки. Сейчас разберем другие распространенные CMS.

Установка Битрикс на хостинг

Установка Битрикс на хостинг

Для начала установки Bitrix на хостинг необходимо скачать скрипт «BitrixSetup».

Скачать можете по ссылке (https://www.1c-bitrix.ru/download/cms.php), вкладка «На хостинг скриптом BitrixSetup».

Далее в видео я пошаговый расскажу об установке BItrix на хостинг.

[ВИДЕО]

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

https://www.reg.ru/support/hosting-i-servery/yazyki-programmirovaniya-i-skripty/kak-izmenit-parametry-php

Данные, которые вам нужно будет вписать:

mbstring.func_overload=2
mbstring.internal_encoding=””
default_charset=”utf-8″

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

Официальный сайт: https://www.1c-bitrix.ru/

Разработчикам и пользователям: Учебные онлайн-курсы от Битрикс

Wikipedia: 1С-Битрикс: Управление сайтом

Установка Joomla на хостинг

Установка joomla на хостинг

Для установки Joomla на хостинг в первую очередь надо скачать CMS по ссылке https://downloads.joomla.org/ru/. Далее установку подробнее разберем в видео.

[ВИДЕО]

Официальный сайт: https://www.joomla.org/

Документация: Joomla! Documentation
Wikipedia: Joomla!

Установка ModX на хостинг

Установка ModX на хостинг

Для установки ModX на хостинг качаем CMS по ссылке https://modx.com/. В видео смотрим его дальнейшую установку.

[ВИДЕО]

Официальный сайт: https://modx.com/

Документация: MODX Docs
Wikipedia: MODX

Установка Drupal на хостинг

Установка Drupal на хостинг

Также для начала установки Drupal на хостинг качаем CMS по ссылке https://www.drupal.org/download. Смотрим видео с установкой.

[ВИДЕО]

Официальный сайт: https://www.drupal.org/

Документация: Drupal 8 Руководство пользователя
Wikipedia: Drupal

Установка DLE (DataLife Engine) на хостинг

Установка DLE (DataLife Engine) на хостинг

Чтобы установить DLE (DataLife Engine) на хостинг, качаем архив DLE по ссылке https://dle-news.ru/. Смотрим видео.

[ВИДЕО]

Официальный сайт: https://dle-news.ru/

Документация: Документация по DataLife Engine
Wikipedia: DataLife Engine

Установка PrestaShop на хостинг

Установка PrestaShop на хостинг

Скачиваем архив CMS по ссылке https://www.prestashop.com/ для установки PrestaShop на хостинг. Смотрим видео.

[ВИДЕО]

Официальный сайт: https://www.prestashop.com/

Документация: Руководство пользователя PrestaShop
Wikipedia: PrestaShop

Копия сайта или переезд на новый домен

Рассмотрим как сделать копию сайта и переезд на новый домен. Конечно, у вас может возникнуть вопрос: «Для чего делать копию сайта? Один уже есть, зачем нужен второй?» Но на практике копию можно сделать для очень разных целей. Перечислю часть из них:

  • к примеру, у вас есть интернет-магазин. Сделав копию сайта (убрав оптимизированные тексты под сео) и переработав шаблон генерации метаданных, можно повесить копию на другой домен и привязать к другому региону;
  • вы можете использовать один дизайн на 2-3 других бизнесах, переписав тексты и адаптировав под них;
  • можно делать копии лендингов, менять там тексты и картинки под различные бизнесы, идеи, гипотезы, а также тестировать в рекламе.

В общем, вариантов много. Для каких целей делать копию – выбирать вам. Я расскажу, как это сделать на примере движка WordPress.

Копия сайта

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

Основные пункты по созданию копии сайта:

  • сделать копию всех файлов из папки старого домена в папку нового домена;
  • сделать экспорт базы данных старого сайта;
  • через программу Notepad++ (или аналогичную ей) изменить адрес старого сайта на адрес нового;
  • создать базу данных для нового сайта;
  • сделать импорт файла старой базы данных в новую после того, как мы изменили адрес сайта;
  • прописать информацию новой базы данных в корне нового сайта в файле wp-config.php;
  • поздравляю! У вас теперь есть копия сайта.

Перенос сайта на другой домен

Перенос сайта на новый домен и создание копии сайта по действиям будут одинаковые. Только в случае переезда сайта на другой домен, нам надо прописать в файле .htaccess 301 редирект. Это необходимо для того, чтобы старый домен нас перекидывал на новый.

Нужно вставить этот код:

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://newdomain.ru/$1 [R=301,L]

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

А пока дополнительно можете почитать про переезд сайта у поисковых систем в рекомендациях по этим ссылкам:

https://yandex.ru/support/webmaster/yandex-indexing/moving-site.html
https://support.google.com/webmasters/answer/9370220?hl=ru

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

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

Копия чужого сайта

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

Есть много программ, но я тестировали Teleport Pro. Другие программы я не смотрел и не имел с ними дело. Если поискать в интернете, то я думаю можно найти и другие решения о том, как сделать копию чужого сайта.
В Teleport Pro можно копировать сайт, указав его домен. Также нужно указать, в какую глубину он будет копировать и скачивать. Он разложит все файлы и картинки по папкам.

Дополнительно почитать про Teleport Pro:

https://ru.wikipedia.org/wiki/Teleport_Pro
http://www.tenmax.com/teleport/home.htm

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

Разработки сайта от компаний (Веб-студий), цены

Сколько же стоит сделать сайт в агентстве? Чтобы вам было проще ориентироваться по стоимости, мы собрали таблицу с ценами на разработку сайтов, лендингов и интернет-магазинов в интернете от агентств.

Данная таблица довольно простая, т.к. в основном она создавалась путем просмотра ТОП 10-15 сайтов выдачи Google и Яндекса. Она служит только как ориентир, не более.

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

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

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

Лендинг, тыс ₽ Корпоративный сайт, тыс ₽ Интернет- магазин, тыс ₽
Яндекс
15 – Тильде, 20 – Вордпресс, 30 – Битрикс 40 – Тильде, 50 – Вордпресс, 70 – Битрикс 50 – Тильде, 60 – Вордпрессе, 120 – Битрикс
55 95 200-350
20 80 35
50 180 250
10 15 25
25 120 250
25 35 50
7 9 15
? 600 800
23 40 36
Google
50 180 250
100 450 850
30 25 50
79 – Umi, 99 – Битрикс 79 – Umi, 99 – Битрикс 159
90 120 150
23 40 36
7 9 15
75 180 310
25 100 200

Разработки сайта от частного вебмастера, фриланс

Заказать создание сайта можно у частного вебмастера на фрилансе. Поговорим сейчас о том, как работать с частниками через биржи фриланса.

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

Фриланс может решить следующие вопросы:

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

Все вопросы, которые вы не хотите решать сами или не знаете как их реализовать, можно сделать с помощью фриланс биржи.

Плюсы работы с фрилансом в сравнении с агентствами и большими компаниями:

  1. Стоимость – один из главных плюсов. Мы можем найти разных людей под конкретные задачи, в которых разбираются люди. Они эти задачи сделают быстрее и дешевле, чем агентства (т.к. в агентствах не всегда есть программисты под все виды CMS).
  2. Скорость реализации задач. Мы работаем напрямую с исполнителем, поэтому время не тратится на обсуждение, менеджеров и т.д., а задачи закрываются достаточно быстро.

Важные моменты, на которые нужно обращать внимание при работе на фрилансе:

  1. Всегда смотрите отзывы и какого они года. Бывали случаи взломов аккаунтов, покупок старых аккаунтов и т.д. Отзывы фрилансера отражают его активность и качество работы. Бывают исключения в виде новичков-фрилансеров. Они также иногда полезны и выгодны. Работа у них может быть дешевле за счет того, что они только начинают работать над своей репутацией.
  2. Возраст аккаунта. Если человек на фрилансе работает уже не один год, к такому аккаунту будет больше доверия. Но, как и говорил выше, у новичков есть тоже небольшие плюсы.
  3. Менеджеры от компаний. Некоторые компании регистрируются тоже на фрилансе. Лучше все же работать напрямую с исполнителем, чем вести общение с менеджером.
  4. Безопасные сделки (когда биржа фриланса резервирует оплату на своей стороне, при сдаче проекта вы подтверждаете, что работа сделана, и деньги уходят фрилансеру). Первое время рекомендую выбирать безопасные сделки, но не все хотят работать таким образом. Будет надежней для вас все-таки найти тех, кто работает, чтобы лишний раз не рисковать. А когда уже наберетесь опыта на фрилансе, тогда сможете рассматривать работу с оплатой напрямую.
  5. Техническое задание. Четко формулируйте задание фрилансерам, прописывайте детально все моменты, какие необходимо реализовать. Это поможет вам избежать недопонимания при сдаче проекта.

Фриланс бирж можно поискать в интернете (некоторые из них: kworks.ru, freelance.ru, www.weblancer.net, www.fl.ru, work-zilla.com, freelancehunt.com, англ: www.upwork.com, www.freelancer.com, www.toptal.com).

Лучше смотреть в сторону раскрученных бирж, поиск исполнителя будет проще.

Ниже я дополнительно сделал видео с небольшим обзором биржи www.fl.ru.

Официальный сайт: https://www.fl.ru/

Документация: Новичкам заказчикам, Новичкам фрилансерам

Wikipedia: Фрилансер, FL.ru

Разработки сайта от частного вебмастера, фриланс fl.ru

Полезные программы в помощь при создании сайта

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

  1. Блокнот (wikipedia: Блокнот) – стандартный текстовый редактор на компьютере. При желании можно и в простом блокноте сайт написать с нуля, но для этого вам нужно хорошо знать код. Однако, существуют и более специализированные программы для работы с кодом. Блокнот подойдет для быстрых редактирований или правок.
  2. Notepad ++ (notepad-plus-plus.org  wikipedia: Notepad) – текстовый редатор, но больше подходит для работы с кодом. Мы выше редактировали с помощью него файл базы данных.
  3. Sublime Text (www.sublimetext.com wikipedia: Sublime Text) – еще один текстовый редактор для работы с кодом.
  4. Brackets (brackets.io wikipedia: Brackets) – тоже текстовый редактор для работы с кодом (в общем-то, можете выбрать тот, который больше нравится вам).
  5. figma (www.figma.com wikipedia: figma) – сервис для разработки протатипа сайта. Не факт, что новичку пригодится, можно просто глянуть для общего развития.
  6. FileZilla (filezilla.ru wikipedia: FileZilla) – FTP клиент. С помощью этой программы вы можете подключиться к хостингу по FTP.
  7. Total Commander (wincmd.ru wikipedia: Total Commander) – еще один FTP клиент. С помощью его вы тоже можете подключиться к FTP.
  8. Adobe Photoshop (www.adobe.com/ru/products/photoshop.html wikipedia: Adobe Photoshop) – я думаю, что с фотошопом вы знакомы. В нем вы сможете работать с фотографиями, картинками, логотипом для вашего сайта.

Рекомендация! До начала разработки веб-сайта закрыть его от индексирования

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

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

Варианты закрытия сайта от индекса:

1 вариант

Прописать в коде сайта в теге <head></head> эти строчки:

<meta name=”robots” content=”noindex, nofollow”/>

или

<meta name=”robots” content=”none”/>

2 вариант

В корне сайта в файле robots.txt

User-agent: *

Disallow: /

Закрытие сайта от индекса на движке WordPress:

  • заходим в личный кабинет;
  • раздел «Настройки»;
  • подраздел «Чтение»;
  • пункт «Видимость для поисковых систем»;
  • ставим галочку «Попросить поисковые системы не индексировать сайт».

Закрытие сайта от индекса на движке WordPress

Лучше использовать 1 вариант, чтобы закрыть сайт от индексации.

Продвижение сайта

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

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

Основные варианты продвижения и рекламы:

  1. SEO продвижение – это продвижение сайта в ТОП10 органической выдачи в поисковых системах без оплаты за рекламу. Условно, это бесплатный трафик, за который не надо будет платить за клики.
  2. Контекстная реклама – платная реклама с оплатой за клик. Она показывается как в поиске выше и ниже органической выдачи, так и на сайтах партнеров.
  3. Продвижение и таргетированная реклама в социальных сетях – реклама, которую вы видите слева или справа в зависимости от социальной сети. Также она появляется у вас в ленте новостей.

Wikipedia: Продвижение сайта, Поисковая оптимизация, Контекстная реклама, Google Ads, Яндекс.Директ, Маркетинг в социальных сетях, Таргетинг

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

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

Но не все сразу. На этом статью по созданию сайта заканчиваю. Если у вас остались вопросы, задавайте в комментариях под статьей или под видео на ютубе. Также мы открыли форум, сообщество: https://dashchinskiy.com/community/

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

Информация обновляется.