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

10 лучших конструкторов веб-сайтов на 2020 год

Сравниваем конструкторы веб-сайтов, создавая веб-сайт

10 Best Website Builders for 2020

Каждый конструктор веб-сайтов рекламируется как самый простой, быстрый и гибкий. Но какие из них действительно соответствуют этим обещаниям? Я создаю веб-сайты, чтобы на практике увидеть, какие из конструкторов лучшие — чтобы вы не тратили время на то, что вам не подойдет.

Если вы давно пытаетесь найти лучший конструктор веб-сайтов исходя из своих зажач, то вы, наверное, уже видели, что много сервисов говорят о себе, как о самых популярных и надежных. Самый простой и бесплатный конструктор веб-сайтов! Создайте веб-сайт за 3 простых действия! Запустите свой сайт в считанные минуты!

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

Всеми этими вопросами задавался я сам перед началом исследования, и я уверен, что у вас они тоже возникли. Для вашего удобства я протестировал множество конструкторов, чтобы ответить на все наши вопросы.

Я не являюсь веб-дизайнером. У меня есть опыт работы в сфере цифрового маркетинга, если быть точным – SEO, так что я знаю, как веб-сайты должны выглядеть и работать, а также я научился обращать внимание на пользовательский опыт.

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

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

Давайте начнем с краткого описания моих впечатлений от каждого конструктора веб-сайтов.

    • Лучший вариант для полной творческой свободы
    • Более 500 настраиваемых шаблонов
    • Самый интуитивно понятный редактор

    На сайте Wix сказано, что вы с легкостью сможете создать сайт, который хотите, и это правда. Можно менять любые параметры любого элемента на странице при помощи редактора drag-and-drop, а сотни шаблонов дают новичкам вроде меня хороший старт по разметке страниц.

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

    Мне буквально понадобилось сделать по одному клику, чтобы создать странницу блога и добавить приложения из магазина App Market. Здесь есть сотни как платных, так и бесплатных приложений, чтобы добавлять на страницу дополнительные функции. Среди этих приложений как собственные приложения Wix, при помощи которых вы можете добавлять на сайт формы, онлайн-чаты, формы записи на прием, так и популярные инструменты для бизнеса от Google, Amazon и социальных сетей.

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

    • Лучший вариант для новичков и одностраничных сайтов
    • С готовыми шаблонами просто настроить красивый сайт
    • Высокая скорость загрузки сайта

    Иногда кажется, что конструктор SITE123 — это упрощенная версия Wix, что может быть гораздо лучшим вариантом, если вы только начинаете знакомиться с созданием веб-сайтов. Интерфейс этого конструктора веб-сайтов доступен на русском языке, также вы найдете 180 шаблонов, оптимизированных для мобильных устройств и большой выбор приложений, которые расширят функциональность вашего сайта.

    Вместо редактора drag-and-drop SITE123 предлагает редактор point-and-click, то есть вам нужно будет нажимать на кнопки и всплывающие меню, чтобы изменить дизайн сайта в готовом шаблоне. Вы не можете изменить расположение элементов до мельчайших деталей, но вы можете добавлять или перемещать разделы с контентом на свой вкус. Такой редактор также гарантирует, что итоговый дизайн не испортит разметку.

    Пока я тестировал конструктор SITE123, мне пришлось немного дольше посидеть над обучением, чем на других сервисах. Впрочем, как только я научился нескольким ключевым моментам, я смог создать веб-сайт гораздо быстрее, чем в редакторе Wix. Здесь есть несколько отличных автоматических функций, например, иерархическая навигация, автоматическое распределение товаров по категориям в онлайн-магазине и очень простой конструктор формы обратной связи. Благодаря всему этому весь процесс становится гораздо проще.

    • Лучший вариант для сочетания блога и магазина
    • Потрясающие шаблоны и красивый дизайн
    • Пошаговая инструкция, чтобы быстро научиться работать с реактором

    Squarespace — действительно красивый конструктор сайтов, причем как с точки зрения интерфейса, так и сайтов, которые можно в нем создать. Он очень похож на сервис WordPress.com благодаря блочному редактору, разметке навигации между страницами и другим проектным решениям. При этом лично мне опыт создания сайта в Squarespace показался более гладким, чем в Wix, поскольку в самом интерфейсе все элементы визуально более связаны между собой.

    Большинство конструкторов веб-сайтов делают акцент на каком-то типе сайтов — онлайн-магазины или сайты с обычным контентом; конструктор Squarespace отлично справляется с обеими задачами, поэтому это отличный вариант для онлайн-магазина любого размера, владельцы которого также хотят вести свой блог. Вы можете осуществить эту задумку и с другими сервисами, но только у Squarespace есть расширенный набор функций как для одного аспекта сайта, так и для другого, если сравнивать, например, с Wix.

    Сервис Squarespace не имеет бесплатной версии конструктора (при этом здесь есть 14-дневный бесплатный пробный период), но вы сможете получить доступ к большинству важных функций уже на самом дешевом тарифном плане, стоимость которого сильно не отличается от стоимости других конструкторов в этом списке.

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

    Думаю, не нужно представлять сервис WordPress.org, старейший сервис на рынке по управлению контентом и созданию веб-сайтов. WordPress.com — это современная версия сервиса, где услуги представлены в виде тарифных планов. Чтобы пользоваться сервисом WordPress.org, вам нужен собственный хостинг и более углубленные знания в области веб-разработки, а конструктор WordPress.com сделал эту платформу доступной и для начинающих.

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

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

    • Лучший вариант для ресторанов и традиционных магазинов
    • Интеграция с сервисом Square для онлайн и личных покупок
    • Блочный редактор для публикаций в блоге

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

    Во время тестирования обоих конструкторов я сделал вывод, что конструктор онлайн-магазинов Square более продвинутый, особенно для бизнеса, который ведется традиционным способом (не онлайн), уже использует систему Square для онлайн-продаж и не собирается при этом менять или добавлять оператора платежей. Точно так же можно пользоваться системой Square и с другими конструкторами веб-сайтов.

    Классический редактор сайтов (доступен на русском языке) тоже является качественным и простым в использовании инструментом. Процесс работы похож на работу с редакторами Jimdo и SITE123, только здесь меньше возможностей кастомизации. Редактор блога представляет собой простой блочный редактор по типу Squarespace, но и в нем тоже есть ограничения по дизайну. Вы можете добавлять функции для создания онлайн-магазина в классический редактор Weebly, но опыт работы будет не таким гладким, как с оригинальным конструктором Square.

    • Лучший вариант для временных сайтов (например, для организации события)
    • Отличное руководство для начала работы с редактором
    • Самый быстрый конструктор веб-сайтов

    С редактором Jimdo не все так однозначно: вы либо полюбите его с первой минуты (простой, быстрый и симпатичный), либо быстро столкнетесь с ограничением функционала и поймете, что вам нужно гораздо больше. В редакторе Jimdo упрощенные блоки для контента, а также ограниченное количество настроек дизайна, которые вы можете поменять. Мне удалось очень быстро создать сайт, но при этом я не смог изменить все.

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

    Мне кажется, что конструктор Jimdo отлично подойдет для страниц, созданных специально для каких-то событий — типа свадьбы, вечеринки или благотворительного вечера. Владельцы небольшого бизнеса, которым нужно всего несколько страниц с самой важной информацией также могут воспользоваться этим конструктором.

    • Лучший вариант для простого сайта с отличным дизайном
    • Связывает шрифты, чтобы поддерживать единый стиль на сайте
    • Максимально упрощенный редактор страниц

    SimpleSite полностью соответствует своему названию: вы не найдете здесь никаких «наворотов». Это не значит, что конструктор плохой. Это простой и быстрый способ сделать приятный глазу сайт, когда брэндинг не имеет значения, например, портфолио или другой личный сайт. Также интерфейс редактора SimpleSite доступен на русском языке, так что настраивать свой сайт еще проще.

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

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

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

    Редактор онлайн-магазинов здесь самый интуитивно понятный из трех схожих конструкторов в списке. Здесь много возможностей для изменения цветовой схемы, шрифтов и разметки контента в блочном формате. При этом здесь есть неприятные ограничения. Например, нет блока для формы обратной связи (если хотите сделать такую на своем сайте, вам придется добавлять ее через HTML-код). Однако, Volusion — явный фаворит, если основной задачей вашего сайта является эффективная продажа и отслеживание большого объема товаров.

    • Лучший вариант для продаж сразу через несколько платформ
    • Значительные скидки на доставку
    • 1 час бесплатной консультации по дизайну сайта при переходе на платный тарифный план

    Что мне нравится в Shopify, так это то, что вы можете продавать свои товары и услуги не только на самом веб-сайте: можно интегрировать WordPress и другие конструкторы сайтов, и даже продавать на медиаплатформах типа Facebook или Instagram. Если изменится способ продажи ваших товаров и услуг, Shopify позволит вам провести учет всех позиций и переместить их на любую другую платформу в любое время.

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

    • Лучший вариант для крупных онлайн-ретейлеров или прямых поставщиков
    • Нет комиссий за транзакции
    • Качественные функции для управления продукцией

    BigCommerce — отличная платформа для управления и продажи большого объема товаров. Вы можете экспортировать и импортировать любой объем товаров, использовать одни и те же варианты дизайна сразу для нескольких товаров, добавлять фильтры товаров на страницы категорий. Пользователи даже могут оставлять отзывы на товары непосредственно через интерфейс веб-сайта. Здесь также множество полезных функций для онлайн-магазина.

    Если вы хотите создать сайт, где будут не только страницы с описанием товаров, то вскоре процесс станет довольно трудным. Это не самый интуитивно понятный конструктор, и все варианты дизайна станиц, не предназначенных для товаров, на мой взгляд, не очень удачные. Конструктору BigCommerce можно простить многое, если самое важное для вас — эффективное управление продукцией и успех вашего бизнеса.

     

Какие характеристики я искал в лучших конструкторах веб-сайтов

В основу рейтинга легли три основных критерия: удобство использования, гибкость дизайна, стоимость. Другие моменты тоже принимались во внимание, особенно когда разные конструкторы были практически равны. Вот что я подразумевал под каждым из этих критериев.

Конструкторы веб-сайтов, которые не попали в этот список

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

Удобство использования

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

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

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

Гибкость дизайна

Если вы хотите, чтобы ваш сайт выделялся, он не должен выглядеть шаблонным. В любом случае, вам придется начинать с какого-то шаблона, но лучшие конструкторы веб-сайтов предлагают достаточно большой выбор (например, Wix предлагает более 500 шаблонов) и много возможностей для изменения шаблона, чтобы вы могли придумать индивидуальный дизайн или подогнать его под дизайн своего бренда. В частности, конструктор должен предлагать:

  • Достаточный выбор базовых шаблонов
  • Полный контроль над цветовой схемой шаблонов
  • Большой выбор шрифтов
  • Много вариантов разметки страницы и/или блоков

Редакторы сайтов drag-and-drop типа Wix обычно более гибкие, и это отражено в результатах тестирования, но и другие типы редакторов могут предлагать широкие возможности для кастомизации.

Стоимость подписки

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

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

Зачастую (но не всегда) более дорогие тарифные планы предлагают две вещи: большую пропускную способность и объем памяти или доступ к продвинутым функциям для создания онлайн-магазина. Если вы заранее определитесь, что нужно для вашего сайта, то сможете максимально объективно оценить ценность каждого конструктора именно для себя.

Дополнительные критерии оценки

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

Дополнительные возможности могут быть по-настоящему полезными, а не просто яркими пустышками. Вот что я посчитал хорошим преимуществом:

  • SEO-функционал: большинство конструкторов помогут вам оптимизировать самые важные теги типа title и meta description, но некоторые имеют дополнительные технические настройки, например, автоматическая генерация файла robots.txt и карты сайта, что очень вам поможет.
  • Достаточно приложений и возможностей для интеграции: это больше относится к функциональному аспекту сайта, чем к дизайну. Хороший конструктор должен предложить вам возможности, которые могут понадобиться, а в идеале интегрировать другие приложения и системы, которыми вы уже пользуетесь типа MailChimp для рекламных кампаний по электронной почте.
  • Действительно уникальные функции: некоторые конструкторы предлагают выдающиеся функции, которым нельзя найти аналог на других сервисах. Эти функции отмечены в результатах исследования каждого такого конструктора.

Специальный конструктор онлайн-магазинов или обычный конструктор сайтов с функциями для создания магазина?

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

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

Какой конструктор выбрать — зависит от того, какой сайт вам нужен. Если главная ваша цель заключается в том, чтобы продавать свои товары или услуги, то специализированный конструктор даст вам больше вариантов оплаты, с ним будет проще загружать и категорировать новые товары, а иногда у вас даже могут быть скидки на доставку. Вам не обязательно быть крупным ритейлером, чтобы получить выгоду от работы с одним из таких конструкторов. Например, продавцы на Etsy, местные магазинчики и бутики найдут для себя много преимуществ в одном из этих конструкторов.

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

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

Процесс тестирования

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

  • Статическая страница с текстом (страница «Обо мне/компании»)
  • Запись в блоге
  • Фотогалерея
  • Календарь или страница событий
  • Страница с контактами
  • Онлайн-магазин

Также я оцениваю дополнительные возможности:

  • изменять цветовую и шрифтовую схемы
  • добавлять изображения
  • Добавлять видео
  • Создавать формы обратной связи
  • Добавлять кнопки
  • Редактировать меню
  • Обновлять все тексты на сайте
  • тестировать SEO-инструменты

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

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

Я не читал никакие руководства и не смотрел видеоинструкции перед тем, как начать создавать сайты, в разной степени я уже имел представление о работе с этими конструкторами. До этого я уже использовал Wix и WordPress.com, но не интенсивно, а также читал материалы об основных возможностях Squarespace, Weebly и SITE123.

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

Подробные результаты: как каждый конструктор справился с тестированием

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

Я использовал инструмент Google PageSpeed Insights, чтобы узнать, какой конструктор позволяет создавать сайты, которые не только выглядят хорошо, но и оптимизированы для более быстрой загрузки страниц. Я тестировал готовые сайты как на ПК, так и на мобильных устройствах. Результаты я оценивал по стобалльной шкале, где 100 баллов – самый лучший результат.

Бесплатный тарифный планШаблоныОптимизация для мобильных устройствДоступные приложенияСколько времени потребовалось на создание сайтаРезультаты тестирования инструментом Google Page Speed Insights Score (ПК/мобильные устройства)Бесплатное имя домена для платных тарифных плановБесплатный SSL-сертификат
Wix500+300+90 минут65/23
SITE123180+80+60 минут94/48
Squarespace10060+50 минут95/43
WordPress.com250+Тысячи75 минут99/88
Weebly~50350+45 минут58/18Только на 2-ух топовых планах
JimdoNAНет30 минут74/16
SimpleSite12На платном тарифном планеНет35 минут92/54Да, на плане Pro plan
Volusion14Некоторые, не все1475 минут100/85
Shopify644000+45 минут99/63
BigCommerce12750+75 минут89/78

 

№1 Wix: лучший конструктор веб-сайтов в целом

best-website-builders-wix-2
Моя домашняя страница на базе Wix (шаблон Traveler Blog)
КритерийБаллы/количество
Простота использования10/10
Гибкость дизайна10/10
Стоимость подписки9/10
Доступные шаблоны500+
Доступные приложения55 бесплатных/300 всего
Доступен на русском языкеДа

Простота использования

Конструктор веб-сайтов Wix действительно самый простой и интуитивно понятный из тех, которые я тестировал. Все элементы были именно там, где я начинал их искать. На всех этапах работы с конструктором у меня всегда все быстро получалось! У меня так и не возникло потребности обратиться в техподдержку. Я смог сделать половину сайта за 30 минут, а для завершения работы мне потребовалось 75 минут (готовый сайт Wix).

Значительно упрощает процесс работы инструмент на основе ИИ, который называется Wix ADI. Этот мастер настройки задает вам несколько вопросов о целях создания сайта, а затем в течение нескольких минут создает для вас индивидуальную основу. Этот инструмент даже может импортировать контент из ваших социальных сетей, чтобы поддержать общий стиль бренда.

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

При работе с конструктором Wix даже продвинутые технические аспекты создания сайта типа SEO-продвижения становятся проще. Помощник SEO-оптимизации Wix создает для пользователя список оптимизаций, которые основаны на его ответах. Так вы получите своеобразное руководство по самым важным настройкам SEO, и при этом вам не нужно разбираться в том, как это работает. Мне также понравилось, что Wix направляет вас к оптимизации через пункт “Помогите искать свой сайт в Google”, ведь так пользователи с разным уровнем подготовки поймут, что им предстоит сделать.

Wix SEO Wiz checklist
Чек-лист мастера SEO-оптимизации Wix

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

Во многих других конструкторах этот процесс происходит автоматически, так что вам не понадобится дополнительная настройка. Также мой сайт на базе Wix загружался на мобильных устройства довольно медленно, когда я тестировал скорость загрузки страниц.

Гибкость дизайна

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

Wix has dozens of elements and layouts to add to your site
Wix предложит вам десятки вариантов цветовых схем и разметки для сайта

Режим подсказок, встроенный в конструктор, поможет вам разместить шапки страниц, изображения и другие элементы так, чтобы они не выбивались из общей разметки. Иногда мне было трудно добиться того, чтобы редактор drag-and-drop выполнял в точности мои указания, когда я менял высоту и другие параметры элементов, но то, что в итоге получалось, выглядело вполне прилично и не выбивалось из общего дизайна.

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

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

Стоимость тарифных планов

При бесплатной подписке на услуги Wix вы сможете довольно основательно менять дизайн шаблонов, у вас будет доступ к 500+ шаблонам и большой выбор приложений. Вам придется перейти на бизнес-план, если вам нужен будет личный домен, принимать платежи онлайн, а также интегрировать инструмент Google Analytics.

Здесь есть еще 8 тарифных планы, которые разделены на две основных категории: личные и для бизнеса/онлайн-магазина. Существенных различий между этими планами нет. Более дорогие тарифные планы предлагают немного больше места на диске и услугу “VIP-поддержки”.

Другие возможности

Wix предлагает еще несколько выдающихся услуг, которые мне понравились:

  • Онлайн-магазин: интерфейс магазина Wix Store очень простой, у вас всегда будут инструкции о том, как добавлять описание товаров, настраивать варианты доставки и оплаты, а также многое другое.
  • Продвинутые SEO-возможности: кроме мастера SEO–настройки Wix у вас будет доступ к продвинутым настройкам SEO-оптимизации (структурированные данные, URL-ссылки и мета-теги). Так поисковая система Google будет лучше «понимать» ваш сайт в техническом плане, и вам не придется выполнять более трудную техническую работу. Вы также сможете настраивать AMP-страницы, чтобы на мобильных устройствах сайт загружался быстрее.
  • Центр поддержки: во время работы мне не пришлось обращаться в этот раздел, но я все равно заглянул туда и нашел много инструкций, где вы найдете ответы на любые свои вопросы.

№2 SITE123: лучший конструктор сайтов в для начинающих

best-website-builders-site123-2
Главная страница моего сайта на базе SITE123
КритерийБаллы/количество
Простота использования8/10
Гибкость дизайна7/10
Стоимость подписки8/10
Доступные шаблоны180+
Доступные приложения80+
Доступен на русском языкеДа

Простота использования

Редактор SITE123 простой, в нем легко настраивать дизайн страниц… если вы знаете, как он работает. По умолчанию мой сайт состоял из одной страницы, и мне потребовалось целых 20 минут, чтобы понять, как добавить блок; также нужно изменять настройки, чтобы они оставались в меню навигации, а не на домашней странице. Как только я во всем разобрался, мой сайт на базе SITE123 появился очень быстро (где-то в течение часа вместе с 20 минутами исправления ошибок).

SITE123’s interface for adding and reordering pages or sections
Интерфейс редактора SITE123 для добавления и упорядочения страниц или разделов

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

Интерфейс для каждого вида сайта (например, блог и онлайн-магазин) довольно понятный, хоть и не кажется таким же современным, как у Wix или Squarespace, но это не отражается на качестве сайтов, которые можно создавать в этом конструкторе.

Гибкость дизайна

В редакторе SITE123 вы не сможете так же свободно менять параметры элементов, как в Wix, но все еще здесь предостаточно возможностей кастомизации. Для начала здесь есть более 180 шаблонов, а также 14 категорий разметки страниц, включая текст, фотографии, галереи, события и даже заказ столиков в ресторане.

Эти типы страниц можно настраивать дальше, добавляя блоки контента, но у вас будут некоторые ограничения в зависимости от конкретного шаблона. Например, я выбрал шаблон страницы «О компании», но не смог вставить туда видео, как планировал. Я спросил об этом у сотрудника онлайн-чата, и мне ответили, что вставлять видео можно только на определенные виды страниц:

SITE123’s live chat support feature
Окно онлайн-чата техподдержки в редакторе SITE123

Мне пришлось поменять эту страницу на базовую страницу с текстом, отказавшись от предложенных шаблонов страницы «О компании», чтобы все получилось.

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

SITE123 offers dozens of page layouts to help build your site
В редакторе SITE123 вы найдете десятки шаблонов страниц, чтобы создать на их основе свой сайт

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

Стоимость тарифных планов

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

Другие возможности

В редакторе SITE123 вы не найдет много дополнительных функций, но при этом здесь есть все самое необходимое, что предлагают другие конструкторы веб-сайтов, но только в более простом варианте. Вот что я имею в виду:

  • SEO: вы сможете добавлять свое описание к тегу title, мета-описание, подписи к изображениям в теге image alt text. Здесь также есть поле для ключевых слов в мета-описании, но это довольно устаревший прием в SEO, так что это скорее излишество, чем что-то полезное.
  • Онлайн-магазин: вы сможете добавлять тщательное описание товаров, если вы никогда не создавали онлайн-магазин, здесь вам будет просто это сделать. На платном тарифном плане премиум и дороже вы увидите онлайн-магазин среди типов страниц по умолчанию, так что вам не нужно будет устанавливать что-то дополнительно.
  • Одностраничный веб-сайт: с этой функцией у меня возникли проблемы в начале работы с редактором, но если вам нужен именно такой сайт, то конструктор SITE123 точно станет одним из самых простых для создания страницы с разделами и автоматической навигацией по ссылкам между ними по странице. Это отличный вариант для портфолио и резюме или других сайтов, которым достаточно всего одной страницы.

№3 Squarespace: лучший конструктор веб-сайтов для работы с дизайном

best-website-builders-squarespace-2
Домашняя страница моего сайта на базе Squarespace (шаблон Fillmore)
КритерийБаллы/Количество
Простота использования8/10
Гибкость дизайна8/10
Стоимость подписки6/10
Доступные шаблоны~100
Доступные приложения60+
Доступен на русском языкеНет

Простота использования

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

The Squarespace block editor has tons of options for your page layout
Блочный редактор Squarespace предлагает множество вариантов для изменения разметки страницы

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

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

Гибкость дизайна

Squarespace предлагает шаблоны с одним из лучших дизайнов в индустрии, а также они сравнимы по гибкости дизайна с шаблонами WordPress.com. Вы не сможете поменять цвет любого элемента, как в Wix, и у вас будут естественные ограничения любого блочного редактора, но в целом можно изменить многое, и все настроено так, что любое изменения выгладит очень неплохо.

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

Choose your base colors with Squarespace’s color palette designer
Выберите основные цвета при помощи мастера настройки цветовой палитры Squarespace

Вот какие темы сгенерировал редактор на основе этих цветов:

Squarespace generates color combinations for you to use throughout your site
Редактор Squarespace генерирует цветовые сочетания, которые вы сможете использовать на своем сайте

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

Стоимость тарифных планов

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

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

Другие возможности

Сильная сторона редактора Squarespace заключается в дизайне, но есть и другие аспекты, которые стоит отметить:

  • Онлайн-магазин: добавлять товары здесь не так просто, как в других редакторах, но и не сложнее, чем в специализированных конструкторах онлайн-магазинов. Протестировав все эти конструкторы и изучив вопрос о создании онлайн-магазинов, я могу сказать, что чем более придвинутые функции предлагает редактор, тем больше времени займет их изучение. Это справедливо и для инструмента Squarespace.
  • Рекламные кампании по электронной почте: когда вы публикуете пост на своем сайте, благодаря этой функции вы сможете оформить рассылку прямо из него. Это самый простой инструмент для работы с аудиторией по электронной почте — вам не нужно устанавливать никаких приложений, чтобы начать им пользоваться.
  • Другие функции маркетинга: SEO-инструменты здесь довольно стандартные для конструктора онлайн-сайтов, но есть и те, которые выделяются из общей массы. Это возможность интегрировать напрямую Instagram, Facebook и Pinterest, а также редактор URL-ссылок, которые помогут вам отслеживать оплаченные рекламные кампании.

№4 WordPress.com: лучший конструктор для создания блога

My WordPress.com Test Website Homepage
Домашняя страница моего сайта на базе WordPress.com (тема Twenty Twenty)
КритерийБаллы/Количество
Простота использования6/10
Гибкость дизайна8/10
Стоимость подписки9/10
Доступные шаблоны250 бесплатных/тысячи доступно
Доступные приложения~50 тысяч (сторонние)
Доступен на русском языкеДа

Простота использования

Плагин Gutenberg для WordPress.com довольно прост в использовании, если вы уже понимаете, как создавать разметку сайтов при помощи блоков. Вы можете воспользоваться готовым шаблоном, чтобы ускорить настройку дизайна, а также здесь есть десятки разных видов блоков на выбор. Эти блоки разбиты по категориям в соответствии с назначением, так что вам не придется тратить много времени на поиск необходимых элементов.

WordPress.com has dozens of blocks to choose from
В редакторе WordPress.com вы найдете десятки разных блоков

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

На тарифном плане для бизнеса или более дорогих вы сможете установить Elementor (плагин, который позволяет работать с редактором в формате drag-and-drop).

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

Гибкость дизайна

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

WordPress.com’s customizer varies based on your template
Модуль настройки WordPress.com зависит от выбранного вами шаблона

Здесь есть готовые шаблоны, чтобы быстро запустить сайт, но вы также можете начать с пустого шаблона и вставлять блоки в любом порядке. В этом прослеживается хороший баланс между творческой свободой и работой с готовыми решениями: если это ваш первый веб-сайт, то у вас не будет ощущения, что вам вдруг нужно изучить весь курс веб-дизайна. В свою очередь, если вы уже опытный дизайнер, то вы не будете чувствовать себя ограниченными существующими шаблонами.

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

Стоимость тарифных планов

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

Дополнительные функции

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

  • Изображения со стоковой платформы Pexels и других добавляются автоматически
  • Видео можно загрузить на сайт напрямую
  • Много вариантов экспорта/импорта между платформами
  • Самая высокая скорость загрузки сайтов на ПК и мобильных устройствах

№5 Weebly: лучший конструктор веб-сайтов для местного бизнеса

My Weebly test website homepage (e-commerce builder)
Домашняя страница моего веб-сайта на базе Weebly (конструктор онлайн-магазинов)
КритерийБаллы/Количество
Простота использования9/10
Гибкость дизайна5/10
Стоимость подписки9/10
Доступные шаблоны50
Доступные приложения350+
Доступен на русском языкеДа

Когда я начал работу над своим тестовым веб-сайтом, в первую очередь мне нужно было выбрать назначение сайта: обычный сайт с контентом или сайт с онлайн-магазином. Я выбрал вариант с онлайн-магазином и со временем узнал, что в этом случае в шаблоне не будет возможности сделать блог (недостаток, оставшийся от слияния с Square). Я мог добавить блог в виде RSS-ленты, создавать отдельные страницы с постами, но в инструментах для управления именно блогом в редакторе не было.

Если выбрать стандартный вариант (без магазина), то вы получите доступ к классической версии редактора Weebly. Я создал тестовые сайты при помощи обоих редакторов, чтобы проанализировать разницу между ними, и поэтому получил разные результаты.

Простота использования

Конструктор онлайн-магазинов Weebly от Square
Конструктор онлайн-магазинов Weebly очень просто использовать, следуя указаниям мастера настройки, похожего на Jimdo и SITE123. Здесь также вы сможете выбирать из готовых разметок и вносить изменения через боковую панель меню. Можно переключать ползунки настроек некоторых элементов, так что сохраняется цельность оригинального шаблона при том, что вы вносите собственные изменения.

Toggle section elements on and off in the Weebly e-commerce builder sidebar
Добавляйте/удаляйте элементы на страницу при помощи ползунков на панели меню конструктора онлайн-магазинов Weebly

Вы сможете получить дополнительные возможности онлайн-магазина, выполнив настройки в простом интерфейсе реактора. Работая над своим онлайн-магазином в редакторе Weebly, я обнаружил, что можно быстро добавлять новые товары по названию, описанию и изображению или перейти к более продвинутым настройкам и создавать категории, работать с SEO и многими другими инструментами.

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

Классический конструктор сайтов Weebly
Этим конструктором было намного сложнее пользоваться, чем предыдущим. По функциональности он напоминает Squarespace, но предлагает меньше возможностей. Вы можете добавлять в проект преднастроенную разметку, чтобы не начинать с нуля, но при этом вам придется вручную удалять каждый элемент выбранного шаблона на самой странице, а не просто включать/выключать их при помощи ползунков на панели управления. Поэтому процесс работы над тестовым сайтом на базе Weebly протекал дольше, чем мне хотелось бы.

Мне особенно понравилось, что блочный редактор также работает и с постами в блоге, так что дизайн постов довольно гибкий. Что мне не понравилось: для некоторых действий (например, когда нужно изменить стиль шрифта или добавить товары) вам приходится перейти в отдельное меню или интерфейс, и это занимает гораздо больше времени, чем действия в конструкторе онлайн-магазинов этой платформы.

Font customization sidebar in the classic Weebly editor
Панель настроек для изменения шрифтов в классическом редакторе Weebly

Гибкость дизайна

Конструктор онлайн–магазинов Weebly от Square
В целом, возможности дизайна здесь ограничены. Здесь меньше цветов, шрифтов и шаблонов, чем в других конструкторах веб-сайтов (и даже если сравнивать с классическим редактором Weebly). Несмотря на то, что вы можете добавлять/отключать при помощи ползунков некоторые элементы разметки, у вас будет мало возможностей что-то поменять.

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

Site design options for the e-commerce builder
Возможности дизайна страницы в конструкторе онлайн-сайтов

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

Стоимость подписки

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

№6 Jimdo: лучший конструктор веб-сайтов на базе ИИ

My Jimdo test website homepage
Домашняя страница моего сайта на базе Jimdo
КритерийБаллы/Количество
Простота использования8/10
Гибкость дизайна5/10
Стоимость подписки4/10
Доступные шаблоныНет: сайт генерируется на основе ваших ответов
Доступные приложениянет
Доступен на русском языкеНет

Простота использования

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

Это было самое продуманное начало работы над сайтом из всех конструкторов, поскольку некоторые первые шаги были уже сделаны за меня (например, выбраны цвета и добавлены все нужные страницы). Это гораздо приятнее, чем иметь набор инструкций, которым нужно следовать, чтобы получить минимальный результат.

Jimdo prefills your website with pages, colors, and more based on your goals and needs
Редактор Jimdo наполняет за вас сайт нужными страницами, выбирает цвета и делает многое другое в соответствии с вашими целями и потребностями

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

Интерфейс редактора зависит от типа сайта, который вы хотите сделать. Если вы не представляете себе четкую цель заранее, вы можете позднее не найти нужный функционал. Так, я не смог добавить на первый тестовый сайт блог (редактор Dolphin), поэтому провел дополнительное тестирование и обнаружил, что, выбирая изначально тип сайта “блог”, вы сможете добавить на него онлайн-магазин и другие функции, но не сможете добавить на сайт блог, если выберете тип сайта «веб-сайт» или «магазин».

Jimdo Dolphin можно смело назвать самым быстрым конструктором веб-сайтов: все, что вы видите на моем тестовом сайте на базе Jimdo, я сделал где-то за 30 минут. Конечно, я потратил потом еще время, чтобы понять, как добавить блог, но если разобраться во всем заранее, то сайт можно сделать очень быстро.

Гибкость дизайна

Редактор Jimdo Dolphin похож на Squarespace тем, что дает вам выбрать основные цвета и шрифты, а затем на основе этого выбора генерирует стиль, который вы можете использовать на всех страницах сайта. Так процесс создания сайта становится проще, быстрее и сам результат выглядит более эстетично, но также это означает, что у вас не будет так же много вариантов на выбор, как при работе с конструктором Wix.

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

Jimdo’s color palette creator automatically generates color groupings
Конструктор цветовой схемы сайта Jmdo автоматически генерирует подборки цветов

Доступные для выбора блоки больше похожи на разные разметки, чем на блочные элементы, которые вы найдете в редакторах WordPress.com и Squarespace. Можно добавлять или удалять элементы из определенных блоков, но изменения, которые можно внести, здесь ограничены.

You can toggle page elements on and off in Jimdo’s Dolphin editor
Можно добавлять/удалять элементы на странице при помощи ползунков в редакторе Jimdo Dolphin

Я не проводил полноценное тестирование редактора Jimdo Creator, только попробовал создать шаблон сайта, базовым элементом которого является блог. Для этого мне нужно было выбрать один из предложенных вариантов разметки. Настройки для изменения дизайна, которые я быстро просмотрел, показались мне достаточно гибкими.

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

Стоимость тарифных планов

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

Другие возможности

В редакторах Jimdo вы не найдете много ярких дополнений, но есть пара функций, о которых стоит рассказать:

  • Генератор юридических текстов: при подписке на неограниченный тарифный план вы можете воспользоваться редактором юридических текстов, чтобы быстро составлять политику конфиденциальности и другие схожие документы, приводя тем самым свой сайт к нормам GDPR (Общего регламента по защите данных ЕС) и других регламентирующих документов.
  • Автоматическая SEO-оптимизация: разработчики Jimdo заявляют, что редактор выполнит все необходимые настройки SEO за вас, но не так-то просто увидеть эти изменения и их причины. «Оптимизированные» мета-описания – всего лишь добавляют названия сайта в название страниц, и это трудно назвать действенной SEO-стратегией.
Jimdo’s automatic SEO checklist
Автоматический чек-лист SEO-оптимизации от Jimdo

№7 SimpleSite: лучший конструктор для маленьких веб-сайтов

My SimpleSite test website homepage
Домашняя страница моего тестового сайта на базе SimpleSite
КритерийБаллы/количество
Простота использования5/10
Гибкость дизайна2/10
Стоимость подписки3/10
Доступные шаблоны12
Доступные приложениянет
Доступен на русском языкеДа

Простота использования

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

SimpleSite’s pop-up editor for a homepage section
Редактирование домашней страницы в конструкторе SimpleSite

Гибкость дизайна

При бесплатной подписке вы получите самый минимум возможностей для изменения дизайна. Вы можете выбирать из заданных шрифтов и цветовых схем, но не можете их редактировать. Есть только несколько шаблонов разметки. При этом у вас будет доступ к разделителям, что я видел только в блочных редакторах WordPress.com и Squarespace.

В премиум-плане больше инструментов дизайна, но из-за ошибки при оплате услуг на сервисе SimpleSite я не смог их протестировать.

Стоимость подписки

Конструктор SimpleSite кажется более дорогим, чем другие. Вам придется платить за неограниченные возможности изменения дизайна, которые вы получите бесплатно с Wix и несколькими другими конструкторами. В более дорогих пакетах услуг нет никаких особых дополнений типа аналитики или SEO-инструментов, и самый популярный месячный тарифный план дороже среднего.

Сервис предложил мне купить подписку на план Pro всего за 1$, но я не смог его протестировать и ничего не могу сказать о качестве услуг.

№8 Volusion: лучший конструктор для крупных онлайн-магазинов

My Volusion test website homepage
Домашняя страница моего тестового сайта на базе Volusion (тема Portland 1845)
КритерийБаллы/количество
Простота использования6/10
Гибкость дизайна9/10
Стоимость подписки7/10
Доступные шаблоны14
Доступные приложения14
Доступен на русском языкеНет

Простота использования

Мне нравится многое в конструкторе веб-сайтов Volusion: в панели меню просто ориентироваться и работать, процесс добавления товаров прямолинейный, но продуманный, просто отслеживать заказы, проводить инвентаризацию и многое другое. Каждый пункт меню на панели управления обозначен своим цветом и уникальным изображением, поэтому интерфейс визуально привлекательный и в нем легко ориентироваться.

Пока я работал над своим сайтом на базе Volusion, возникло несколько трудностей. В редакторе Volusion нет встроенных функций для управления блогом, так что вам придется интегрировать систему из WordPress или другой платформы, которая работает с блогами. В теории все было достаточно просто, а на практике оказалось не без подводных камней (например, нужно убирать “https://” в начале ссылки на страницы блога).

Вы также не сможете напрямую добавить форму обратной связи, что мне показалось абсурдным. Я спросил у сотрудников техподдержки об этом в онлайн-чате и получил ответ, что форму можно попробовать добавить при помощи HTML-кода, но они не были точно в этом уверены. В целом техподдержка была быстрой и информативной, но все же очень неудобно, что нужно лезть в технические дебри, чтобы добавить на свой сайт такую стандартную для конструкторов функцию (тем более столь важную для онлайн-магазина).

Live chat support’s response to adding a contact form
Ответ сотрудника техподдержки о том, как добавить форму обратной связи

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

Гибкость дизайна

Редактор Volusion предлагает много возможностей дизайна страниц, которые можно сравнивать с лучшими конструкторами в этом списке. Можно полностью самостоятельно подобрать цветовую палитру. Здесь небольшой, но достаточный выбор блоков с контентом, а также вы можете редактировать разметку блоков по умолчанию, сохранять изменения и использовать их где-то еще на своем сайте. Здесь много инструментов для «тонкой» настройки каждого блока, с простым выпадающим меню или ползунками, которые можно перемещать в два положения.

Categories of block layout options in the Volusion editor
Категории разметки блоков в редакторе Volusion

Функции для создания онлайн-магазина

Интерфейс для редактирования онлайн-магазина конструктора Volusion яркий и довольно понятный. У вас будет пошаговая инструкция по добавлению на сайт и занесению в свою категорию каждого товара, инвентаризации товаров и управлению заказами. Каждый этап работы плавно перетекает в следующий. Это также самая простая система для отслеживания вариаций товаров, так как разные варианты одного и того же товара будут автоматически скомбинированы и оформлены в список, из которого вы сможете их отслеживать.

Volusion’s product interface automatically generates variant combinations
Интерфейс управления товарами Volusion автоматически составляет списки вариантов одного товара

Стоимость подписки

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

№9 Shopify: лучшее соотношение цены и качества для онлайн-магазинов

My Shopify website homepage
Домашняя страница моего сайта на базе Shopify
КритерийБаллы/количество
Простота использования7/10
Гибкость дизайна7/10
Стоимость подписки7/10
Доступные шаблоны8 бесплатных/64 платных
Доступные приложения4000+
Доступен на русском языкеНет

Простота использования

Shopify предлагает много простых в использовании функций, но стиль редактора меняется в зависимости от того, над чем вы работаете, и это не очень удобно. Редактор домашней страницы блочный, как у SITE123 и Jimdo, но каждая другая страница редактируется в текстовом формате, который напоминает редактор WordPress до системы Gutenberg.

Shopify page editor
Редактор страниц Shopify

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

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

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

Гибкость дизайна

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

Функции для управления онлайн-магазином

Возможности для онлайн-магазинов на базе Shopify также пригодятся и традиционным ритейлерам: здесь можно добавлять местоположение точек, вести инвентаризацию товаров для каждого магазина и транспортировку товаров из/до указанного местоположения.

Shopify’s inventory tracking layout
Шаблон инвентаризации товаров Shopify

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

Стоимость тарифных планов

Все конструкторы онлайн-магазинов имеют схожую ценовую линейку, но Shopify предложит вам немного больше возможностей за ваши деньги (здесь также есть бесплатный пробный период). Вы получите большие скидки на доставку товаров, возможность добавлять на сайт карту магазинов и некоторые другие приятные бонусы за ту же цену, что и у Volusion.

№10 BigCommerce: лучший конструктор онлайн-магазинов для управления большим объемом товаров

best-website-builders-bigcommerce-2
Домашняя страница моего тестового сайта на базе BigCommerce (тема Cornerstone Bold)
КритерийБаллы/количество
Простота использования4/10
Гибкость дизайна7/10
Стоимость подписки7/10
Доступные шаблоны12
Доступные приложения750+
Доступен на русском языкеНет

Конструктор BigCommerce — самый сложный из конструкторов онлайн-магазинов в этом списке. Инструментами для управления товарами довольно просто пользоваться, но постоянно переключаться между списками товаров и редактором сайта очень долго. Кроме того, не всегда очевидно, что нужно сделать.

Здесь также два разных редактора страниц: один для текстового контента и основных настроек, а другой — блочный редактор типа SITE123. Единственный способ, при помощи которого можно переключиться на блочный редактор, это нажать на пункт меню “customize theme” (настроить тему), и лично для меня это очень нелогично. Как только вы откроете до редактор сайта, вы увидите, что в нем достаточно просто работать, все функции для настройки дизайна четко обозначены и подписаны.

Editor sidebar for a homepage element
Панель управления редактора домашней страницы

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

Partial view of BigCommerce’s product information fields
Часть полей данных о товаре в редакторе BigCommerce

Гибкость дизайна

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

BigCommerce global theme customization options
Варианты настройки дизайна темы от BigCommerce

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

Функции для управления онлайн-магазином

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

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

Стоимость тарифных планов

Линейка тарифных планов здесь очень похожа на другие конструкторы онлайн-магазинов из списка. Тарифные планы BigCommerce больше всего отличаются друг от друга среди конструкторов в этой подборке, при этом самые полезные функции (например, фильтр для товаров) доступны только в дорогих подписках. Если ваша задача состоит в том, чтобы управлять большим объемом товаров и обеспечить наилучший опыт работы с сайтом для клиентов, то BigCommerce стоит своих денег. Вы сможете воспользоваться 15-дневным бесплатным пробным периодом, чтобы протестировать сервис.

Что я узнал и что меня удивило

Перед тем, как заняться этим проектом, я и не думал, насколько могут отличаться друг от друга разные конструкторы веб-сайтов. Эти тесты показали мне, что границы здесь очень широки, и вам нужно очень тщательно подбирать конструктор, чтобы обеспечить наилучший опыт как себе (разработчику), так и посетителям своего будущего сайта.

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

Протестировав такое количество конструкторов, в каждом из которых я действительно создавал свой сайт, я могу дать следующие советы:

  • Определитесь с целями до того, как начнете делать сайт. Вы хотите продавать товары или просто вести блог? А может, и то и другое? Это поможет вам подобрать нужный конструктор, поскольку каждый из них обладает разными преимуществами. Если вы не уверены, выбирайте более гибкий конструктор.
  • Дешевые (или бесплатные) варианты далеко не всегда лучше. Некоторые конструкторы веб-сайтов могут предложить отличные тарифные планы а плане соотношения цены и возможностей, но в целом, вы всегда получаете то, за что платите. У вас и у посетителей вашего сайта опыт будет лучше, если вы готовы заплатить за хороший тарифный план.
  • Нет ничего страшного в том, чтобы воспользоваться готовым шаблоном. Многие конструкторы веб-сайтов предлагают пользователям практически неограниченную свободу менять дизайн, но если вы не профессионал, то рискуете испортить весь внешний вид. Если вы трезво оцениваете свои возможности, и знаете, что не очень разбираетесь в дизайне, то выбрать конструктор с подробными инструкциями типа Squarespace, будет наилучшим решением.

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

ЧаВо

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

Если нанять профессионального разработчика, то вы заплатите больше за его время и опыт (хотя вы можете воспользоваться платформой Fiverr, чтобы найти недорогие предложения), но при этом вы получите потрясающий профессиональный и уникальный дизайн.

Лучший бесплатный конструктор веб-сайтов?
Не все бесплатные версии конструкторов веб-сайтов предлагают одинаковые возможности: некоторые ограничивают количество страниц на веб-сайте до одной (!), а другие ограничивают лишь место на диске для вашего сайта. Почти все бесплатные сервисы будут размещать рекламу на вашем сайте. Прочитайте наш рейтинг лучших бесплатных конструкторов веб-сайтов, чтобы найти лучший вариант для себя.
Сколько стоит подписка на конструктор веб-сайтов?
Ценовая линейка услуг довольно широкая, все зависит от уровня самого тарифного плана и его функционала. Во время моего исследования цены варьировалось от 4$ за подписку для создания личного сайта до 50$ и выше за подписку на премиум-план для бизнеса. Есть также тарифные планы для крупных компаний, которые стоят сотни долларов в месяц.

В целом, самые популярные тарифные планы стоят 12-25$ в месяц, если вы купите сразу подписку на год. В целом, если заплатить за год и больше, вы всегда сэкономите деньги, но первоначально вам нужно будет заплатить больше.

Не пропустите наше руководство по стоимости тарифных планов Wix.

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

Если у вас нет необходимости в личном домене, то все будет зависеть от потребностей вашего сайта и конструктора, который вы выбрали. Как только ваш сайт потребует больших возможностей, чем предлагает бесплатная версия сервиса, вам стоит переходить на платный тарифный план: например, вам нужно больше 5 страниц для сайта на базе Jimdo или больше места на диске, чем есть у бесплатных подписчиков сервиса Wix (500 Мб).

Что такое конструктор типа drag-and-drop?
Так называется принцип работы редактора, когда вы можете свободно перемещать любые элементы шаблона по странице, просто нажав на них кнопкой мыши и перетащив курсором в любое место. Такому редактору противопоставляется блочный, в котором у вас будет больше возможностей добавлять/удалять элементы страницы на определенное место.
Как и где получить имя домена?
Большинство конструкторов веб-сайтов предлагают бесплатное имя домена, если оформить платную годовую подписку, и это самый простой способ получить имя домена. Вы также можете получить имя домена в регистраторе доменных имен провайдеров веб-хостинга. Прочитайте наше отдельное руководство по выбору имени домена, если вам нужна дополнительная помощь.
Оцените эту статью
4.9 Проголосовало 16 пользователей

Как здорово, что вам понравилось!

Поделитесь с друзьями!