Как создать свой сайт онлайн

Как создать свой сайт онлайн: выбор платформы, структура, тексты, формы, Core Web Vitals и чек-листы. Примеры для салона, кофейни, репетитора и услуг.

Создать свой сайт
Создать свой сайт

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

Когда сайт онлайн подходит

СитуацияДелать онлайн самомуЛучше отдать в работу
Нужен один оффер и заявка на замер/консультациюданет
5-12 страниц услуг, блог, город в семантикеможно, если есть времяда, если нужен рост в поиске
Каталог 200+ позиций, фильтры, остаткинетда
Личный кабинет, расчёты, интеграция с CRM и 1Снетда

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

Шаг 1. Один оффер и одно целевое действие

До выбора платформы напишите три строки: кому, какую проблему решаете, что человек получает после нажатия кнопки. «Оставьте заявку» звучит не как действие, а как надежда. Рабочие формулировки: «рассчитать стоимость за 10 минут», «записаться на стрижку на завтра», «получить пробный урок». Одно действие на страницу: телефон, мессенджер, форма и «скачать прайс» на одном экране делят внимание и ломают замер конверсии.

Шаг 2. Домен, почта, юридический минимум

  • Домен короткий, латиницей, без дефисов, если его придётся диктовать голосом. Проверьте историю: б/у домены приходят с чужими ссылками.
  • Почта на своём домене: info@вашдомен.ru. Письма с бесплатной почты чаще уходят в спам.
  • Обязательны политика обработки персональных данных, чекбокс согласия в форме, контакты с реквизитами.
  • Проверьте, что сайт открывается только по https, а http редиректит.

Шаг 3. Выбор платформы

ВариантСрок запускаКому подходитГде упирается
Конструктор (Tilda, Craftum и др.)1-5 днейлендинг, услуги, портфолиошаблонные шаблоны, лимиты тарифа, слабый контроль кода
CMS (WordPress и аналоги)1-3 неделиблог, услуги, небольшой каталогплагины, обновления, безопасность
Готовый шаблон под доработку3-10 днейбыстрый старт с нормальной вёрсткойнужен человек, который доведёт
Кастомная разработка3-8 неделькаталог, интеграции, кабинетдороже, дольше

Платформы по пунктам сравнивает обзор конструктор сайтов 2026. Чтобы стартовать быстро с готовой основы, есть шаблоны.

Шаг 4. Структура: сначала схема, потом блоки

Минимальный каркас сайта услуг:

Главная → Услуга 1 / Услуга 2 / Услуга 3
        - Цены
        - Работы / отзывы
        - О нас (кто делает руками)
        - Контакты + форма

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

Шаг 5. Тексты и фото

Формула текста: что делаем → что входит → сколько стоит → сколько занимает → что нужно от клиента. Прилагательные убираем, цифры оставляем: «выезд в день обращения», «гарантия 12 месяцев», «работаем с 2019 года». Фото берите свои: пять реальных снимков работы бьют двадцать стоковых. Перед загрузкой сожмите изображения и отдайте в WebP.

Шаг 6. Формы, аналитика, связь

  • Форма: 2-3 поля. Имени и телефона достаточно, остальное выясните в разговоре.
  • Заявку дублируйте: письмо + Telegram-бот или CRM. Письма теряются.
  • Яндекс.Метрика с вебвизором и целями на отправку формы и клик по телефону. Без целей вы не отличите «сайт не работает» от «трафика нет».
  • Липкая кнопка звонка и мессенджера на мобильном: большинство визитов идёт со смартфона.

Шаг 7. Скорость и Core Web Vitals

Google в документации web.dev задаёт пороги «хорошего» опыта: LCP ≤ 2,5 с, INP ≤ 200 мс, CLS ≤ 0,1 по 75-му перцентилю визитов. При таких значениях человек дожидается загрузки. Что ломает метрики на самосборных сайтах:

  1. Тяжёлое фоновое видео или слайдер на первом экране бьют по LCP.
  2. Виджеты, которые вставляются после загрузки и сдвигают вёрстку, портят CLS.
  3. Три чата, квиз и коллтрекинг одновременно тянут вниз INP.

Проверяйте в PageSpeed Insights на мобильном профиле. Скорость вместе со структурой разбирает SEO-аудит.

Шаг 8. Публикация и первая неделя

Добавьте сайт в Яндекс.Вебмастер и Google Search Console, отдайте sitemap.xml, проверьте robots.txt (частая ошибка: оставшийся с разработки запрет индексации). Дальше идите по SEO-оптимизации 2026: заголовки, описания, внутренние ссылки, страницы под город.

Примеры по нишам

Салон красоты

Первый экран: услуга + район + онлайн-запись. Дальше прайс по мастерам, фото работ, карта и график. Виджет записи (YCLIENTS и аналоги) окупается быстрее красивого дизайна: человек записывается ночью, когда администратор спит. Сделайте отдельные страницы под «окрашивание», «маникюр», «брови», иначе салон находят только по названию.

Кофейня

Три задачи: меню с ценами, геоданные, события. Меню публикуйте текстом. Картинку JPG не прочитает ни поиск, ни человек с плохим интернетом. Карточка в Яндекс.Бизнес обязательна, ссылка с сайта тоже. Доставку выносите на отдельную страницу с зоной и минимальным чеком.

Репетитор

Работает связка «предмет + класс/экзамен + формат»: страницы вида «подготовка к ЕГЭ по математике онлайн» вместо одной «мои услуги». Нужны цена за занятие, свободные окна, результаты учеников без выдуманных процентов и форма на пробное. Блог с разборами заданий даёт медленный, но стабильный трафик.

Услуги на выезде (ремонт, клининг, монтаж)

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

Что вы получите и где предел

Реалистичный итог сборки за 1-2 недели: работающая витрина с заявками, аналитикой и нормальной мобильной версией. Этого достаточно для рекламы и «сайта из визитки». Чего не будет без доработки:

  • Позиций по конкурентным коммерческим запросам: для них нужны семантика, структура и время.
  • Быстрой загрузки, если платформа тянет скрипты, которые нельзя отключить.
  • Гибкой интеграции с CRM, складом, оплатой: на конструкторах это чаще костыль.
  • Переноса без потерь: экспорт почти всегда означает пересборку.

Что почитать дальше

Сколько стоит и как заказать удалённо

Самостоятельная сборка стоит времени: 20-40 часов на первый сайт. Платно ориентир NeuroDomen от 20 000 ₽ за сайт услуг с адаптивом, формами и аналитикой; точная цифра зависит от числа страниц и интеграций. Из чего складывается сумма, разобрано на странице сколько стоит сделать сайт. Пакеты собраны в разделе цены, состав работ описан в разделе сайты.

Работаем удалённо по всей России: бриф, созвон, правки в макете, сдача. Часовой пояс подстраиваем под ваш. Обсудить задачу можно через контакты.

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

Сколько времени занимает сборка своими руками?

Лендинг на конструкторе займёт 1-3 вечера, если тексты и фото готовы. Сайт услуг на 6-10 страниц соберёте за 1-2 недели. Основное время уходит на контент, сама сборка идёт быстрее.

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

Технически да, на бесплатном тарифе с поддоменом вида name.platform.ru. Для теста гипотезы годится, для бизнеса нет: чужой домен не перенести, рекламу на такие адреса часто не пропускают.

Что выбрать: конструктор или CMS?

Считайте по количеству повторяющихся страниц. До 15 страниц без каталога берите конструктор. Блог, фильтры, несколько типов карточек требуют CMS или разработки. Стеки сравнивает материал веб-разработка с нуля.

Нужен ли сайт, если есть Авито и карты?

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

Почему сайт готов, а заявок нет?

Три типовые причины: нет трафика; сайт не отвечает на запрос (нет цены, срока, доказательств); заявка не доходит (сломана форма или письма в спаме). Проверяйте в этом порядке, начиная с теста формы с чужого устройства.

Чек-лист запуска

Перед публикацией

  • Один оффер и одно целевое действие на страницу
  • Телефон, мессенджер, адрес видны с первого экрана на мобильном
  • Формы работают, письмо и уведомление доходят
  • Политика ПДн и чекбокс согласия на месте
  • Метрика стоит, цели настроены, вебвизор включён
  • Картинки сжаты, WebP, у всех есть alt
  • Title и description уникальны на каждой странице
  • Нет запрета индексации в robots.txt и meta-теге
  • Сайт проверен на реальном телефоне, эмулятора браузера мало

Первая неделя после запуска

  • Сайт добавлен в Вебмастер и Search Console, sitemap отправлен
  • Карточки в Яндекс.Бизнес и 2ГИС заполнены, ссылка ведёт на сайт
  • PageSpeed пройден на мобильном, метрики зафиксированы
  • Заявка проверена с чужого телефона и чужой почты

Оставить заявку · Все статьи