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

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

Подготовительные работы

Первое, о чем вам нужно задуматься до разработки сайта – это хостинг и домен.

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

О домене стоит сказать пару слов. Принципиального значения выбранная вами доменная зона не имеет, но у них есть особенности. Допустим зоны RU и РФ – это исключительно русские доменные имена, и они получают небольшой бонус при ранжировании в России. Домен com – международный коммерческий домен, самый популярный в мире. Ua – Украина, By – Беларусь и тд. Использовать ацефальный домен другой страны при продвижении в России не совсем логично, но в последнее время стал популярен домен IO, который является официальный на филиппинских островах. Популярен среди программистов из-за отсылки к двоичному коду.

Есть не долько отличия по странам, но и по тематикам. Org – организация, Net – сетевой ресурс, biz, bz – бизнес и тд. Ну и есть еще группа типа blog или club – это различные объединения.

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

Хостинг – это место, где вы будете хранить все файлы своего сайта.

Хостинг бывает следующих видов:

• Бесплатный хостинг
• VPS/VDS
• Аренда сервера
• Колокация
• Облачный хостинг
• Виртуальный хостинг

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

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

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

Выбор CMS

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

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

Joomla

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

Сама CMS бесплатна, но имеет платные дополнения и темы (как и все остальные CMS, собственно).

Начать работать с ней довольно просто. Достаточно скачать дистрибутив с официального сайта и запустить его следуя инструкции.

Плюсы Joomla:

• Бесплатна
• Постоянно обновляется
• Есть бесплатные плагины и шаблоны в большом количестве
• Если будут сложности, можно дешево найти фрилансера
• Много информации по разработке сайтов на Джумле в интернете, практически на любой вопрос найдется ответ

Минусы Джумлы:

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

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

1c-Bitrix

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

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

1c-Bitrix постоянно развивается и обновляется, в этом ей стоит отдать должное. Постоянные обновления, плотная связь с CRM системой Bitrix24 – это отличный повод приобрести эту CRM систему, даже за деньги.

Плюсы Битрикса:

• Частые обновления
• Популярная CMS, найти фрилансера не составит труда
• Много информации по разработке сайтов в интернете
• Есть собственная CRM система
• Есть готовые модули для управления рестораном, доставкой, интернет-магазином и еще много чем.

Минусы:

• Стоимость, цены не отличаются дешевизной
• Практически все темы и шаблоны платные
• Сложная структура в админке. Новичкам сложно разобраться
• Узкая направленность – интернет-магазины. Остальные виды сайтов сложнее делать.

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

XenFORO

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

OpenCart или PrestaShop

Это две разных CMS предназначенных для интернет-магазинов, однако мы объединим их в одну так как они очень похожи по функционалу. Обе КМС платные и слишком узкотематичные. Большинство дополнений и тем для них так же являются платными. Однако, в сравнении с Битриксом тут цены намного демократичнее и приятнее. Однако, в разработке могут возникнуть сложности из-за сложных админок.

Информации по этим CMS меньше, чем по битриксу, однако это не значит, что у вас возникнут сложности с поиском фрилансера.

Drupal

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

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

WordPress

Вот мы и подобрались к самому сладкому. На WordPress собраны более 34% всех сайтов во всемирном интернете, и эта цифра постоянно растет. Изначально WP использовали исключительно как CMS для блогов, но со временем на нем стало возможно собрать абсолютно любой сайт, установив один-два бесплатных плагина.

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

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

Плюсы использования Вордпресса:

• Бесплатный. Платная версия имеется, но она ничего вам не даст
• Огромное количество бесплатных плагинов
• Самая популярная CMS. С ней умеют работать почти все фрилансеры
• Информации о ней в интернете больше, чем о какой-либо другой CMS
• Можно сделать любой вид сайта
• Удобная админка. Сайт может собрать даже новичок
• Постоянные обновления, как самой CMS, так и плагинов к ней

Минусы:

• Ничего в голову не пришло.

Такая вот CMS, которую использует треть интернета, включая таких гигантов как NY Times, сайт Worner Bros., BBC и еще очень-очень много популярных сайтов.

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

Установка CMS

Для того, чтобы скачать себе Вордпресс, достаточно просто перейти на официальный сайт и нажать «Скачать».

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

После того, как вы распакуете архив на хостинге, зайдите в админку по адресу site.ru/wp-admin и заполните все важные поля.

Всё, CMS установлена, теперь перейдем к настройке.

Настройка основной части CMS

В боковом меню у вас есть раздел «Настройки», перейдите в него. В разделе «Общие настройки», вам нужно добавить название и краткое описание сайта. Всё остальное там уже должно быть настроено по умолчанию, но, если вы с чем-то не согласны – измените это.

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

Тут же есть очень важный чек-бокс «Попросить поисковые системы не индексировать сайт». Если вы пока не хотите, чтобы Яндекс и Google заходили на ваш сайт, поставьте её. Главное, не забудьте потом убрать.

В разделах «Обсуждение» и «Медиафайлы» вы можете настроить всё под себя. В целом нас устраивают настройки по умолчанию.

«Постоянные ссылки», там меняем радио-бокс на «Название записи». Больше ничего трогать не нужно.

С основными настройками мы разобрались.

Темы

Теперь вам нужно определиться с темой. Если вы уже приметили тему и скачали, то установить её просто. Заходим в одноименный раздел, нажимает «Добавить новую». В WP есть два способа добавить свою тему. Жмем «Загрузить тему» и выбираем zip архив с вашего компьютера, устанавливаем и активируем его. Это первый способ. Второй – залить тему через FTP в папку Themes. Тогда она появится в вашем разделе «Темы» и её будет достаточно просто активировать.

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

Настройте фильтры и выберите тему.

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

Настройка страниц

У WordPress есть «Записи», а есть «Страницы». Страницами принято называть все статические страницы, которые не являются товарами или статьями. К ним можно отнести:

• Главную страницу
• Страницу Контакты
• Страницу «О нас»
• Информацию о доставке и оплате

В общем все страницы «из главного меню».

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

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

После этого можно создать страницу «Услуги» и уже в ней вывести все записи услуг в нужном вам виде.

SEO в Wordpress

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

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

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

Robots.txt

Yoast SEO умеет и создавать технический файл robots.txt. Для этого вам нужно перейти в раздел «Инструменты», и в редактор файлов. Уже там вы можете внести любые изменения в роботс.

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

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

Платные функции

Из платных функций у плагина есть:

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

Как видите, для полноценной работы плагина расширения совершенно не обязательны.

Настройка Яндекс.Турбо

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

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

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

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

Полноценно что такое Яндекс.Турбо мы описали в этой статье и повторяться особого смысла нет.

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

Настройка AMP

По сути, AMP страницы от Google, это Турбо.Страницы от Яндекса, только вид в профиль и появились раньше. В остальном всё работает также. В мобильном поиске у AMP страниц есть однозначный бонус, и они также появляются в различных виджетах и слайдерах ответов в поиске.

Единственное сильное отличие – Google не стали делать десктопные AMP страницы.

Об AMP мы тоже недавно написали целую статью, где пошагово разобрали, как сделать ускоренные мобильные страницы на Wordpress. Можете почитать об этом тут.

Формы для сайта

Как в любом коммерческом сайте обойтись без форм заявок и связи с администрацией? Правильно, никак.

Существует много плагинов форм, но поговорим о двух самых популярных – Contact Form 7 и Carderia Forms. Оба плагина довольно простые, а второй так вообще имеет визуальный редактор, работать с которым сможет даже ребенок.

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

Сбор базы подписчиков

Собирать почты клиентов дело святое. Тут вам может помочь плагин от сервиса MailChimp, если хотите рассылать через него, либо можно установить скрипт от сервиса SendPulse и собирать почты там. Не забудьте сделать страницу «Политика конфиденциальности» и добавить в форму чек-бокс, что пользователь согласен получать рассылку.

Кнопки репостов в социальные сети

Тут тоже всё не сложно. Вы можете воспользоваться одним из сотен бесплатных плагинов, достаточно просто в самой админке в поиске по плагинам вбить «Репосты» и выбрать подходящий или выбрать платный плагин, например Easy Social Shares, имеющий просто огромный функционал и даже внутреннею статистику. Сколько репостят, что репостят и, собственно, куда репостят.

Если не хотите использовать плагин – воспользуйтесь кнопками репостов от Яндекса. Поисковик предложит вам просто встроить скрипт в нужное место на сайте и всё. Установка не займет много времени и сил, но нагружать сайт будут меньше.

Редакторы контента

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

Разработчики WordPress пошли на встречу и сделали плагин «Классический редактор», который и возвращает обратно всё на свои места. Какие редакторам пользоваться вам – решайте сами. Гутенберг дорабатывается и уже не так плох, как был изначально.

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

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

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

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

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

Медиафайлы

Про работу с медиафайлами тоже стоит упомянуть отдельно. По умолчанию Wordpress принимает изображения и видео в формате mp4 до 128 мегабайт. Это значение можно увеличить, но без лишней необходимости делать этого не стоит.

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

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

Там вы сможете задать максимальный размер изображения и степень сжатия, которую стоит использовать. Мы рекомендуем делать изображения не больше 1280px, а степень сжатия не меньше 70-80%.

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

Сразу же после создания сайта обязательно зарегистрируйте кабинеты вебмастеров в Яндексе и Google. Вы можете подтвердить владение сайтом через FTP-клиент и файл подтверждения, либо через тег, который можно добавить в Yoast SEO – Консоль поиска.

Обязательно зарегистрируйте Яндекс Метрику или Google Аналитику. Код нужно будет разместить в «Внешний Вид» - «Редактор Тем» - Footer.php и перед закрывающим тегом </body>. Просто вставьте его и нажмите «Обновить файл».

Зарегистрируйте канал в Яндекс.Дзен и постите туда материалы с сайта. Так вы приобретёте новую аудиторию. Чтоб переливать аудиторию с Дзена на сайт – добавляйте ссылки в статьи. Чтобы лить аудиторию с сайта на Дзен можно воспользоваться плагином Yandex.Zen PostGrid. Плагин позволяет шорткодом вывести в нужном месте последние посты с вашего канала.

К новому сайту можно еще подключить PUSH уведомления. Существует много сервисов и у каждого свои условия. Ознакомиться со всеми популярными сервисами PUSH уведомлений вы можете на нашем сайте в этом разделе.

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

Конструкторы сайтов

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

uCoz

uCoz или Юкоз это один из самых старых и востребованных конструкторов сайтов в рунете. Одним из основных преимуществ можно считать полный доступ к коду и даже к FTP сайта. Однако, с точки зрения SEO Юкоз не очень дружелюбен, что и отталкивает многих вебмастеров.
Из серьезных недостатков системы – в бесплатной версии на вашем сайте будет крутиться реклама от партнеров Юкоза, за которую вы ничего не будете получать. Также, для работы на этом конструкторе вам понадобится как минимум знание HTML разметки. Есть как платные, так и бесплатные шаблоны, однако последние слишком устаревшие.

WIX

WIX – это наверное самый популярный и функциональный конструктор сайтов на сегодняшний день. Тысячи шаблонов, возможность импорта товаров и удобный Drag & Drop редактор сайтов. В принципе, сайт на WIX сможет собрать действительно любой желающий, так как это элементарно. Но больше, чем лендинг или небольшой корпоративный сайт собирать всё равно не стоит.

WIX хорошо решили проблемы с индексацией сайта поисковиками (которая есть у многих других конструкторов), но это всё равно не полноценный сайт, и ПС это прекрасно понимают.

Еще одним недостатком этого конструктора можно считать цену. Если вы хотите сайт бесплатно, то вам предоставят такую возможность. Ваш сайт будет находиться на поддомене wix и грузиться довольно медленно. Однако, если вы готовы платить (а тут лучше платить), то будьте готовы отдавать от 150 до 500 рублей в месяц за платный функционал.

Тильда

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

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

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

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

1С-UMI

UMI входит в состав 1С и используется только для интернет-магазинов. Из ключевых преимуществ – полная синхронизация с «1С: Управление торговлей». Имеет около 600 вариантов шаблонов, но, к сожалению, многие из них уже сильно устарели. Из преимуществ – возможности для полноценного SEO и встроенные инструменты для работы в социальных сетях. Есть даже приложение для телефона, куда будут приходить заказы с сайта.

Из недостатков – плохие шаблоны и всего 100 «метров» дискового пространства для сайта.

Цены на всё это дело начинаются от 136р в месяц, однако, там функционал так же не блещет разнообразием. Для полноценного интернет-магазина придется раскошелиться на 322 рубля ежемесячно.

NetHouse

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

Суммарно в сервисе есть около 100 шаблонов с возможностью редактирования. Есть приложение для мобильного и возможности для SEO продвижения вашего сайта.

А вот недостатки серьезнее. У вас не будет доступа к CSS и вообще кастомизация шаблонов оставляет желать лучшего.

Цены на создание сайтов начинаются от 248 рублей в месяц и до 415, если не брать в расчет бесплатный тариф.

Софт для создания сайтов

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

Dolly Sites

Долли Сайт, это скрипт, который устанавливается на сервер (хостинг) и в пару кликов позволяет скопировать практически любой сайт конкурента полностью. Для тех, у кого в голове созрел план скопировать Яндекс, сразу отметим, что скрипт копирует только HTML, CSS файлы и картинки. К PHP файлам доступа нет, по этому все формы на скопированном сайте работать не будут.

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

Adobe Muse

Muse – это своего рода Фотошоп для сайтов. Как и в обычном ФШ вы создаете полотно и начинаете на нём творить. Если изначально таким образом собирали только лендинги, красивые лендинги, стоит отметить, то сейчас уже есть расширения и для полноценных интернет-магазинов. Тысячи сторонних плагинов позволяют сделать любой функционал на собираемом сайте и вам даже совершенно не придется лезть в код. Вариант идеальный для тех, кто владеет пакетом программ Adobe и не хочет сильно заморачиваться.

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

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

Заключение

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

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