Как самостоятельно создать сайт: гайд для новичка

Мануалы
4Нравится
Комментарии
Поделиться
Как самостоятельно создать сайт: гайд для новичка

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

1. Выбор платформы или конструктора

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

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

Наиболее популярные платформы, с помощью которых можно сделать сайт самостоятельно и бесплатно:

  • WordPress

    WordPress

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

  • Joomla

    Joomla

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

  • Tilda

    Tilda

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

  • OpenCart

    OpenCart

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

  • Битрикс24

    Битрикс24

    CMS, которая больше всего распространена в России — более 177 тыс. из 230 тыс. установок по всему миру. Отличается простым интерфейсом и разнообразными функциями. Базовый набор возможностей предоставляется бесплатно.

  • Drupal

    Drupal

На движке работает более 630 тыс. сайтов во всём мире. Этот вариант подойдёт любому типу бизнеса, однако в большей степени актуален для проектов с большим объемом контента и обширными базами данных.

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

2. Домен

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

2.1. Как выбрать новый домен

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

Примеры:

  • Домен второго уровня: korrespondent.net
  • Домен третьего уровня: metro.com.ua
  • Домен четвертого уровня: kharkov.karavan.com.ua
  1. Как выбрать доменное имя?

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

    Домен, который соответствует названию бренда

    Лучше подбирать простое название, которое будет иметь однозначную транслитерацию, например, globus, dom, iskra, ritm. Использование сложных словосочетаний вызовет трудности у пользователей при наборе адреса сайта в поисковой строке браузера.

    В странах СНГ достаточно распространены кириллические названия, в том числе домены первого уровня, например, .РУС, .РФ, .УКР и прочие. Использовать кириллицу в домене следует осторожно, так как она кодируется в ASCII-символы, и это вызывает сложности при использовании ссылок.

  2. Как выбрать доменную зону?

    Подходящий вариант зависит от типа сайта:

    • Доменная зона может указывать на его территориальную принадлежность — национальную либо региональную: .ua, .ru, .kz, by.
    • Характеризовать тематику или сферу деятельности: com.ua — коммерческие сайты Украины, .info — блоги, .tv — каналы или ресурсы о телевидении.
    • Соответствовать официальным организациям, например, образовательным учреждениям и правительству — .gov, .edu. Такие доменные зоны доступны только при предоставлении лицензий и подтверждающих документов.
    • Быть международной — для сайтов с целевой аудиторией в различных странах, например, .org, .com.
  3. Нужно ли использовать поддомен?

    Если сайт ориентирован на продвижение только в одном регионе страны, например, в Киеве, то можно использовать субдомен в таком формате: kiev.название-бренда.com.ua. В данном случае в будущем будет проще расширяться, не меняя основной домен (название-бренда.com.ua). Просто будут добавляться субдомены с другими городами. Если бы слово «Киев» использовалось в основном домене, то при расширении в будущем пришлось бы менять весь домен.

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

2.2. Как купить старый домен

Для покупки домена существуют специальные сайты, например:

  • Reg.ru

    Сайт для покупки домена Reg.ru

  • RuCenter

    Сайт для покупки домена RuCenter

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

    Сервис GoDaddy

    Проверить возраст выбранного домена, узнать тематику сайта, который был на нём расположен, и прочую важную информацию можно с помощью онлайн-сервисов, например: Webarchive, Whoishistory.

Детально о том, как найти домены с историей и отобрать качественные, рассказал Growth Hacker в Netpeak Software Костя Баньковский в посте «Как искать домены с истёкшим сроком регистрации с помощью Netpeak Spider и Checker».

3. Хостинг

При выборе хостинга важно обратить внимание на следующие моменты:

  • Цена. На январь 2020 года в Украине минимальная ежемесячная абонплата у хостинг-провайдеров находится в примерном диапазоне от 45 до 100 гривен в месяц и зависит от предоставляемого объёма услуг и срока, за который оплачен хостинг.

  • Объём дискового пространства. Важно правильно рассчитать ориентировочный объём сайта и контента, который будет загружен. Помните, что большое количество мультимедийных файлов потребует существенного дискового пространства на хостинге.

  • Аптайм — время непрерывной работы сервера. Этот показатель должен составлять не менее 98%.

  • Тип диска. SSD-диски работают в 5 раз быстрее, чем HDD.

  • Лицензия. Компания по предоставлению хостинга должна быть официально зарегистрирована и иметь лицензию.

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

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

  • Версия PHP. Для корректной, быстрой и безопасной работы сайта на серверах не должны использоваться устаревшие версии PHP (более ранние, чем 7.1).

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

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

4. Размещение нового сайта на сервере

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

  1. Перейдите в панель управления хостинг-провайдера и добавьте новый сайт.

    Как разместить новый сайт на сервере

  2. Укажите домен и нажмите «Добавить».

    Как разместить новый сайт на сервере

  3. В панели управления появится новый ресурс, а в файл-менеджере — каталог сайта.

    Как разместить новый сайт на сервере

  4. После добавления установите на новом сайте нужную CMS.

    Как разместить новый сайт на сервере

  5. После загрузки всех файлов CMS в корневой каталог сайта может потребоваться настройка прав доступа к ним (755 или 644). Такие права позволяют редактировать файлы только владельцу сайта, другим пользователям доступно только их чтение. Если же выставить права 777, редактирование файлов станет доступным любым пользователям, а это существенная угроза безопасности.

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

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

Подводим итоги

  1. Современные сервисы для создания и управления контентом сайта позволяют бесплатно сделать новый ресурс без навыков веб-программирования.
  2. При создании сайта важно правильно выбрать домен и доменную зону, заказать подходящий тариф у надёжного хостинг-провайдера, подключить SSL-сертификат.
  3. При выборе CMS отталкивайтесь от целей создания сайта, типа бизнеса, необходимого функционала, собственных навыков и предпочтений.
  4. После создания сайта на сервере и установки CMS проверьте права доступа, чтобы избежать внутренней серверной ошибки 500.
  5. На завершающем этапе настройте свой сайт в админке CMS.

Какие советы по созданию сайта вы можете дать новичкам? Делитесь в комментариях 😊