09 января 2019

Виктория Федосеенко

Редактор блога ISPsystem

Сайт — это просто. Как создать сайт самому бесплатно с нуля

Зарабатывать любимым делом, искать единомышленников, заявлять о себе — в интернете можно всё, если у тебя есть сайт

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

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

Сразу к делу

Самый доступный способ сделать сайт без помощи разработчиков — использовать бесплатный "движок" WordPress. Для этого сначала надо купить домен и хостинг. Подробнее читайте в разделе Хостинг и CMS как универсальное решение.

Содержание

Сайт: когда он нужен и кому его доверить

Когда сайт нужен

Нужно больше клиентов? Сайт может помочь

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

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

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

Когда сайт не нужен

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

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

  1. небольшой фитнес-зал — группа в мессенджере,
  2. магазин вещей ручной работы — аккаунт во ВКонтакте,
  3. парикмахер или стилист — аккаунт в Instagram.

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

Если хотите создать портфолио или блог, обратите внимание на специализированные сервисы.

Конструкторы портфолио   Площадки для создания блога

Behance,

Dribbble,

Coroflot,

Adobe Portfolio,

PortfolioBox.

   

Медиум,

Яндекс.Дзен,

Тамблер.

 

 

Когда сайт не стоит делать самому

Иногда лучше довериться веб-студии или частному веб-разработчику.

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

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

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

Что важно знать до разработки

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

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

Общая схема на примере ispsystem.com

Большую часть работ по созданию сайта можно сделать бесплатно

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

Чтобы контент красиво отображался на странице (и вообще отображался), его оборачивают в код (HTML, PHP и т. д.). Код на сайте не видно, но он есть. Чем сложнее вёрстка, тем больше кода. Главная страница ISPsystem содержит 46 000 символов, а код Facebook больше 670 000 символов (столько же, сколько в трёх томах "Войны и мира"). Без кода никак.

Файлы с контентом и кодом лежат на компьютере (сервере) в дата-центре. Сервер постоянно включён и на нём установлено специальное программное обеспечение, чтобы любой пользователь интернета мог получить к нему доступ. Обычно серверы арендуют, и эта услуга называется хостинг.

Чтобы получить доступ к серверу, нужен адрес. У сервера есть настоящий IP-адрес и он выглядит как-то так: 10.0.0.0/8, а есть "человекопонятный", и он выглядит так: ispsystem.com. Человекопонятный адрес места, где расположен сайт — это доменное имя.

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

Без чего сайт не может существовать

  1. Доменное имя. Без него ваш проект нельзя найти.
  2. Хостинг. Без него сайт лежит где угодно, но не в интернете.
  3. Код. Без него браузеры не могут отобразить контент.
  4. Контент. Без него непонятно, о чем вы хотите сказать.

За что надо и не надо платить

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

Контент — точно бесплатно

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

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

Код — можно бесплатно

Если вы не веб-разработчик, написать код с нуля не получится. Но это и не нужно, можно использовать готовые шаблоны. Это как строить дом не из глины, а из кирпичей или более крупных блоков. Совсем просто использовать конструкторы, чуть сложнее разобраться с "движками" (CMS), а разработчики используют фреймворки вроде Angular и React. Про конструкторы и движки сайтов подробно рассказываем во второй части гайда.

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

Хостинг — лучше заплатить

Каждому сайту нужен хостинг. Чем больше проект, тем больше места ему нужно. Хостинг можно организовать дома на своём компьютере, но мы не советуем (если решитесь, в интернете есть инструкции). А ещё хостинг можно получить условно бесплатно, если использовать конструктор. Условно, потому что при росте платить всё равно придётся, подробнее в разделе Конструктор или CMS: что лучше.

При использовании шаблонов и CMS надо будет купить хостинг. Сделать это несложно и стоит он недорого, от 200 рублей в месяц за несколько гигабайт пространства. Подробнее об этом в разделе "Купить хостинг".

Домен — надо заплатить

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

Бесплатно можно получить домен третьего уровня вида site.sitebuilder.ru. Их получают сайты, созданные на конструкторах. Домен третьего уровня работает, но хуже запоминается и выглядит несерьёзно, на сайты с таким доменом нельзя подключить монетизацию. Так что лучше на него не рассчитывать.

За что точно не стоит платить
Если нужна страница-визитка, не стоит платить за её создание. Фрилансеры на биржах берут от пяти тысяч рублей за установку CMS и наполнение её контентом. Но создать сайт таким образом вы можете сами бесплатно. Всего-то нужно арендовать хостинг, установить CMS и наполнить контентом. Как это сделать, читайте в разделе Хостинг и CMS как универсальное решение.. К профессионалам стоит обратиться, если вам нужен интернет-магазин, сайт с особенным дизайном или корпоративный портал.

Способы создать сайт

Определите цели

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

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

Типы сайтов в зависимости от целей.

  1. Продать — лендинги, интернет-магазины.
  2. Представить — сайт-визитка.
  3. Показать — портфолио, блог.

Ниже найдёте описание конструкторов разных типов сайтов, а также описание "движков" сайтов. Выбирайте подходящий под ваши цели инструмент.

Конструкторы сайтов: что это такое и какие бывают

Сайтбилдеры заменяют собой и веб-разработчика, и хостинг

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

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

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

Бесплатный тариф конструктора не подходит для интернет-магазинов, сайтов блогов и СМИ с потенциалом роста.

Больше о плюсах и минусах конструкторов см. в разделе “Конструкторы и CMS: что лучше”. Ниже рассмотрим самые популярные сервисы с бесплатными тарифами.

Универсальные

Google Sites — полностью бесплатный конструктор от Google. Интерфейс напоминает приложение Google Презентации. Можно добавлять текст, иллюстрации, кнопки, карты, документы, таблицы. Тем и шаблонов мало, функционал ограниченный, но достаточный для создания простого адаптивного сайта. Домен тоже можно привязать бесплатно.

Примеры:

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

Бесплатно: поддомен на wix.com, пятьсот дизайнерских шаблонов, адаптивность, интеграции с платёжными сервисами, искусственный интеллект для автоматического создания сайта. Есть ограничение по скорости загрузки.

За что платить: за домен второго уровня, подключение собственного домена, удаление рекламы Wix, добавление производительности и места для хранения данных. Подписка на услуги стоит от 4 до 24 долларов в месяц.

Примеры:

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

Бесплатно: поддомен и хостинг, шаблоны, модули. Адаптивность и SEO-оптимизация не поддерживается.

За что платить: за домены, PHP, шаблоны на uTemplate — от 8 до 20 долларов. У компании есть ещё один конструктор — uKit. Это платный проект с дизайнерскими шаблонами, поддержкой адаптивности и SEO-оптимизации. Стоит от 4 до 12 долларов в месяц.

Примеры:

Jimdo — сайт за три минуты по анкете или через стандартный конструктор. Обещают оптимизацию под Google и адаптивность. Интерфейс на английском.

Бесплатно: поддомен на jimdofree.com, 500 Мб хранилища, пропускная способность 2 Гб, шифрование HTTPS. Плюс реклама сервиса.

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

Примеры:

Для электронной коммерции

Weebly — конструктор для электронной коммерции. Есть дизайнерские темы для портфолио и блога, но специализация — онлайн-магазины.

Бесплатно: поддомен на weebly.com, дизайнерские темы, 500 Мб для хранения, SEO.

За что платить: за подключение своего домена, продвинутую статистику, поиск по сайту, модули онлайн-торговли и т. д. Стоит от 3 до 19 евро в месяц.

Примеры:

Битрикс 24 — система управления клиентами (CRM). Услуги платные, но есть один бесплатный тариф и в него входит конструктор. Сайты на Битрикc 24 включают средства для продаж и общения с клиентами, контакты сразу заносятся в CRM.

Бесплатно: шаблоны, модули, интеграция с CRM, 12 пользователей, 5 ГБ в облаке, возможность создать магазин, подключить чат и календарь. Можно подключить свой домен или разместить проект на поддомене bitrix24.site. Сайт адаптирован под мобильные устройства, но удаляется через 50 дней неактивности.

За что платить: большее число пользователей, большее место на диске, расширенные возможности работы с клиентами и командой. Стоимость от 990 до 9990 рублей.

Примеры:

Ecwid — конструктор интернет-магазинов. Можно создать сайт, а можно — витрину, и интегрировать её в социальные сети или другие платформы (Wix, WordPress, Weebly, Joomla).

Бесплатно: 10 товаров, адаптивность, поддомен и возможность привязать свой домен.

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

Примеры:

Nethouse — условно бесплатный конструктор сайтов для продажи услуг. Не предоставляет поддомен, нужно либо покупать домен у них, либо у другого регистратора. Адаптивные шаблоны, каталог товаров, выгрузка заказов в Excel и Яндекс.Маркет.

Бесплатно: неограниченный хостинг, свой домен, адаптивность, 10 товаров в каталоге и 100 фотографий, приём онлайн-платежей и статистика. Сайт с рекламной полоской Nethouse.

За что платить: за увеличение числа товаров в каталоге и фотографий, за разделение прав доступа, управление Яндекс.Советником. Стоимость платных тарифов: 299 и 499 руб/месяц.

Примеры:

С упором на дизайн

Tilda Publishing — конструктор с упором на дизайн. Важное отличие: код созданного на Tilda сайта можно скачать, но за это надо платить.

Бесплатно: поддомен на tilda.ws, до 50 страниц и 50 Мб на сервере, лейбл "made on Tilda".

За что платить: за подключение своего домена, вставку html-кода, прием платежей, загрузку своих шрифтов, добавление форм сбора данных. Платные тарифы стоят 10 и 20 долларов в месяц.

Примеры:

Readymag — сайты, журналы, фотоистории, портфолио, презентации. Если нужен смелый дизайн. Подойдет дизайнерам и редакторам.

Бесплатно: безлимитное число проектов, но 10 страниц на проект с рекламой от Readymag.

За что платить: добавление домена, безлимитное число страниц у проектов, возможность совместной работы, подключение Google Analytics, загрузку пользовательских шрифтов, расширенное SEO и др.

Примеры:

Обзор движков сайтов (CMS)

Если не хотите платить за разработку, то CMS — лучшее решение

СMS ("движок", "админка") — система управления контентом. По сути, это программное обеспечение, с помощью которого можно сделать сам сайт и разделы внутри, добавить текст и фотографии, каталог товаров и системы оплаты. Такое ПО бывает бесплатным и платным, а у бесплатных могут быть дополнения, за которые нужно платить.

Работать с CMS сложнее, чем с конструктором: до настройки внешнего вида придётся купить хостинг и домен, установить сам движок. Кроме того, уже в процессе может понадобиться помощь профессионального разработчика. Зато можно сразу привязать домен и без проблем перенести сайт на другой хостинг. Подробнее о преимуществах и недостатках — в разделе Конструктор или CMS: на чём лучше создать сайт.

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

WordPress — самая популярная система управления контентом в мире. На ней работают 26 млн сайтов. Подходит как для блогов, так и для других проектов. В сети есть много обучающего контента, в том числе на русском языке. Для электронной коммерции есть отдельный плагин. Некоторые компании предлагают хостинг с уже предустановленной WordPress. Основной недостаток: из-за популярности её часто пытаются взломать.

Примеры:

Важно! WordPress есть как бесплатное ПО, которое можно установить на сервер (о нём шла речь выше). А есть как SaaS-решение, фактически — платный конструктор.

Joomla — вторая по популярности CMS в мире. Работать с ней не намного, но сложнее, чем с WordPress. Шаблонов, обучающего контента, плагинов и расширений тоже много, часть плагинов платные. В основном используется для сайтов электронной коммерции и социальных сетей. Менее дружелюбна к SEO.

Примеры:

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

Примеры:

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

Примеры:

Конструктор или CMS: на чём лучше создать сайт

Оба инструмента помогают создать сайт, и у каждого есть свои преимущества

Всё зависит от ваших целей. С конструктором проще, а CMS даёт больше возможностей при меньших затратах.

Работать с конструктором проще

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

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

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

1. Зарегистрироваться.

2. Выбрать шаблон.

3. Добавить контент.

   

1. Оплатить хостинг.

2. Оплатить домен.

3. Установить CMS на хостинг.

4. Выбрать шаблон.

5. Добавить контент.

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

Конструктор менее гибкий

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

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

В случае с CMS сделать всё это можно без проблем, а с конструктором могут быть сложности. За расширение его возможностей надо платить. В код залезть нельзя — он закрыт. За SEO-оптимизацию тоже надо платить, и возможности ограничены. А перенести куда-то созданный на конструкторе сайт вообще нельзя (на редких сервисах можно, но за деньги).

В перспективе сайтбилдер обойдётся дороже

При выборе CMS сразу надо платить за хостинг и домен. При выборе конструктора — ничего. Но если сайт будет расти, то в первом случае вам не придётся платить (на хостинге есть запас места, шаблоны и модули для CMS бесплатные), а во втором — придётся.

В самых популярных сайтбилдерах в бесплатный тариф входит до 500 Мб места на хостинге. За расширение надо платить, за домен тоже. В случае с CMS вы сами выбираете, где купить хостинг и домен. Месячная подписка на конструктор стоит от 4 долларов в месяц, средняя подписка, содержащая все необходимые функции, от 12 долларов. Стоимость хостинга начинается от 200 рублей за 20-30 Гб, домена — от 200 рублей в год.

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

Итого

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

Если хотите создать сайт бесплатно, то выбирайте CMS. Этот инструмент даёт большую гибкость при меньших затратах, но требует времени.

Хостинг и CMS как универсальное решение

Три простых шага для создания сайта с нуля

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

Купите домен

Купить домен можно у одного из сертифицированных регистраторов, а можно у хостинг-провайдера. Иногда покупать у хостинг-провайдеров удобнее, потому что не надо искать другие сервисы, дополнительно регистрироваться и вводить платёжные данные. Один раз зарегистрировались и привязали карту, — покупаете и хостинг, и домен.

  1. Выберите подходящий домен у Reg.ru, Ru-Center, GoDaddy, NameCheap, другого регистратора или вашего хостинг-провайдера.
  2. ПО для размещения сайтов,
  3. Оплатите. Домены стоят от 200 рублей, некоторые могут быть дороже из-за спроса, но в среднем цены не превышают 1000 рублей. В зонах .RU и .COM многие домены уже заняты, свободнее в зоне .РФ и тематических зонах вроде .SITE, .STORE, .EDU и др. Домен покупается на один год, потом его можно продлевать.
  4. Для покупки понадобится указать ваше имя и фамилию, адрес электронной почты, телефон. Обязательно нужны данные паспорта, физический и почтовый адрес.
  5. После покупки домена надо настроить сервера имен (Name server, NS). Они нужны, чтобы браузеры могли по доменному имени находить IP-адрес вашего сайта и сайт был доступен в сети. Без настройки серверов имен сайт не будет доступен. Инструкции по настройке есть у регистраторов или провайдеров.

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

Купите хостинг

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

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

Хостинг с предустановленной CMS предлагают многие провайдеры. Выбирая такой вариант, вы фактически получите конструктор, только на своём хостинге и со своим доменом. Это удобно.

Если решите купить обычный хостинг и установить на него CMS, обращайте внимание на характеристики услуги:

  1. объём диска от 1 Гб,
  2. оперативная памятью от 128 Мб,
  3. PHP версии 7.2 или выше,
  4. MySQL версии 5.6 или выше / MariaDB версии 10.0 или выше,
  5. HTTPS,
  6. панель управления ISPmanager.

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

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

Обычный хостинг или VPS

Хостинг бывает разный. Помимо обычного (его еще называют shared-хостингом), есть хостинг VPS. Если опустить технические детали и обобщить, то различаются они надежностью и ценой. VPS надёжнее, но и дороже обычного хостинга. И еще одна важная деталь: у shared-хостинга нет выделенного IP-адреса. Без выделенного IP-адреса не подключить SSL-сертификат. SSL желательно иметь всем сайтам, а тем, на которые заходит много пользователей или где принимают оплату картами, — обязательно.

Так что если у вас сразу большие планы на сайт — покупайте VPS. Если SSL в ближайшее время не понадобится, берите shared-хостинг. Если что, потом купите IP-адрес или перенесёте сайт на VPS. Подробнее про SSL читайте в разделе Что делать после создания сайта.

Установите CMS на хостинг

Хостинг предоставляется с панелью управления — специальной программой, помогающей управлять хостингом. Мы покажем установку CMS на примере ISPmanager.

Шаг 1. Подготовить хостинг

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

1. Авторизуйтесь в панели ISPmanager. Если входите первый раз, настройте панель. После этого перейдите в раздел WWW-домены.

Так выглядит интерфейс панели управления сервером ISPmanager

2. Нажмите кнопку Создать.

ISPmanager помогает устанавливать сайт на хостинг и привязывать домен из удобного интерфейса

3. Выберите настройки для сайта: введите домен, обязательно включите поддержку SSL, нажмите Ок. Готово!

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

Шаг 2. Устанавливаем CMS

4. Теперь устанавливаем CMS. Нажимаем Скрипты.

5. Выбираем WordPressБыстрая установка. Подождите, пока скрипт загрузится.

Через ISPmanager можно установить не только WordPress, но и другие движки сайта

6. Примите условия лицензионного соглашения и настройте хостинг под CMS: создайте новую базу данных и пользователя баз данных (данные сохраните в отдельном файле, потом пригодятся).

Вы только задаете параметры, установка происходит автоматически

7. Установите пароль для WordPress и сохраните в отдельном файле. Выберите язык интерфейса. Нажмите Далее.

Используя эти данные, вы будете входить в админку своего сайта

8. Нажмите Завершить. Готово!

ISPmanager может понадобится некоторое время, чтобы установить базу данных и сам WordPress

9. Для проверки перейдите на сайт.

Если открывается заглушка CMS — всё сделано верно.

Шаг 3. Настройка CMS

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

1. Перейдите по адресу вашего сайта. Откроется приветственная страница WordPress. Нажмите Log in или Войти. Используйте логин и пароль, сгенерированные при создании CMS.

Это стандартный вид окна для входа в WordPress

2. Если авторизация прошла успешно, откроется админка WordPress.

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

3. В блоке Welcome to WordPress нажмите изменить тему. В открывшемся окне нажмите Темы WordPress и выберите подходящую для вас тему. В списке 3700 шаблонов, чтобы сориентироваться, используйте фильтр (кнопка в правом верхнем углу).

Библиотека WprdPress содержит сотни бесплатных шаблонов

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

Ваш сайт готов!

Что делать после создания сайта

Когда страница открывается по нужному адресу, можно заняться деталями

После выбора шаблона сайт надо наполнить контентом, потом подключить почту и SSL-сертификат.

Контент

Контент должен выполнять задачи, которые вы ставили в самом начале: продавать, рассказывать, развлекать. Если будете создавать контент сами, следите за его уникальностью и полезностью. Уникальность поможет продвинуться в поисковиках, а полезность — заслужить доверие аудитории.

Текст

Старайтесь писать кратко и грамотно, не копируйте тексты с других площадок.

  1. Для проверки орфографии используйте поиск по Gramota.ru или сервисы LanguageTool и Яндекс.Спеллер.
  2. Для проверки уникальности текстов: Text.ru или Advego
  3. Для проверки качества: Главред и Тургенев.

Иллюстрации

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

  1. Бесплатные иллюстрации: Unsplash, Pixabay, Little Visuals, Picjumbo, Snapographic, Life of Pix, Foodie’s Feed, Stokpic.
  2. Платные фотостоки с библиотекой бесплатных изображений: Shutterstock и Depositphotos.
  3. Сервисы для сжатия изображений: Optimizilla, TinyPNG.

SSL-сертификат

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

Уведомление о небезопасном подключении в Microsoft Edge

Это уведомление появляется, потому что нет SSL-сертификата. Подробнее см. в нашем гайде для Texterra: Нужен ли SSL-сертификат и как его получить.

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

Так выглядит проект с действительным SSL-сертификатом

Если вы используете ISPmanager, подключить SSL можно в несколько кликов. Инструкция по получению бесплатного SSL-сертификата от Let’s Encrypt:

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

Продвижение

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

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

Поиск

На позиции в поиске влияют: структура сайта, контент, юзабилити, технические настройки (скорость загрузки, безопасность) и т. д. Начните с регистрации в панелях для веб-мастеров от Яндекса и Google — Яндекс.Вебмастере и Инструментах для вебмастеров. Там отражается информация о состоянии сайта и есть рекомендации по улучшению его позиций в поиске.

Другие сайты

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

Реклама

Самый быстрый способ рассказать о себе — реклама. Используйте контекстную или медийную рекламу. Можно покупать напрямую у Яндекса и Google. Можно использовать услуги посредников, интернет-агентств или веб-студий. Если использовать неграмотно, есть опасность “слить” бюджет, так что не жалейте времени на изучение особенностей контекстной рекламы.

Запомнить

  1. Если нужен большой корпоративный сайт или интернет-магазин с каталогом на 10 000 позиций — обратитесь в веб-студию.
  2. Если сайт нужен для домашнего бизнеса — начните со страницы в соцсетях.
  3. Если нужно портфолио — используйте конструкторы портфолио.
  4. Если сайт нужен быстро, и вы готовы платить — используйте конструкторы.
  5. Если хотите нормальный сайт, который будет существовать долго — купите хостинг с ISPmanager и установите WordPress.
  6. Создать сайт мало. Чтобы он решал задачи, придётся потратить время (и, возможно, деньги).

Виктория Федосеенко

Редактор блога ISPsystem