Сайт с нуля делают за восемь шагов: сформулировать задачу сайта, собрать структуру и тексты, выбрать движок, купить домен и хостинг, собрать страницы, подключить формы и аналитику, проверить на мобильных, опубликовать. Домен обходится в 200–1500 ₽ в год, хостинг — от 200 ₽ в месяц. Код для этого не нужен — платформы для новичков закрывают техническую часть сами.
Простую визитку реально запустить самому за выходные: как создать сайт с нуля, если задача — рассказать о себе и оставить контакты, понятно из этого же чек-листа. А вот каталог на сотни позиций, личный кабинет и интеграции с 1С или CRM — это уже задача для разработчика, и дальше в статье честно показано, где проходит эта граница, без рекламы конкретных платформ.
С чего начать создание сайта
Перед выбором платформы ответьте на три вопроса: зачем сайт, кто на него придет и какое одно действие должен сделать посетитель — оставить заявку, позвонить, записаться или купить. Тип сайта вытекает из ответа: лендинг — одна страница под одну заявку, визитка — несколько страниц о человеке или компании, блог — регулярные статьи, магазин — каталог с корзиной. Если главная цель — заявка с рекламы, хватит лендинга; если нужен личный бренд эксперта, берите визитку на несколько страниц.
Чего избегать: делать все и сразу, сайт «для всех» без конкретного посетителя, пять разных кнопок на главной, выбор типа по картинке конкурента, а не по своей цели.
Что сделать сейчас: запишите одной фразой задачу сайта, портрет посетителя и одно целевое действие.
Один сценарий вместо десяти
Путь посетителя строится коротко: открыл главную, увидел, чем вы полезны, нажал кнопку действия. Этот сценарий задает и структуру страниц, и набор блоков — все, что не ведет к заявке, лишнее. Кнопка действия должна быть видна сразу, без долгой прокрутки.
Допустим, психолог делает визитку. Нужны блок о специализации, короткое «обо мне», ответы на частые вопросы и форма записи на первом экране. Лишние — история кабинета, общие статьи о психологии, список партнеров: они удлиняют путь, и кнопка записи теряется ниже. Каждый новый блок проверяйте простым вопросом: двигает ли он посетителя к заявке.
Домен и хостинг для сайта
Домен — имя сайта, хостинг — место на сервере, где лежат его файлы. Имя стоит 200–1500 ₽ в год, место на сервере — от 200 ₽ в месяц. Зона .ru подходит под российскую аудиторию, .рф — под кириллический бренд. Для WordPress сервер можно взять у Timeweb или Beget, а имя зарегистрировать через REG.RU — это рабочие примеры, а не рейтинг.
Если сайт собран на конструкторе вроде Tilda, Megagroup или uKit, отдельный хостинг не нужен: он уже входит в тариф. Но у Tilda свой домен подключается только на платном тарифе — на бесплатном сайт живет на поддомене сервиса.
- •Чего избегать: цифры и дефисы в имени;
- •похожесть на чужой товарный знак;
- •сверхдешевый хостинг без автобэкапов;
- •домен, оформленный на подрядчика, а не на владельца сайта.
Первый шаг здесь простой: подберите три варианта имени, проверьте их занятость у регистратора и сверьте с товарными знаками в вашей нише. Как отсеять слабые варианты, видно на примере ниже.
Ошибки при выборе домена
Допустим, имя ищет условная кофейня. Удачные варианты: короткое название бренда, его транслитерация без цифр, название плюс город. Неудачные: длинная связка из трех слов — ее не запомнят; имя с дефисами — его путают при диктовке; написание, созвучное известной сети кофеен, — это риск спора из-за товарного знака.
Отдельно про продление. После окончания оплаченного срока регистратор снимает бронь, и свободное имя может зарегистрировать кто-то другой. Включите автопродление сразу при покупке — так адрес не пропадет из-за забытого платежа.
Восемь шагов создания сайта
Шаги идут в том порядке, в каком зависят друг от друга: тексты раньше дизайна, проверка раньше публикации.
- •Задача — сформулировать, зачем сайт: заявка, звонок, запись.
- •Структура и тексты — список страниц и черновой текст под каждую.
- •Выбор движка — конструктор или CMS под задачу.
- •Адрес и сервер — купленное имя и место для файлов сайта.
- •Сборка страниц — блоки собраны в готовый макет.
- •Формы и аналитика — заявки идут на почту, счетчик считает визиты.
- •Проверка на мобильных — текст и кнопки читаются на маленьком экране.
- •Публикация — сайт открывается по своему адресу.
Если запускаетесь в одиночку и результат нужен за неделю, берите конструктор. Если планируете блог или рост каталога, выбирайте WordPress на хостинге.
- •На что обратить внимание: тексты пишутся до дизайна, а не после;
- •публикуйте минимальную версию, а не идеальную;
- •бесплатный тариф годится как тест идеи;
- •перенос с конструктора на другую платформу почти всегда делается руками.
Распечатайте этот чек-лист и отметьте, какие шаги уже закрыты, — так сразу видно, где вы сейчас.
Конструктор, CMS или код
Сразу берите более гибкую платформу, если товаров много, над сайтом работает несколько авторов или в планах интеграции с внешними системами. Для старта подойдут Tilda, uKit, LPmotor, Megagroup, Яндекс KIT: шаблоны и визуальный редактор без кода.
Подключение домена и публикация
Порядок такой: купить домен, прописать DNS или NS из панели конструктора или хостинга, привязать домен в панели, дождаться обновления записей и проверить открытие сайта по https. Обновление записей расходится по серверам не мгновенно, поэтому если сайт пока не открывается по новому адресу, это нормально — подождите и проверьте еще раз.
Если новый сайт заменяет старый, заранее настройте 301-редиректы со старых адресов на новые, иначе переходы по старым ссылкам и из поиска ведут на ошибку. После запуска первое время проверяйте, доходят ли заявки из форм, открываются ли все страницы и нет ли битых ссылок, которые ведут на 404.
Тексты и фото для сайта без риска штрафа
Текст пишется так: выписать вопросы клиента, ответить на каждый черновиком, сократить лишнее. В «Обо мне» — опыт, специализация и факт, который вызывает доверие. В «Услугах» — что входит, кому подходит, что клиент получает. Призыв к действию один и понятный.
Фото и текст из поиска — чужая собственность: правообладатель вправе потребовать компенсацию, а копипаст у конкурента бьет и по позициям в поиске. Если своих снимков нет, берите стоки с понятной лицензией или снимайте на телефон при дневном свете. Перед загрузкой сжимайте фото.
- •Чего избегать: чужие фото без лицензии;
- •отзывы-выдумки;
- •«водные» тексты;
- •картинки весом в мегабайты.
Что сделать сейчас: составьте список страниц и под каждую выпишите вопросы, которые задает клиент.
Что проверить перед запуском сайта
Обязательный минимум: политика обработки персональных данных и согласие у каждой формы, SSL-сертификат, формы с доставкой заявок на почту или в мессенджер, Яндекс Метрика с целью на отправку формы. Форма без согласия и политики создает риск штрафа.
- •кнопки, меню, страница 404, кликабельный телефон;
- •текст читается на маленьком экране;
- •title и description заполнены, заголовки H1–H3 идут по порядку и отвечают на запросы клиентов;
- •главная грузится быстро: LCP меньше 2,5 секунды, CLS ниже 0,1.
На что обратить внимание: тестовая заявка с чужого телефона, проверка в двух браузерах, сложные пароли к панели и почте, подрядчику — только нужные права доступа, включенные резервные копии.
Если хотя бы одна форма не дошла до почты — сайт не запускайте. Что сделать сейчас: отправьте тестовые заявки с разных устройств.
Чего не умеет сайт-самоделка
Конструктор не тянет любой каталог: тариф ограничивает число товаров, фильтров и объем хранилища, и где проходит потолок, зависит от конкретного тарифа. Связь с 1С, «Моим складом» или CRM сама не настраивается — обмен заказами и остатками требует работы разработчика. WordPress без регулярных обновлений движка и плагинов со временем становится дырявым, а резервные копии полезны, только если их делают по расписанию и проверяют. Наплыв посетителей после рекламы тоже стоит учесть: простые тарифы рассчитаны на умеренный трафик.
Если для работы сайта нужна связь с учетной системой, личный кабинет или каталог с многоуровневыми фильтрами — это задача разработчика, а не доработка шаблона.
- •не собирайте магазин из десятка разных плагинов — конфликты между ними сложно отлавливать;
- •не откладывайте обновления CMS и модулей;
- •не храните пароли от админки в заметках;
- •не запускайтесь без резервных копий.
Выпишите функции, без которых сайт не решит задачу бизнеса, и отметьте, какие из них не закрываются готовым шаблоном.
Сколько времени займет сайт своими руками
Простую визитку реально закрыть за выходные: меньше всего уходит на задачу и структуру, больше всего — на тексты и сборку, остаток — на домен, публикацию и проверку. Лендинг под рекламу дольше: к сборке добавляются цели в Метрике и настройка кампании. Блогу нужен запас статей к запуску, а потом регулярное время на новые тексты. Единых сроков нет — все зависит от платформы и объема контента.
Если шаг отнимает у вас много времени и повторяется при каждом изменении, его выгоднее отдать. Чаще всего отдают тексты, фото, интеграции и настройку рекламы.
Сравните свой час с ценой чужой работы. Если ваш час стоит дороже часа верстальщика или копирайтера, а сборка растягивается на недели, самоделка обходится дороже подрядчика — в потраченном времени.
- •На что обратить внимание: доступы к домену и хостингу — на владельце, а не на исполнителе;
- •короткое письменное ТЗ экономит переписку и переделки;
- •заранее договоритесь о числе правок и о том, кто обновляет сайт после сдачи.
Что сделать сейчас: прикиньте часы на каждый из восьми шагов и отметьте, где нужен подрядчик.
Короткое ТЗ для подрядчика
Хватит одной страницы: цель сайта, аудитория, тип сайта, список страниц, нужные функции, чьи тексты и фото, примеры сайтов, которые нравятся, срок сдачи.
Допустим, нужен лендинг: цель — заявки на консультацию, аудитория — владельцы малого бизнеса, страницы — главная с услугами, отзывами и контактами, тексты и фото — свои, срок — по договоренности.
Застряли на интеграциях или каталоге — доведем сайт до рабочего состояния: разработка от 50 000 ₽, раздел «Сайты»
Источники
