Как сделать сайт бесплатно: пошагово

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

Пять шагов от шаблона до опубликованного сайта
Пять шагов от шаблона до опубликованного сайта

Шаг 1. Решите, зачем сайт

Одна главная цель: позвонить, записаться, заказать, прийти. Всё на странице должно вести к ней. Запишите её одной фразой до того, как выбирать шаблон.

Шаг 2. Выберите шаблон

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

Шаг 3. Напишите тексты

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

Из каких блоков состоит первая страница: шапка, первый экран, услуги, отзывы, контакты
Из каких блоков состоит первая страница: шапка, первый экран, услуги, отзывы, контакты

Шаг 4. Картинки и цвета

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

Шаг 5. Адрес и публикация

Бесплатный адрес вида vash-sajt.okis.ru подходит для начала. Свой домен можно подключить позже, ссылки при этом не потеряются. После публикации откройте сайт с телефона: большинство посетителей придут именно с него.

Чек-лист перед запуском

  • Телефон и адрес видны на первом экране или в шапке.
  • У каждой страницы свой заголовок и описание для поиска.
  • Текст читается: контраст не меньше 4,5:1.
  • Сайт открывается быстро на мобильном интернете.

Частые вопросы

Можно ли сделать сайт бесплатно?

Да, в конструкторе Okis можно собрать сайт из готового шаблона и опубликовать его на бесплатном адресе вида vash-sajt.okis.ru.

Что должно быть на первой странице сайта?

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

Нужен ли свой домен сразу?

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

Ещё статьи

Сетка и отступы: правило 8 пикселей

Аккуратный сайт отличается от неаккуратного чаще всего не цветами, а отступами. Достаточно одной шкалы и одного правила группировки.

Картинки для сайта: формат, размер, сжатие

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

Как сделать удобные кнопки на сайте

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

Как подобрать цвета для сайта

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

Фавиконка для сайта: размеры и код

Фавиконка видна во вкладке браузера, в закладках, в выдаче Яндекса и Google и на экране телефона. Хватит пяти файлов и пяти строк кода.

Как выбрать шрифт для сайта

Шрифт сильнее всего влияет на то, как сайт читается и каким кажется. Семь правил, которые спасают от большинства ошибок.