How To

Как создать свой сайт бесплатно. Пошаговая инструкция от А до Я

Как создать сайт

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

Чтобы создать сайт, нужно выполнить всего три простых шага:
1. Выбрать платформу для сайта
2. Выбрать доменное имя (www.) и хостинг
3. Настроить и кастомизировать сайт

ШАГ #1: Выбор платформы

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

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

Использование некоторых платформ требует знания основ HTML / CSS или других языков кодирования, поэтому вам следует здраво оценить свои способности в этой области. Для новичков идеально подойдет платформа WordPress.

WordPress, Drupal и Joomla представляют собой три основные платформы, на которых базируется большинство вебсайтов. Ниже приведена статистика использования самых популярных платформ в 2017 году:

  • WORDPRESS — 50% вебсайтов
  • DRUPAL — 18% вебсайтов
  • JOOMLA — 7% вебсайтов

Платформы дял создания сайта

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

Почему WordPress, а не конструкторы сайтов (Wix, Nethouse, Ucoz)?

Потому что на данный момент WordPress это самый простой способ создания вебсайта. Но есть и более важные причины:

1. Платформа WordPress БЕСПЛАТНАЯ и предлагает большой выбор тем.
Загрузить и установить WordPress можно совершенно бесплатно. Более того, сообщество разработчиков WordPress потрудилось на славу, создав множество красивых тем и шаблонов. Таким образом, вы сможете подобрать уникальное оформление и запустить свой сайт намного быстрее, чем ожидалось.

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

3. WordPress подходит как для больших, так и для маленьких сайтов.
Обычный блог, красивый коммерческий сайт, онлайн-магазин…Платформа WordPress отлично подойдет для практического любого вебсайта. Эту платформу используют такие онлайн-гиганты, как eBay, Mozilla, Reuters, CNN, Google Ventures и даже NASA.

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

5. Хорошая техническая поддержка и большое сообщество разработчиков, готовых помочь.
Поскольку платформой пользуется огромное количество людей (вебмастеров, блогеров, разработчиков тем и плагинов), БЫСТРО найти ответ на интересующий вас вопрос становится намного проще. Более того, WordPress предлагает множество бесплатных ресурсов, расположенных на Youtube и форуме технической поддержки платформы.

Существуют и другие конструкторы вебсайтов и системы управления контентом.

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

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

ШАГ #2: Поиск доменного имени и хостинга

Чтобы запустить новый вебсайт, вам потребуются две вещи:

  • Доменное имя (веб-адрес: yoursitename.com)
  • Хостинг (сервис, который подключает ваш сайт к Интернету)

Сама платформа WordPress бесплатная, но доменное имя и хостинг обойдутся вам примерно в 3-5 долларов в месяц. От такой суммы ваш бюджет не пострадает.

Собственное доменное имя смотрится более солидно, чем сайт на чужом домене (yourbusiness.my-free-website.com). Тем более, что цена вполне приемлемая.

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

Как найти доменное имя и хостинг?

Мы советуем использовать www.Bluehost.com – веб-хостинг и регистратор доменов для вебпроектов. Цена базового пакета на этом хостинге ниже, чем цена билета в кино ($2,75 в месяц), а доменное имя предоставляется и вовсе БЕСПЛАТНО.

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

С приобретением доменного имени и хостинга вы также получите личный адрес электронной почты (или адреса). Адрес You@YourSite.com смотрится намного более профессионально, чем стандартный адрес на Gmail или Yahoo.

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

Какое доменное имя выбрать?

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

  • привлекающим внимание
  • уникальным
  • легко запоминающимся.

КАК ВЫБРАТЬ ДОМЕННОЕ ИМЯ: КРАТКОЕ РУКОВОДСТВО

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

1. 10 ключевых слов
Составьте список из 10 ключевых слов, которые наиболее точно характеризуют ваш бизнес. Затем начните экспериментировать с ними: разделяйте их на части, составляйте из них новые слова, добавляйте префиксы и суффиксы. Так у вас появится множество интересных идей для названия домена.

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

3. Выбирайте имена с расширением .com и местные домены верхнего уровня
Сегодня недостатка в расширениях доменов не наблюдается. Но проблема состоит в том, что лишь немногие из них заслуживают вашего внимания. Если вы собираетесь создавать и развивать свой собственный бренд, то для этой цели лучшим вариантом считаются доменные имена с расширением .com. Если вы хотите привлечь на свой сайт международную аудиторию, выбирайте расширения .com,  .org  или .net (именно в этой последовательности).
Отдавайте предпочтение местным доменам. Пример: .ru для России или .es для Испании. Однако избегайте доменов типа .ru.com

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

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

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

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

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

ШАГ #3: Настройка вебсайта

Итак, вы купили доменное имя и определились с хостингом. Начало положено!

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

Установка WordPress

Существует два способа установки платформы WordPress, причем один из них НАМНОГО проще другого.

1. Чтобы создать сайт на WordPress (Joomla или Drupal), используйте функцию «Установка в один клик».

Практически любой уважающий себя хостинг предлагает функцию «Установка в 1 клик» для WordPress, что значительно упрощает задачу.

Если вы остановили выбор на Bluehost или подобном ему хостинге, вы найдете эту функцию на панели управления своего аккаунта.

Вот что вам нужно сделать (на разных хостингах эти шаги могут незначительно отличаться):

1. Войдите в свой хостинговый аккаунт.
2. Перейдите на панель управления.
3. Найдите иконку WordPress или Website.
4. Выберите домен, на котором вы хотите установить свой сайт.
5. Нажав на кнопку Install Now (Установить сейчас), вы получите доступ к своему новому вебсайту на WordPress.

WordPress

2. Установка вручную (при необходимости)

Некоторые хостинговые компании не предоставляют функцию «Установка в 1 клик» для WordPress. В таком случае следуйте этой инструкции, чтобы установить WordPress вручную:

1) Скачайте WordPress отсюда: http://wordpress.org/download
2) Создайте новую папку на рабочем столе и разархивируйте в нее WordPress
3) Найдите файл wp-config-sample.php и переименуйте его в wp-config.php
4) Откройте файл wp-config.php (например, в Блокноте) и введите следующие данные:

    • define(‘DB_NAME’, ‘database_name_here’); – Имя базы данных (если не знаете, спросите у своей хостинговой компании)
    • define(‘DB_USER’, ‘username_here’); – Ваше имя пользователя на хостинге
    • define(‘DB_PASSWORD’, ‘password_here’); – Ваш пароль на хостинге

После внесения изменений сохраните файл.

5) Зайдите на FTP-сервер вашего хостинга (для этого необходимо скачать FileZilla). Адрес FTP-сервера обычно имеет следующий вид: ftp.yourdomain.com. Имя пользователя и пароль совпадают с именем пользователя и паролем для хостинга.

6) Если вы видите файл “index”, удалите его. Затем загрузите файл из своей папки с WordPress на FTP-сервер. В FileZilla вы можете перетащить объекты мышью.

7) Затем зайдите на URL: yourdomain.com/wp-admin/install.php
Вы увидите вот такую страницу:

Ручная установка

Заполните поля – и готово!

Выбор темы/шаблона для сайта

Итак, вы приобрели доменное имя и хостинг. Вы установили и настроили WordPress на своем сервере. Теперь можно отправляться исследовать виртуальный мир вашего нового вебсайта.
Пришло время придать вашему сайту профессиональный/красивый/необычный (выбирайте любое прилагательное на свой вкус) вид. Это очень просто. Не успеете оглянуться, как все будет готово!
Платформа WordPress автоматически устанавливает стандартную тему, которая выглядит следующим образом:

Тема

Эта тема называется Twenty Fifteen. Среди ее преимуществ – простота и минимализм. Но вы наверняка захотите подобрать для своего вебсайта что-то более уникальное.

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

Как подобрать идеальную тему для своего вебсайта?

1. Зайдите в панель управления WordPress
Если вы не знаете, как это сделать, вот точный адрес панели управления: http://yoursite.ru/wp-admin (вместо “yoursite“ введите свое доменное имя). Вот так выглядит панель управления WordPress:

Панель WordPress

Если пока вам не все понятно, не беспокойтесь. Я подробно объясню, что делать дальше.

2. Просмотрите БЕСПЛАТНЫЕ темы
Панель управления предлагает доступ к более чем 1500 бесплатных тем для вашего сайта. На боковой панели нажмите на Appearance (Вид), затем выберите Themes (Темы).

Темы

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

Но не спешите выбирать платную тему. Я настоятельно рекомендую вам внимательно просмотреть все бесплатные темы. Среди них встречается немало действительно качественных вариантов. Как видно из скриншота выше, установить новую тему для вебсайта совершенно не сложно. Для поиска тем можно использовать ключевые слова и/или фильтры. Поиск подходящей темы может занять некоторое время, но результат определенно стоит усилий! Старайтесь выбирать «адаптивные» темы, то есть те, которые будут хорошо смотреться на любом мобильном устройстве. Для этого просто укажите “responsive“ в качестве одного из ключевых слов!

3. Установите новую тему
Чтобы установить новую тему, нажмите сначала на Install (Установить), а затем — на Activate (Активировать).

ВАЖНО: Когда вы изменяете тему, ваши посты, страницы и контент никуда не исчезают. Вы можете менять темы столько, сколько хотите!

Как создать логотип?

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

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

Логастер

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

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

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

Как добавлять контент и создавать новые страницы?

Итак, вы установили новую тему. Теперь можно приступать к созданию контента.

Добавление и редактирование страниц
Хотите добавить страницу «Услуги» или «Обо мне»?

  • На боковой панели управления выберите Pages -> Add New (Страницы – Добавить Новую)
  • Вы увидите страницу, очень похожую на интерфейс Microsoft Word. Добавляйте текст, изображения и многое другое – словом, формируйте свою страницу. Сохраните изменения.

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

  • Нажмите на Update (Обновить), чтобы сохранить все изменения на странице
  • Нажмите на Appearance -> Menus (Вид – Меню) на боковой панели управления
  • Найдите созданную вами страницу, отметьте ее флажком и нажмите на Add to Menu (Добавить в меню).

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

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

Вот что вам нужно сделать:
a. Создайте новую категорию, выбрав Posts -> Categories (Посты – Категории).
b. Создайте пост, выбрав Posts -> Add New (Посты – Добавить новый). Написав пост, добавьте его в соответствующую категорию.

Создав категорию, просто добавьте ее в меню.

Кастомизация и неограниченные настройки

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

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

Каждая страница вашего сайта должна иметь уникальный заголовок. В конце заголовка добавляются тэглайны. Чтобы изменить заголовок и тэглайн, выберите Settings -> General (Параметры – Общие) и заполните следующую форму:

Параметры

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

Хотите закрыть комментарии на страницах WordPress?
1. Создавая новую страницу, нажмите на Screen Options (Опции экрана). в правом верхнем углу.
2. Нажмите на раздел Discussion (Обсуждение). Внизу появится опция Allow Comments (Разрешить комментарии).
3. Уберите флажок с опции Allow Comments.

Хотите, чтобы комментарии были отключены на каждой новой странице по умолчанию?
Выберите Settings -> Discussion (Настройки — Обсуждение) и снимите флажок с опции Allow people to post comments on new articles (Разрешить посетителям оставлять комментарии к новым статьям).

Комментарии

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

Чтобы создать статическую главную страницу, выполните следующие действия:
1. Выберите Settings -> Reading (Настройки — Чтение)
2. Выберите статическую страницу, которую вы создали. Front Page означает вашу домашнюю страницу, а Posts page — главную страницу вашего блога (если ваш сайт представляет собой не только блог).

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

Статическая страница

Редактирование боковой панели

В большинстве тем WordPress справа расположена боковая панель (иногда она располагается слева).

Если вы хотите убрать боковую панель или убрать ненужные функции (например, Categories (Категории), Meta (Мета) и Archives (Архивы)), выполните следующее:
1. Выберите Appearance -> Widgets (Вид – Виджеты) на панели управления WordPress.
2. Здесь вы можете перетаскивать различные «разделы» на свою боковую панель или убирать ненужные функции.

Установка плагинов для расширения возможностей WordPress

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

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

Как установить новый плагин?
Чтобы установить плагины, выберите Plugins -> Add New (Плагины – Добавить новый).

Для WordPress доступно 25 000 БЕСПЛАТНЫХ плагинов, так что выбирать есть из чего. Чтобы установить выбранный плагин, просто нажмите на Install (Установить).

Чтобы сэкономить ваше время, я составил список наиболее популярных и полезных плагинов:

  • Contact form 7: Это очень удобная функция. Благодаря ей, посетители могут отправлять мне электронные письма, не заходя в свой электронный почтовый ящик.
  • Yoast SEO для WordPress: Обязательный плагин для тех, кто хочет осуществить поисковую оптимизацию своего сайта. Инструмент позволяет вам редактировать тэги заголовков, мета-описания и многое другое. И все это прямо на странице (больше никаких настроек!)
  • Google Analytics: Хотите отслеживать трафик на своем вебсайте и изучать поведение своих посетителей? Тогда установите этот плагин, подключите его к своему Google-аккаунту – и готово!

Хотя это далеко не все полезные плагины, начать стоит именно с них.

Вот и все! Поздравляю с успешным созданием нового вебсайта!

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

Если вы прилежно следовали этому руководству, то вы – гордый обладатель своего собственного сайта! Мне очень понравилось писать для вас это руководство, и я надеюсь, что оно помогло вам создать сайт, о котором вы всегда мечтали!

Об авторе Дмитрий Лейба

Информация не предоставлена автором

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *