Как самостоятельно создать сайт: лучшие бесплатные сервисы 2024 года для создания сайтов
Как бесплатно сделать сайт самому или делегировать разработку сайта дизайнеру? Платные и бесплатные конструкторы сайтов, 1С-Битрикс, Wordpress. Сколько стоит разработка сайта и какие нейронные сети помогут с его созданием.
UPD от 14.09: Одним из способов создания сайта в статье ниже я упоминаю конструктор сайтов Wix. Но они заявили, что с 12.09 уходят из России. Пока работают под ВПН, но всегда могут сайт заблокировать.
Спойлер
Можно сделать бесплатно, если не подключать свой домен.
Если делать на конструкторе сайтов, то в рамках года экономия будет составлять около 4000 рублей, но вся забота об администрировании сайта на вас.
1С-Битрикс - лучшее, что есть для больших корпоративных проектов, но дорого.
Минимальное время на запуск небольшого сайта - 10 часов включает в себя создание сайта на основе шаблона, подключение домена, тестирование и устранение ошибок. Если перевести 10 часов работы в деньги исходя из ставки работы доставщика еды, то это 4000 рублей.
А теперь детали. Рассказываю, ключевые детали как сделать сайт своими руками (или решить, что его нужно делегировать кому-нибудь).
Идея и цель сайта
Это действительно важные вопросы: "Зачем мне сайт?". Какие цели я хочу достичь с его помощью?
Давайте изначально обозначим крайнюю точку: бесплатный сайт.
Если сайт нужен "чтобы был", то проще всего взять конструктор сайтов Wix, который не оказывает в России платных услуг, но нам вполне подойдут бесплатные.. На Виксе можно бесплатно сделать сайт на домене вида XXXXXXX.wixsite.com и прекрасно им пользоваться. Знаю кучу людей, которые именно так и делают.
Или вот другой пример цели: "мне нужен сайт, чтобы выложить туда полезную информацию о мероприятии: карту, ответы на частые вопросы. Ссылку на сайт буду скидывать участникам в Телеграме". Ок, решение прежнее: берёте Викс на бесплатном тарифе, и цель будет достигнута.
Если мы начинаем двигаться от "бесплатного сайта, который нужен для галочки или на котором нам просто нужно повесить немного информации" в сторону: "а мне нужен сайт для продаж" или "мне нужен не просто сайт, а точка автоматизации работы с клиентами", то тут нужно определиться с целями.
Выпишите, какие цели и задачи есть у сайта. 🥷💎 Это важно ✅🪙 Вот вам примеры с комментариями об этом:
- Мне нужно дизайном сайта произвести впечатление на инвесторов = нужен или конструктор сайтов, который любят дизайнеры-эксперты, а если на их оплату нет денег, то конструктор сайтов с лучшими готовыми блоками.
- Я буду продвигать сайт на поисковиках = мне нужно выбирать технологии, которые дружат с поисковиками.
- Мне нужно принимать оплату пластиковыми картами не только на российскую компанию, но еще и на казахскую = ищем конструктор сайтов или движок, где есть интеграция с платёжными системами Казахстана.
- Основа продаж - реферальная программа = вам нужно или программировать с нуля, или искать движок, где уже реализована подходящая вам реферальная программа.
Зафиксировав цель и главные задачи, у вас сузится спектр вариантов, как и что делать.
Проектирование структуры сайта
Давайте рассмотрим проектирование структуры на примере сайта, который имеет целью привлечение клиентов.
Сначала составляете список ваших услуг, а затем расширяете его тем, что ищут на поисковых системах (Яндекс Вордстат). Каждая услуга или специфическая потребность - это отдельная страница.
Например, при создании сайта клиники нужно делать отдельные страницы под каждое направление и каждую проблему. И далее вы это всё компонуете в меню по следующей схеме:
- У вас 1 - 3 услуги: помещаем сразу в главное меню.
- У вас 4+ услуг: делаем раздел услуги с выпадающим списком.
- У вас куча услуг и направлений: главные направления в главное меню,, а из них уже выпадающие меню.
- Если у вас совсем всего много (как товаров на маркетплейсе), то это уже навороченные многоуровневые меню.
Для того, чтобы спроектировать структуру страниц, я рекомендую использовать 2 формулы:
- AIDA. Это четыре компонента: attention, interest, desire, action — внимание, интерес, желание, действие. То есть в начале нам нужно захватить внимание посетителя сайта (страницы), а затем предоставить ему информацию так, чтобы в конце он совершил действие (скажем, написал нам в WhatsApp).
- Если можете при проектировании страниц использовать FOMO (fear of missing out — «страх пропустить»), то есть какие-то таймеры обратного отсчёта, скидки по времени, ограничение количества мест), то это сделает ваш сайт ещё более эффективным.
Лучшие конструкторы сайтов
Я делала 2 детальных рейтинга конструкторов сайтов: рейтинг конструкторов сайтов с акцентом на продажи и полный рейтинг конструкторов сайтов (детальный разбор всех функций).
Если два рейтинга с обзорами конструкторов сайтов сжать, то получится вот такая подборки:
Если вам нужен сайт для продаж, то возьмите конструктор сайтов Базиум (https://bazium.ru). Стоит от 290 руб. в месяц.
Если вы профессиональный дизайнер и нужен конструктор с функцией переноса макетов из Figma, то возьмите Тильду (https://tilda.cc). Стоит от 500 руб. в месяц.
Если вам нужен сайт "чтобы был" и главное - это цена, то берите конструктор от Т-банка (https://www.tbank.ru). Бесплатный.
Если описать главное, на что стоит смотреть при выборе конструктор сайтов, то это будет:
- Широта функционала. По мере развития бизнеса у вас будут расти потребности в функционале конструктора сайтов. Если сейчас вам не нужен модуль интернет-магазина, то через год он понадобится, и если это не предусмотреть сразу, то через год вы будете переезжать на новую платформу (доп.затраты + потеря SEO-позиций)
- SEO-возможности. Они изначально "зашиты" в платформу. Если сразу не позаботиться о тому, чтобы платформа была дружелюбной для поисковиков, то потом не нужно будет страдать из-за того, что SEO-специалисты будут отказываться с вами работать (большинство конструкторов сайтов не дружелюбны для поисковиков).
- Удобство редактора. Чисто субъективная вещь. Попробуйте разные конструкторы, выберите тот, который удобен именно вам.
- Убедитесь, что есть какие-то специфичные вещи, которые нужны именно вам (личный кабинет, цифровые товары, интеграция со СДЭК и тп).
- Цены - самое последнее, что важно. Они у всех +/- одинаковые. Экономия может быть 3 - 9 тысяч рублей в рамках года, а вот если вы выберете по цене, вложитесь деньгами или временем в разработку сайта, а потом окажется, что вам чего-то не хватает из функций, что есть на платформе, которая просто стоит на 1000 рублей дороже, вот тогда будет боль, так как переносить сайт между платформами трудозатратно.
Лучшие CMS: Wordpress и 1С-Битрикс
Если вам нужен полностью подконтрольный сайт, который бы размещался на вашем хостинге, то берите или Wordpress или 1C-Битрикс.
У "подконтрольности" есть свои плюсы и минусы. Да, вы делаете с сайтом, что хотите, но и несёте за него полную ответственность. Взломали, сломали, попали под DDOS-атаку - всё это ваши проблемы (а в случае с конструкторам сайтов это проблемы в первую очередь конструктора сайтов).
Нюансы создания сайта на Wordpress:
- Нужен только хостинг + руки. Если делаете сами, то это ваше время, если делегируете разработку, то Wordpress - это просто, и junior-разработчик с помощью роликов на Youtube сможет сделать базовый сайт.
- Есть много шаблонов (бесплатный и платных, но не дорогих ... в среднем 5000 рублей. Больше всего выбор на английском языке).
- Базовый хостинг в Рег.ру будет стоить около 2000 рублей в год. Если сравнивать с Тильдой, то это экономия 4000 в год. Если это для вас обосновано (с учётом того, что администрирование сайта тоже на вас), то Вордпресс - то, что вам нужно.
Если вы хотите мощный корпоративный сайт без ограничений, накладываемых конструкторами сайтов, то берите 1С-Битрикс (https://1c-bitrix.ru).
Нюансы создания сайта на 1С-Битрикс:
- Дороже, чем на конструкторах сайтов. Вот сравнение лицензий: версия сайта с блогом будет стоить 17900 рублей (разумеется, плюс услуги по разработке)
- Примерно 4500 рублей нужно будет платить ежегодно за продление лицензии. Теоретически, можно не платить, но тогда вы лишаетесь важных преимуществ Битрикса: обновлений (в т.ч. критических для безопасности), резервного копирования в облаке.
- Но! Битрикс даёт огромные возможности по запуску действительно больших проектов. Если у вас стоит задача сделать нестандартный сайт с каким-то сложным функционалом, то можно смело брать Битрикс.
- Маркетплейс Битрикса содержит большое количество готовых модулей. Некоторые совсем не дешевые (в районе 50 тысяч рублей), но часто альтернативы им нет. Вернее альтернатива есть, но она такая: нужно собирать команду разработчиков и программировать несколько месяцев.
- Из моего опыта работы с Битриксом: контент-менеджер удалил каталог товаров на сайте (около 1000 позиций). Я восстановила сайт за пару кликов (и я не программист, просто кнопка "восстановить из резервной копии в облаке".
Нейросети для создания сайтов
Тут нужно разделить на 2 составляющие:
- AI-инструменты, которые позволяют создавать элементы для сайтов (тексты, графику, идеи структуры).
- Нейросети, которые полностью создают сайт для вас.
К первой категории относится буквально любая нейронка (от ChatGPT и Claude до встроенных в конструкторы сайтов инструментов).
Насколько понимаю, все встраивают внутрь ChatGPT. Вот на Тильде так работает:
Или вот на Базиуме есть шаблоны для генерации информации.
Но идея везде такова: вот вам части контента, а вы уже далее сами смотрите, куда его на сайте размещать.
Для генерации фотографий рекомендую Рекрафт
У Рекрафта есть бесплатный тариф, а главная фишка - это возмоность генерить сеты из изображений. Скажем, вам нужно 4 фотки для иллюстраций страниц с услугами, и вы можете создать их за один заход в едином стиле:
AI-конструкторы сайтов пока не рекомендую. Ещё ни один конструктор, из тех что я тестировала, не лучше классических.
Но если хотите попробовать, то потестируйте Dorik.
- Стоит 18 долларов в месяц
- Менее поворотливый, чем рекомендованные мной выше Базиум и Тильда. Даже бесплатный конструктор от Тинькофф (Т-Банк) лучше. Но зато AI (трендово).
Нейросети для полной генерации сайта по факту работают так: они наполняют шаблон текстовой информацией. ... а потом вы все всёравно меняете, так как информация кривая.
Сколько стоит разработка сайта?
Вот типовой бюджет разработки на конструкторе сайтов:
- Домен: 120 рублей первый год, 550 рублей последующие.
- Сам конструктор сайтов стоит в среднем 6000 рублей в год. Хостинг не нужен.
- Время, на разработку небольшого сайта: 10 часов. Это если есть вся информация и понятно, что делать. Если начинать думать над текстами, подбирать долго изображения, то 10 часов превратятся в 100 и более. Исходя из времени и планируйте затраты.
- А всё же сколько? Если взять готовый шаблон и просто перебить там информацию, подключить домен, настроить статистику, то это будет стоить 5000 рублей (нижняя оценка). Верхняя не ограничена. Есть студии, которые берут сотни тысяч рублей за создание сайта на конструкторе (но это больше, чем создание сайта, а скорее комплексный маркетинговые услуги по организации онлайн-продаж)
А сколько стоит сделать сайт на Вордпресс?
- Домен: 120/550 рублей (первый/последующие года)
- Хостинг (размещение сайта): 2000 рублей/год
- Время и деньги я бы оценила как х2 к конструктору сайтов.
А на Битриксе сколько?
- Я бы рекомендовала делать на Битриксе, если у вас годовой бюджет на создание сайта более 500 тысяч рублей.
- Выбрать партнёра для создания на 1С-Битриксе можно в каталоге партнёров.
Как создать сайт бесплатно?
Сделать бесплатно сайт своими руками просто:
- Отказываемся от домена (и экономим 120 рублей)
- Выбираем в пользу конструктора сайтов (и экономим 2000 рублей на хостинге)
- Берём бесплатный конструктор сайтов: Т-Банк. Или Wix:
Важно: Wix не оказывает платных услуг на российском рынке, но бесплатным тарифом можно пользоваться. Разумеется, принимаем риск, что он также может выключить и бесплатные сайты для пользователей из России.
Далее только ваше время. И никаких технических знаний не нужно (и вся ответственность за работу серверов находится на конструкторах сайтов).
Продвижение сайтов
Для того, чтобы сайт занимал высокие позиции на поисковых системах, нужно обеспечить, чтобы он сам по себе был лучше, чем сайты конкурентов (полнота информации, качество дизайна, уровень вовлечения посетителей).
Но отдельно стоит отметить, чтобы сайт был технически оптимизирован.
Техническую оптимизацию сайта можно проверить в сервисе от Google: Google Pagespeed
Вот тут я протестировала конструкторы сайтов с точки зрения данного показателя.
Вот что значат эти показатели (если будете делать сайт, обратите на них внимание):
- First Contentful Paint (FCP) — этот показатель отвечает за время, за которое на экране пользователя появляется первый видимый элемент контента, например, текст или изображение. Чем быстрее это происходит, тем лучше для пользователя. Хорошим показателем считается время до 1-2 секунд.
- Largest Contentful Paint (LCP) — это время, за которое загружается и отображается самый большой элемент на странице. Например, крупное изображение или основной блок текста. Идеальным является время до 2,5 секунд.
- Total Blocking Time (TBT) — этот показатель отражает, как долго страница была "заблокирована", то есть не реагировала на действия пользователя из-за загруженных скриптов или других ресурсов. Чтобы обеспечить хорошее взаимодействие с пользователем, TBT должен быть как можно ниже, предпочтительно менее 200 миллисекунд.
- Cumulative Layout Shift (CLS) — этот показатель оценивает стабильность макета страницы во время её загрузки. Он показывает, насколько сильно сдвигаются элементы на экране. Чем меньше значение CLS, тем лучше. Хорошим считается показатель меньше 0,1.
По сути, рецепт таков:
- Делаете сайт на платформе, которая обеспечивает хорошие технические показатели.
- Обеспечиваете на сайте полноту информации.
- Делаете так, чтобы сайт "захватывал" внимание посетителей, снижая процент отказов (посещений менее 15 секунд).
- Обеспечиваете внешние факторы (ссылки на сайт).
- Обеспечиваете поведенческие факторы лучше, чем у конкурентов.
- Поисковая оптимизация сайта выполнена.
Где искать дизайнера сайтов?
Если вы хотите, чтобы сайт сделали для вас, то вот где стоит искать дизайнеров:
- Яндекс.Услуги, Авито.
- FL.ru и Фриланс на Хабре.
- Если делаете сайт на 1С-Битрикс, то выбираете среди партнёров Битрикса на их официальном сайте.
Дополнение: мобильная версия сайта
Поделюсь секретом. Большинство дизайнеров делают показывают в потфолио сайты, которые идеально выглядят на компьютерах. Но секрет в том, что во многих сферах уже давно доминируют мобильные.
В сервисе Вордстат можно посмотреть, сколько людей в вашей нише пользуются компьютерами, а сколько мобильными.
Вот среди салонов красоты 85% - это мобильные.
Запуск сайта 🎉
Итак, вы создали сайт, что делать далее?
- Регистрируете сайт в Яндекс.Метрике и Яндекс.Вебмастере
- Анонсируете сайт в своих социальных сетях
- Ждёте 2 недели
- Смотрите, какие позиции сайт занял на поисковых системах
- Отталкиваясь от них, начинаете продвижение (добавляете на сайт блог, расширяете количество страниц, работаете с показателем отказов".
Если статья была ценной, то подписывайтесь на блог и ставьте лайк.
Хорошо, что охвачены как бесплатные варианты, так и более продвинутые системы
недавно открыла для себя еще один тулец для сайта за 5 минут https://idpro.ru/ реально только ввести пару фраз о себе и готов сайт-визитка с текстами и красивым дизайном
А покажите, что получилось? я себе создала себе сайт там только что, но то ли я не понимаю, как далее работать, то ли функционал очень ограниченный. Вроде, блоки для создания сайта, но как из добавлять, не понятно. Как домен свой подключить - тоже.
"Вот тут я протестировала конструкторы сайтов с точки зрения данного показателя."
Кто бы ещё протестировал этот гуглосервис на адекватность, заодно с сотрудниками гугла, которые его создавали)) pagespeed - в разное время суток может давать отклонения +/- 20 пунктов по одной и той же странице. возможно конечно, в США перебои с электричеством и интернетом...
Хорошую идею вы мне подкинули - сделать несколько замеров и указывать среднее значение.