img
img
25 апреля 2022
25 апреля 2022
8 мин
158

На какой платформе создать сайт: обзор лучших конструкторов

Разбираем плюсы и минусы Wix, Site123 и еще четырех платформ.

img

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

Как работают конструкторы сайтов

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

Дальше создатель сайта выбирает типы блоков. Например, форма регистрации, каталог товаров. Определяет цвета, наполняет блоки текстом, добавляет иллюстрации, таблицы и другие элементы. То есть в прямом смысле собирает конструктор: как домик из деталей LEGO.

«Можно провести аналогию с мебелью. Сайт в конструкторе по шаблону — это функционально, красиво, удобно и недорого — как IKEA. А можно потратить время и деньги, нанять дизайнера, который нарисует эскиз, подберет материалы, особую фурнитуру. Это как заказать разработку сайта с нуля. Будет дольше, дороже, но на 100% уникально»

Мария Жаренкова дизайнер-фрилансер с опытом более десяти лет

Алгоритм создания сайта в конструкторе

🚀 Регистрация. Выберите платформу и зарегистрируйтесь. В одних конструкторах достаточно авторизоваться через почту или соцсеть. Другим понадобятся дополнительные данные, например сфера деятельности. Могут спросить, делаете сайт для бизнеса или для себя. Но по такой информации сервису будет проще подобрать шаблон с подходящими блоками. 

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

🚀 Контент. Прежде чем оформлять страницы, пропишите текст. Так поймете, какие блоки нужны. Например, преимущества, услуги, акции, этапы работы. Пишите немного, по делу и с пользой для читателя: используйте информационный стиль. Убирайте длинные перечисления, оценочные слова, штампы и канцеляризмы. Такие лишние слова найдутся с помощью сервиса glvrd.ru.

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

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

SEO-оптимизация сайта с Тильды

Примеры URL от Tilda

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

🚀 Домен, SSL, HTTPS. У страницы, которую делают на бесплатном тарифе конструктора, будет служебный адрес. Например, http://project1234.tilda.ws. Но вы можете купить домен или подключить платный тариф конструктора: домен часто входит в цену. Тогда у вас будет адрес с вашим брендом. 

Еще нужен сертификат SSL, чтобы защитить персональные данные пользователей:  пароли, кредитные карты. Убедитесь, что такой сертификат есть в тарифе.

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

🚀 Публикация и индексация. До публикации сайт не показывают поисковики. После же роботы индексируют страницу, то есть выдают ее на запросы пользователей. Иногда добавлять сайт нужно самим, например в настройках выбирать «Яндекс.Вебмастер», Google Search Console.

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

Wix

Плюсы:

➕ более 500 шаблонов — всё можно менять под свой стиль; 

➕ платформа может создать сайт сама — достаточно указать сферу и ответить на несколько вопросов;

➕ доступны более 250 виджетов: блок отзывов, конструктор форм, карты гугл, чаты мессенджеров;

➕ автоматическая индексация поисковыми системами — настройте метатеги страницы, часть URL-адреса, структурированные данные, файлы robots.txt;

➕ круглосуточная техподдержка.

Пример дизайна сайтов на Wix

Примеры сайтов на Wix

Минусы:

➖ когда выберете шаблон, поменять его будет нельзя;

➖ непростая админка — новичку будет сложно разобраться, как управлять сайтом.

💸 Стоимость. Шаблоны, виджеты и прочее для сайта — бесплатно. Персональный домен — 90 ₽/месяц, но будет реклама Wix. Сайт без рекламы, с пространством для изображений, видео, аудио и документов от 3 Гб стоит от 150 ₽ в месяц.

Tilda

Плюсы:

➕ более 550 блоков: полноэкранные обложки, фотогалереи, блоки услуг и преимуществ, фоновые видео, заявки и обратный звонок;

➕ есть Zero Block — графический редактор для дизайнеров, чтобы создавать полностью уникальные страницы, а не менять шаблоны;

➕ много способов приема платежей для интернет-магазина — Robokassa, «Сбер», «Тинькофф»;

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

➕ вебмастер проверяет сайт на ошибки и подсказывает, как улучшить настройки SEO. Например, укажет, что не задан тег h1.

Пример дизайна сайтов на Тильде

Примеры сайтов на Tilda

Минусы:

➖ свой домен бесплатный только на годовом тарифе — если захотите платить помесячно, за домен нужно будет доплатить;

➖ адаптацию Zero-блока делают вручную, иначе сайт будет искажаться на разных устройствах;

➖ сложно настроить фильтры товаров для онлайн-магазина.

💸 Стоимость. Бесплатно создадите один сайт, входит 50 страниц. Но не сможете подключить свой домен: в адресе будет tilda.ws. Персональный тариф за 500 ₽ в месяц при оплате на год уже включает свой домен, статистику, счетчики Google Analytics, «Яндекс.Метрики», вебмастера. На сайте можно разместить до 500 страниц. 

Тариф для бизнеса за 1000 ₽ в месяц позволит создать пять сайтов. Сможете экспортировать исходный код. Допустим, если хотите разместить сайт на своем хостинге или основной функционал Tilda вас устраивает, но нужно доработать с программистом.

Webflow

Плюсы:

➕ около 40 бесплатных шаблонов, в том числе для корпоративных порталов, блогов;

➕ возможно настраивать шрифты и фоны, адаптировать сайт под свой фирменный стиль; 

➕ сможете дорабатывать сайт с программистом, если встроенного функционала не хватит: платформа поддерживает вставку своего кода;

➕ страницы быстро загружаются благодаря чистому коду;

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

Пример дизайна сайтов в Webflow

Примеры сайтов на Webflow

Минусы:

➖ рассчитан не на новичков, без знаний HTML и CSS будет сложно разобраться;

➖ нет интерфейса на русском;

➖ сложные тарифы со множеством ограничений, цена в долларах.

💸 Стоимость. На бесплатном аккаунте создадите два сайта. Базовый тариф со своим доменом, сертификатом безопасности, 100 статическими страницами стоит $12 в месяц. Если разрабатываете интернет-магазин, то $29.

Nethouse

Плюсы:

➕ есть шаблоны для интернет-магазина, сайта компании, лендинга, визитки, портфолио, блога;

➕ 30 готовых шаблонов разных тематик: детские товары, электроника, юридические услуги, установка окон, грузоперевозки, салоны красоты;

➕ простое управление — не нужны знания веб-разработки;

➕ основные настройки уже прописаны по умолчанию, можно менять метатеги страниц и robots.txt;

➕ доступна синхронизация с сервисами учета по типу 1С.

Пример дизайна сайтов в Nethouse

Примеры сайтов на Nethouse

Минусы:

➖ вариантов шаблона лендингов немного, поэтому они получаются типовыми;

➖ не все шаблоны автоматически подстраиваются под экраны телефонов;

➖ есть ограничения на количество товаров даже на платных тарифах. 

💸 Стоимость. На бесплатном тарифе создадите страницу с доменом вида vashsite.nethouse.ru. Еще из ограничений: 20 фото в галерее и 5 товаров в каталоге. Платные тарифы: 320 ₽ в месяц для лендингов, 680 ₽ для интернет-магазинов, если оплачиваете за год. Помесячно — дороже.

Site123

Плюсы:

➕ простой интерфейс — выбирайте подходящий макет и меняйте контент, порядок блоков, убирайте лишние;

➕ функционал подстраивается под тематику — если это блок с ценами, то к нему привяжутся системы оплаты;

➕ элементы сами адаптируются под смартфоны, самостоятельно можно настроить опции прогрессивных веб-приложений;

➕ допустимо менять тип — например, начать делать резюме, а затем поменять на блог;

➕ SEO-советник — управляйте метатегами, настраивайте редиректы.

Пример дизайна сайтов в Site123

Примеры сайтов на Site123

Минусы:

➖ возможности редактуры сильно ограничены: можно только менять цвет, шрифт, картинки, текст;

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

💸 Стоимость. Бесплатно, но если захотите свой домен и 10 Гб памяти вместо 250 Мб, заплатите $7,8 за месяц.

UKit

Плюсы:

➕ рассчитан на новичков — легко менять шаблоны, перетаскивать элементы из библиотеки на страницу;

➕ сайт получится создать прямо из профиля компании во ВКонтакте;

➕ есть возможность добавить виджеты, например поисковые строки от яндекса и гугла, кнопки мессенджеров и соцсетей;

➕ допустимы свои шрифты и фирменные цвета;

➕ встроенный мастер проверит сайт для SEO — оценит контент, метатеги, виджеты, домен.

Пример дизайна сайтов в uKit на

Примеры шаблонов uKit

Минусы:

➖ бесплатно только 14 дней;

➖ оплата в долларах.

💸 Стоимость. От $9 помесячно. Интернет-магазин с корзиной и оплатой на сайте — $13. Если оплачиваете два года сразу — от $4,5.

Главное о конструкторах сайтов

  • Основной плюс бесплатных платформ для создания сайтов — возможность обойтись без программиста, сэкономить время и деньги. Часть платформ требуют знаний дизайна, верстки, HTML, но зато позволяют сделать уникальные страницы. На других создать сайт почти так же просто, как заполнить профиль в соцсети. Но он получится довольно типовым. 
  • Создать сайт в конструкторе можно и бесплатно. Но за отдельные опции придется платить. Например, свой домен нужно покупать отдельно или выбирать платный тариф. 
  • Во многих конструкторах место на сервере ограничено: 1 Гб. Этого достаточно для небольших сайтов малого бизнеса. Крупным компаниям с многостраничниками придется переносить сайт на другой хостинг.
  • Если же возможностей платформ недостаточно, изучите HTML и CSS на курсе «Веб-разработчик» Skypro. Наставники — практикующие веб-разработчики крупных компаний. Создадите под их контролем интернет-магазин мебели, игру и еще пять проектов.
img
Подпишитесь на рассылку, чтобы Не упустить что-нибудь новое
Просто и понятно о том, как получить новую профессию


    Дадим нужные знания и поможем получить работу!
    Регистрируйтесь на курс и учитесь у экспертов-практиков.
    Профессия
    за 3 месяца
    Веб-дизайнер

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

    3 085 ₽/мес.
    4 059 ₽/мес.
    Ещё по теме
    UX/UI-дизайн: что это и в чём разница

    UX — функционал интерфейса, UI ― его внешний вид

    15 июня 2022
    7 мин
    Как выбрать графический планшет

    Решите, зачем вам нужен планшет. От этого зависят вид устройства, размер и цена.

    15 июня 2022
    12 мин
    Что такое мудборд, для чего он дизайнеру и как его создать

    Мудборд помогает определить и визуализировать концепцию, уточнить ТЗ.

    18 апреля 2022
    9 мин
    Кто такой веб-дизайнер, чем занимается и как им стать

    Средняя зарплата веб-дизайнера — 86 341 ₽. На доход влияют опыт и регион.

    18 апреля 2022
    7 мин
    Что такое Figma и как с ней работать

    В Figma делают прототипы, интерфейсы, векторную графику, презентации.

    16 апреля 2022
    9 мин
    Как оформить красивую презентацию

    Презентации оформляют не только в PowerPoint: подойдут сервисы Canva, Prezi и другие.

    16 апреля 2022
    8 мин
    Как сделать красивый дизайн сайта

    Типичные ошибки: перегрузить сайт, использовать устаревшие эффекты.

    16 апреля 2022
    8 мин
    Графический дизайнер: кто это, чем занимается и как им стать

    Графический дизайнер передает цели и задачи бизнеса через визуальные элементы.

    13 апреля 2022
    9 мин
    Это реально: из философа — в дизайнера интерфейсов

    История о том, как решиться освоить профессию с нуля и справиться с трудностями.

    Что такое портфолио и как его правильно заполнить

    Портфолио нужно дизайнерам, копирайтерам, программистам, маркетологам.

    24 февраля 2022
    8 мин
    Что такое Trello и как им пользоваться

    Trello подойдет малому бизнесу, стартапам и фрилансерам с небольшими проектами.

    24 февраля 2022
    7 мин
    Что такое референсы и где их искать

    Референсы нужны, чтобы на примерах чужих работ продумать и согласовать идею.

    24 февраля 2022
    6 мин
    kralbetbetturkeyikimislibahis1xbetm.infohipas.infohttps://www.wiibet.com/restbetcdn.com
    Вставить формулу как
    Блок
    Строка
    Дополнительные настройки
    Цвет формулы
    Цвет текста
    #333333
    Используйте LaTeX для набора формулы
    Предпросмотр
    \({}\)
    Формула не набрана
    Вставить