Как создать сайт бесплатно самому

Выбор платформы для сайта

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

• HTML — это язык разметки, определяющий содержание и структуру веб-сайта. Благодаря ему мы видим весь контент на сайте. Технически это простой файл .html, созданный самим пользователем. Основными элементами «кода» являются теги и атрибуты.
• CSS — это текстовый файл в формате .css, содержащий правила описания HTML-страницы. Этот компонент позволяет нам визуально настраивать язык разметки HTML. Например, изменить цвет фона, увеличить шрифт, добавить изображение или применить эффекты к различным элементам.
• JavaScript — это скриптовый язык программирования. Основная идея заключается в улучшении функций сайта, например добавление функции «лайк», загрузка новых постов в ленту, запуск анимации и так далее.

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

Как только на локальном компьютере создан файл HTML с прикрепленной таблицей стилей (CSS), страница готова, т.е ее можно загружать в Интернет. Но не все так просто — этот подход «немного» устарел. Сейчас чаще всего можно найти взаимосвязь этих компонентов с системой управления контентом — CMS. Это движок сайта, обладающий широким функционалом и позволяющий создать мощный ресурс без знаний программирования.

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

Топ лучших CMS

топ-5 CMS для запуска сайта в 2021 году:

1. Вордпресс
2. Джумла!
3. Друпал
4. Ошибка ввода 3
5. Совпадение

Первым в списке стоит WordPress, и он возглавляет список не просто так. WP — самая популярная система управления контентом в мире. На нем создано множество популярных сайтов: Mercedes-benz.com, Thewaltdisneycompany.com, Lifehacker.ru и многие другие. Кроме того, WordPress известен своими шаблонными решениями.

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

Топ лучших конструкторов сайтов

Лучшие конструкторы сайтов в 2021 году:

1. Крафтум
2. Издательство Тильда
3. Генератор низкого давления
4. WIX

Функции конструктора:

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

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

Рекомендую обратить внимание на Craftum — мощный инструмент для создания типовых сайтов. Это идеальный конструктор для тех, кто совершенно не разбирается в веб-разработке. Создать сайт на Craftum сможет даже ребенок — интерфейс сервиса предельно прост. Разумеется, в конструкторе есть и расширенный функционал — например, вы можете добавить сторонний код, чтобы воссоздать то, что нельзя сделать стандартным функционалом. Для работы необходимо подключиться к тарифу, стоимость которого 169 рублей в месяц, хотя попробовать конструктор можно бесплатно в течение 10 дней.

Сообщество теперь в Telegram Подпишитесь и будьте в курсе последних ИТ-новостей Подпишитесь

Обзор лучших конструкторов сайтов

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

Craftum

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

Выбор шаблонов в конструкторе Craftum

Характеристики:

1. Множество готовых шаблонов для различных сфер бизнеса.
2. Серия блоков, позволяющая собрать сайт с уникальной структурой.
3. Функция «Блок дизайна» для создания собственного веб-сайта.
4. Адаптивный дизайн. Вам не нужно создавать несколько версий страницы, блоки сами подстроятся под любой размер экрана.
5. Удобный и понятный интерфейс, минимум кликов для настройки.
6. Коллекция шрифтов, изображений и иконок.
7. Возможность вставки собственного HTML-кода, встраивания Яндекс.Карт и подключения сторонних виджетов.

Веб-сайты, созданные с помощью конструктора веб-сайтов, получают неограниченное количество почтовых ящиков и бесплатный SSL-сертификат от Let’s Encrypt. При возникновении вопросов пользователи могут обращаться в службу технической поддержки круглосуточно.

Конструктор Craftum в Telegram и ВК

• Получите полезные материалы и подборки для создания сайтов от экспертов
• Обсуждать тенденции дизайна и текущие проблемы
• Узнавайте первыми об акциях и скидках на конструктор

Подпишись на Телеграм:

Канал о дизайне и создании сайтов

Общайтесь с командой Craftum

Подписывайтесь на ВК:

Сообщество дизайнеров и создателей сайтов

Читайте также: Курсы «Создание сайтов»: онлайн обучение в Skillbox

Tilda

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

Характеристики:

1. Сайт собирается из готовых блоков в любом порядке.
2. Страницы сразу адаптируются для отображения на мобильных устройствах.
3. Платные тарифы включают в себя модули приема платежей.
4. Сервис предлагает собственную CRM, которая может работать с внешними сервисами.

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

LPgenerator

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

Характеристики:

1. Платформа заточена под продажи — собственная CRM, аналитика, подключение сервисов для приема платежей, телефония, SMS-уведомления, e-mail рассылки.
2. Сайт состоит из готовых блоков — 19 скриптов и каталог из 150 шаблонов.
3. Сервис предлагает множество маркетинговых инструментов — викторины, всплывающие окна, A/B-тестирование.

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

WIX

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

Характеристики:

1. Сайт состоит из готовых модулей — система предлагает сотни виджетов.
2. Конструктор универсален — подходит для создания онлайн-визиток, блогов, лендингов и интернет-магазинов.
3. Простое подключение дополнений — в Wix App Market доступны модули, расширяющие функционал.

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

Есть и другие популярные сервисы, способные удовлетворить потребности внимательных пользователей – это UKit, uCoz, Nethouse, 1С-UMI, Настройка и т д. Они также отличаются интерфейсом панели управления, частично перечнем функционала, количеством подключаемых модулей. -ins, но это разнообразие еще больше смущает.

Выход из ситуации только один: взять самые важные критерии и сравнить их.

Публикация созданного сайта в сети Интернет

Допустим, вы уже создали свой первый сайт, но что нужно сделать, чтобы любой пользователь Всемирной паутины зашел на него?

Что такое «домен» и зачем он нужен

Домен — это имя сайта. Кроме того, под термином «домен» часто понимают адрес вашего сайта в Интернете».

Хорошим примером домена может быть название сайта, на котором вы находитесь — internet-technologies.ru.

Как видно из примера выше, доменное имя сайта состоит из двух частей:

• непосредственно названия сайта — в нашем случае это интернет-технологии;
• выбранная доменная зона. В нашем случае была выбрана доменная зона «.ru». Доменная зона указывается в адресе сайта после имени.

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

• internet-technologies.ru — домен второго уровня;
• forum.internet-technologies.ru — домен третьего уровня (он же поддомен).

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

Чаще всего используются следующие доменные зоны:

• .ru — самая популярная доменная зона в русскоязычном сегменте всемирной паутины;
• .biz — часто доменная зона используется для сайтов бизнес-направления;
• .com — эта доменная зона чаще всего используется для коммерческих и бизнес-сайтов;
• .info — в этой доменной зоне довольно часто размещаются информационные страницы;
• .net — еще одна популярная доменная зона, подходящая для проектов, связанных с Интернетом;
• .рф — официальная доменная зона Российской Федерации

Важно! Мы настоятельно не рекомендуем использовать домены в зоне .рф. Это связано со сложностью продвижения сайта, расположенного в этой доменной зоне.

Если большая часть целевой группы находится в России, рекомендуем зарегистрировать домен в зоне «.ru».

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

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

• оригинальность и легкость запоминания;
• максимальная длина — 12 символов;
• легко писать на латинице;
• отсутствие дефиса в имени домена (желательно, но не обязательно).
• Чистота истории домена и отсутствие каких-либо санкций против него со стороны поисковых систем. Это можно проверить с помощью сервиса «Whois History».

Где можно купить домен?

Рекомендуем воспользоваться услугами надежного и проверенного временем регистратора доменных имен — WebNames. Мы используем это.

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

Для этого введите желаемое доменное имя в соответствующее поле и нажмите кнопку «Поиск домена».

Что такое «хостинг»

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

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

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

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

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

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

• Стабильная работа. Выбранный вами хостинг должен стабильно работать 24 часа в сутки, 7 дней в неделю. В противном случае вы понесете потерю репутации в глазах посетителей, а также потеряете доверие со стороны поисковых систем. В связи с этим стоит обратить особое внимание на такой параметр, как время безотказной работы хостинга. Аптайм — это время, когда сайт работает нормально и посетители могут без проблем открыть его в браузере. Он должен быть как можно ближе к 100%. В свою очередь, время отклика вашего сайта показывает, насколько быстро ваш сайт отвечает на запрос браузера пользователя. Чем быстрее время отклика, тем лучше.
• Простота и удобство пользовательского интерфейса. При входе в личный кабинет вся панель управления должна быть не только доступной, но и интуитивно понятной. В частности, вы должны иметь возможность видеть свой текущий баланс, а также иметь быстрый доступ ко всем основным функциям хостинга.
• Профессиональная русскоязычная служба поддержки. Быстрая, квалифицированная и говорящая на вашем родном языке техническая поддержка очень важна в случае возникновения различных ошибок на сайте и необходимости их быстрого устранения.
• Затраты на услуги. Этот аспект важен как для начинающих веб-мастеров, располагающих ограниченным бюджетом, так и для владельцев крупных интернет-проектов, требующих использования действительно дорогого хостинга.

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

Сравним параметры конструкторов

Критерии	Крафтум	До тех пор	Генератор низкого давления	WIX
Типы площадей	Визитки, лендинги, онлайн-каталоги	Визитки, лендинги, блоги, простые интернет-магазины	Целевые страницы, онлайн-каталоги	Визитки, лендинги, форумы, блоги
Наличие мобильной адаптивности	Есть	Есть	Есть	Есть
Бесплатные шаблоны	250+	200+	290+	500+
Поддержка адаптации	Есть	Есть	Есть	Есть
Образовательные материалы	Справочная служба, база знаний, информационные статьи	Справочный центр, вебинары, уроки и статьи	База знаний, видеоуроки	База знаний, информационные статьи
Редактирование кода	Есть	Есть	Есть	Есть
Тариф свободный	Нет	Есть	Нет	Есть
Тестовый период	10 дней	14 дней	7 дней	Нет
Платные тарифы	От 169 рублей в месяц	От 500 руб в месяц	От 799 рублей в месяц	От 243 рублей в месяц
Способы оплаты	Visa, MasterCard, МИР, Уникально Твои, ЮМани, WebMoney, QIWI, Сбербанк Онлайн	Карты Visa, MasterCard, PayPal, YuMoney, WebMoney, QIWI, American Express	Тот же список, плюс Сбербанк Онлайн, Альфа-Банк, карта МИР, Теле2, Билайн, МТС, Мегафон	Карты MasterCard, Visa, American Express, Diners Club
Собственный домен	Нет границ	Только на платных тарифах	На тарифах «Базовый» и «Расширенный»	На тарифах Combo, Unlimited, E-commerce
SEO-функции	Метакоды, ЧПУ, без индексации	Метатеги, канонические страницы, без индексации	Метатеги, без индексации	Метатеги, ЧПУ, редиректы, без индексации

На выбор дизайнера вполне способны повлиять такие «мелочи», как договор с конкретным оператором электронных касс или разработчиком той или иной CRM. Нет смысла подключать разные инструменты для анализа и обработки заявок. Эффективным подходом к реализации является объединение маркетинговых каналов в единую систему (принцип «одного окна»).

Рейтинг бесплатных онлайн-конструкторов сайтов по категориям

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

Лучшие бесплатные платформы для блогов

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

Платформа:	Характеристики:
WordPress.com	— Самая популярная платформа для создания сайтов в мире. — Большой выбор шаблонов и плагинов.
До тех пор	— Более 550 профессиональных блоков. — Акцент на типографике.
Джумла	— Функциональный «движок» для блогов и информационных сайтов.

Хотите создать свой блог на WordPress — со своим хостингом и доменом?
Тогда читайте нашу пошаговую инструкцию → «Как создать свой блог и зарабатывать от 50 000 ₽».
В этой статье вы узнаете, как:
→ Выберите тему для блога.
→ Зарегистрировать хостинг и домен.
→ Заработок на блоге.

Бесплатные конструкторы Landing Page с нуля

Вот конструкторы, которые помогут вам «собрать» карниз самостоятельно — без помощи веб-разработчиков, верстальщиков и дизайнеров.

Платформа:	Характеристики:
Креатиум	— Онлайн-конструктор на русском языке, где можно «собрать» продающий лендинг с нуля. — Готово более 1000 сайтов и отдельных блогов.
До тех пор	— Функциональный конструктор целевых страниц. — Полностью на русском языке.
Онлайн дом	— Отличный конструктор целевых страниц. — 100+ крутых шаблонов.

Общие принципы создания сайтов на конструкторе

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

Рекомендации:

1. Выбор стиля и дизайна. Каталоги шаблонов ограничены, и иногда главным критерием для дизайнера становится внешний вид сайта. Самое главное — минимизировать изменения в настройках шаблона, потому что это ускорит запуск проекта.
2. Сделайте ресурс оригинальным. Сюда входит работа по замене стоковых изображений на собственные, изменение цветовой палитры, размера и типа шрифта. Здесь все просто – все элементы должны соответствовать фирменному стилю и должны отличаться от стиля конкурентов.
3. Разработайте уникальную структуру. Если сайт состоит даже из десятка страниц, каждая из них «заточена» под отдельный товар, услугу, разделы.
4. Подготовьте контент. Наполнение сайта предполагает создание текстов, таблиц, качественных изображений, инфографики, видеороликов. Ни в одном конструкторе нет и не будет соответствующего контента — они обеспечивают только дизайн и функционал.

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

Информационные технологии создание сайтов: вкратце про основные способы заработка на сайте

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

1. Контекстная реклама Google AdSense и Яндекс Директ.

2. Баннерная реклама — размещение рекламных баннеров на странице.

3. Тизерная реклама.

4. Партнерские программы.

5. Публикация рекламных статей.

6. Публикация ссылок в ваших статьях.

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

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

Как создать сайт в конструкторе Craftum

Если разработка сайта на CMS WordPress требует знания языка разметки, стилей CSS и прочего, в конструкторе Craftum можно обойтись и без них. Благодаря встроенным шаблонам и специальному блоку «Дизайн-блок» вы можете создать уникальный сайт со своим дизайном и стилем.

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

1. Открываем официальную страницу и переходим к регистрации.
2. Заполните контактную информацию и нажмите «Создать сайт». Сервис можно использовать бесплатно в течение 10 дней!
3. В итоге попадаем на главную страницу конструктора Craftum — здесь мы будем производить все манипуляции с будущим сайтом. Мы можем пойти двумя путями: использовать готовый шаблон из выбранной категории, либо создать пустую страницу и добавить внутрь нее нужные нам блоки. Для наглядности возьмем пустую страницу:
4. Для его заполнения нам необходимо создать специальные блоки, которые будут отвечать за ту или иную информацию. Прежде всего, нажмите на «Выбрать блок».
5. В появившемся меню нам доступны шаблоны главной страницы. Например, чтобы создать меню, мы можем просто выбрать для него шаблон. То же самое можно сделать с контактной информацией и другими блоками на сайте. Кроме того, есть опция «Блок дизайна», которая позволяет вам самостоятельно разработать индивидуальный дизайн. На основе этого варианта разработаем первый блок, а уже потом перейдем к шаблонам.
6. После выбора блока дизайна мы попадаем в окно редактирования. Для начала очистим холст — для этого выделите все элементы и нажмите клавишу «Удалить».
7. Еще удалим фоновое изображение — в меню слева в разделе «Фон» нажмите для этого на крестик.
8. В результате получаем чистый холст. Наполним его необходимой информацией — в первую очередь добавим заголовок. Для этого нажмите на плюсик в левом верхнем углу и выберите «Текст».
9. Дадим заголовку имя, например «Привет! Это моя первая страница». Также добавим фото с компьютера — выбираем для этого соответствующий блок «Фото».
10. Чтобы добавить нужное изображение, нажмите на блок «Фото» и нажмите «Выбрать файл» в левом меню».
11. Также удалим сетку, чтобы увидеть изображение целиком — для этого нажмите соответствующую кнопку в правом верхнем углу. 
12. Вот так мы получили первый экран. В блоке дизайна мы можем работать непосредственно с элементами, например, задавать размер текста, менять шрифт и производить другие манипуляции.
13. Для сайта также важно подготовить его адаптивную версию. Не будем на этом останавливаться, но учтем, что экраны для разных устройств настраиваются через верхнее меню:
14. Это завершает макет блока дизайна и закрывает его.
15. Добавим еще один блок, например раздел «О нас». Для этого под созданным нами блоком нажмите на плюсик и в разделе «Меню» выберите «О проекте». В качестве примера возьмем первый шаблон:
16. В выбранном шаблоне мы можем изменить текстовое описание, а также удалить текстовые блоки, которые нам не нужны.
17. Добавим раздел с контактами.
18. Мы можем редактировать выбранную часть так же, как и предыдущую. Кроме того, мы можем исправить карту через настройки блока.
19. После создания и заполнения необходимых блоков разработанный сайт следует опубликовать. Для этого нажмите на соответствующую кнопку в правом верхнем углу:
20. Дайте странице название и снова нажмите «Опубликовать».
21. Чтобы увидеть ваш сайт и поделиться им с друзьями, мы можем нажать кнопку «Открыть страницу» или кнопку в правом верхнем углу.

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

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

Самый быстрый вариант — использовать готовый шаблон сайта. Выберите тему ресурса, нажмите на понравившийся шаблон, замените тексты и загрузите изображение — вуаля, ваша уникальная страница готова к публикации в Интернете!

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

создать сайт на движке немного сложнее, но я в вас верю!

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

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

Выбираем доменное имя и хостинг

Создадим аккаунт на хостинге Timeweb и подключим к нему домен:

1. Заходим на официальную страницу хостинга и нажимаем на кнопку «Вход для клиентов» в верхнем меню».
2. На открывшейся странице выберите «Регистрация».
3. Введите свое имя и почтовый адрес, затем нажмите «Стать клиентом».
4. 10-дневная пробная версия активирована. Теперь нас перенаправит в личный кабинет — здесь и будет происходить все взаимодействие с сайтом. Чтобы подключить к нему новый домен, откройте раздел «Домены и поддомены».
5. Здесь мы можем либо зарегистрировать новый домен, либо добавить существующий. Если вы ранее где-то покупали доменное имя или хотите получить его бесплатно, то выберите «Добавить домен». Чтобы купить новый домен, нажмите на кнопку «Зарегистрировать домен» и выберите желаемое имя. Для примера подключим бесплатный домен, который выдает хостинг.
6. Timeweb позволяет использовать тестовые зоны .tmweb.ru, .tw1.su, .tw1.ru, .webtm.ru. Например, мы можем создать бесплатный домен вида myfirstsite.webtm.ru. Обратите внимание, что доменное имя может быть занято. Если он свободен, перед ним появится зеленая галочка. После этого можно нажать на кнопку «Добавить».
7. Прозрачный! Теперь мы можем перейти на указанный домен — достаточно ввести его в строку запроса браузера, где прописаны адреса страниц. В результате должна появиться информация о хостинге — это нормально, так как мы еще не создали сайт. 

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

Этап #1: Подготовительный

Определяем цели и задачи будущего сайта

В первую очередь нужно определиться, для чего вам нужен сайт:

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

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

В каких случаях сайт не нужен

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

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

Однако, чтобы не потерять часть своей аудитории, мы рекомендуем вам не ограничивать себя аккаунтом в социальных сетях. Добавьте к ней простую страницу-визитку и разместите информацию о ней на Яндекс.Картах, Google.Картах, 2Гис или других онлайн-каталогах.

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

Придумываем имя, проверяем и регистрируем домен

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

Например, адрес нашего блога myrouble.ru. Одного взгляда на него достаточно, чтобы понять – скорее всего, этот сайт так или иначе связан с деньгами или финансами. Имя относительно короткое — 8 букв. Вот несколько примеров лучших вариантов:

• ozon.ru (маркетплейс всего из четырех букв в имени домена, легко читается и легко запоминается);
• avito.ru (афиша);
• lenta.ru (популярное интернет-издание. Есть только одна проблема, так же называется известная сеть гипермаркетов. У них домен lenta.com, из-за которого люди могут перепутать название и попасть не на ту страницу. В идеале , такого быть не должно).

Неудачные варианты:

• wildberries.ru (несмотря на свою популярность, домен этого маркетплейса не самый удачный. Он длинный, труднопроизносимый и вероятность напечатать его с ошибкой очень высока);
• vseinstrumenti.ru (достаточно длинное название, в котором многие русские буквы заменены не самым удачным образом. Например, в названии ВсеИнструменты на конце стоит буква Y, которая в английской транслитерации заменяется на ii. Это может привести к орфографическим ошибкам.В идеале английская транслитерация должна стремиться к полному повторению, см список удачных вариантов).

Вот еще несколько примеров не самых удачных по длине и запоминаемости (мягко говоря) доменных имен, которые реально существуют:

• 3.141592653589793238462643383279502884197169399375105820974944592.eu
• самое длинное доменное имя в verdenogsånoenogånoenmerogmer.com
• самый длинный список самых длинных вещей на самом длинном доменном имени на longlast.com
• llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.co.uk
• веб-сайты должны выглядеть одинаково во всех браузерах.com

На тему выбора и регистрации доменного имени у нас есть отдельная инструкция: Что такое домен, как выбрать и зарегистрировать доменное имя. Подробнее там.

Важно! При выборе регистратора обращайте внимание не только на стоимость домена в первый год, но и на цену продления. Многие «бизнесмены» просят за первый год 100-150 рублей, за второй и последующие годы — 800 рублей и больше. Кроме того, очень часто при покупке домена вам будут предлагать различные дополнительные услуги, цена на которые также будет завышена в несколько раз.

Выбираем тип сайта и способ его создания

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

Определяем бюджет

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

Ищем способы сэкономить

Экономьте на доменном имени

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

Экономьте на хостинге

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

Экономьте на конструкторе

Вы можете использовать бесплатный план, а если функций недостаточно, вы можете перейти на платный. В этом случае также можно сэкономить, заплатив сразу за несколько месяцев: 3, 6 или 12.

Например, если вы платите Тильде ежемесячно, вам придется платить 15 долларов в месяц. А если платить за год — всего 10$. Таким образом, можно сэкономить целых 60$.

Как еще можно сэкономить

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

Например, на момент написания промокод «tildaf6s» позволял бесплатно пользоваться тарифом «Персональный» в течение трех месяцев.

Nethouse

Nethouse — достойный конкурент Tilda, Wix и другим конструкторам сайтов. Обладает мощным функционалом, при этом работа там проста и понятна.

В Nethouse вы можете создавать страницы-визитки, личные блоги, интернет-магазины и лендинги. В библиотеке более 100 шаблонов страниц.

Бесплатное для пользователей размещение на домене третьего уровня — типа «вашсайт.nethouse.ru». При оплате любого тарифа вы получаете домен типа «site.ru» бесплатно.

Отличительные особенности Nethouse — множество возможностей для настройки страниц событий (детские праздники, фестивали, концерты) и интернет-магазинов — с онлайн-платежами, каталогом, фильтрами, личными кабинетами и корзиной.

Возможности:

• Регистрируйтесь на мероприятия бесплатно или продавайте билеты там.
• Получайте уведомления через Telegram. Например, о новом заказе.
• Продавайте с промокодами и скидками.
• Отдельные права доступа для разных пользователей.
• Уведомлять клиентов о статусе заказа с помощью SMS.
• Создайте многоуровневый каталог товаров с фильтрами, сортировкой и поиском товаров.
• Загрузить товары на Яндекс.Маркет.
• Настраивайте и отправляйте списки рассылки прямо из панели администратора.
• Включите функцию премодерации отзывов на сайте.
• Принимайте платежи через Яндекс.Кассу.
• Подключить Google Analytics и Яндекс.Метрику, AmoCRM, MySklad, Big Bird».
• Работа со службами доставки: СДЭК, Почта России, Boxberry.
• Добавьте видео с YouTube, RuTube, Vimeo на свой сайт.

Минус — вы не сможете зарегистрировать личный кабинет покупателя интернет-магазина.

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

Что можно сделать для SEO:

• Создайте файлы sitemap.xml и robots.txt.
• Зарегистрируйте теги (название, описание, ключевые слова), заголовки и подзаголовки, все.
• Настройте страницу ЧПУ.

Тарифы

В бесплатной версии конструктора вы можете создать неограниченное количество сайтов, добавить 5 товаров в каталог и 20 фотографий в раздел «Фотогалерея». SSL-сертификат также включен.

Минимальный тариф, где нет рекламы, будет стоить 300 рублей в месяц для сайтов и 650 рублей в месяц для интернет-магазинов. При подключении вы получите 3000 рублей за контекстную рекламу в Google.

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