Обзор конструктора сайтов Mobirise

Обзор конструктора сайтов Mobirise

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

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

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

Mobirise
  • Бесплатная программа для создания сайтов
  • Есть версии для Windows, Mac и Android
  • Тренировочная площадка для веб-разработки

Плюсы и минусы

Плюсы:
Минусы:
Бесплатная программа для создания сайтов
Большой выбор шаблонов с адаптивным дизайном
Отдельная настройка мобильной версии сайта
Разные способы публикации, в том числе сохранение на локальном диске
Поддержка экспорта/импорта проектов
Хранение истории изменений файлов сайта
Доступ к HTML/CSS (требуется расширение)
Премиум-темы и расширения для добавления дополнительных инструментов
Возможность приобрести все темы и расширения одним пакетом (часто со скидкой)
Сайты получаются однотипными из-за ограниченного редактора
Для обновления сайта нужны его исходные файлы, которые хранятся на компьютере
Для публикации сайта придётся самостоятельно настраивать хостинг
Высокая стоимость шаблонов и расширений

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

Mobirise
  • Большой выбор шаблонов и блоков
  • Возможность редактирования кода HTML/CSS
  • Расширение функциональности дополнениями

Для кого предназначен

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

Главная страница конструктора сайтов Mobirise

Ещё одна возможная сфера применения Mobirise — обучение дизайну. Программа работает на Windows, Mac, Android даже без подключения к интернету. Вы можете в любой момент запустить приложение и накидать интерфейс сайта, а затем сохранить его на локальном диске или экспортировать на другое устройство.

Опытным разработчикам в рамках Mobirise быстро станет скучно. Единственная продвинутая возможность — редактирование кода HTML/CSS.И даже для этого нужно покупать расширение. Создать уникальный дизайн на этом конструкторе не получится. Максимум — стилизовать блоки так, чтобы они не выглядели совсем уж шаблонными.

Mobirise
  • Подходит начинающим разработчикам
  • Использование как тренировочная площадка
  • Есть версии для Windows, Mac и Android

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

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

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

С чего начать

Прежде всего необходимо установить приложение Mobirise на компьютер. У конструктора нет онлайн-версии. Вам нужно скачать установочный файл для Windows или Mac и выполнить инсталляцию программы. Технические требования у приложения демократичные. Например, версия для Windows работает даже на машинах с XP.

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

Mobirise: редактор

Для работы с конструктором нужно авторизоваться. Можно использовать учётную запись Google/Facebook или создать зарегистрироваться по электронной почте.

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

Редактирование сайта

Основа Mobirise — визуальный редактор с поддержкой технологии готовых блоков. Всё, что вы видите на экране, можно изменить. Ненужные блоки — удалить. Тексты — переписать. Фотографии — заменить. Недостающие блоки — добавить.

Интерфейс сайта выстраивается сверху вниз. Разместить рядом два блока не получится — они по умолчанию занимают всю ширину страницы. Это позволяет сохранить адаптивность. Блоки автоматически меняют размер в зависимости от типа устройства.

Mobirise: добавление блока

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

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

В настройках каждой страницы — базовые возможности для поисковой оптимизации. Вы можете:

  1. Задать заголовок и описание страницы. Они будут отображаться в поисковой выдаче по релевантным запросам и привлекать внимание пользователей.
  2. Указать вручную адрес страницы. Например, для раздела с контактами самый логичный URL — contacts.
  3. Установить изображение, которое будет отображаться при публикации ссылки на страницу в соцсетях и мессенджерах.

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

Собственные настройки есть и у сайта. В них вы можете:

  1. Указать имя сайта. Оно нигде не отображается, кроме Mobirise.
  2. Экспортировать сайт и посмотреть историю его изменений.
  3. Выбрать иконку сайта.
  4. Настроить оптимизацию — включить автоматическое изменение размера изображений.
  5. Подключить сервисы аналитики, включить файлы robots.txt и sitemap.xml.
  6. Включить предупреждения о сборе cookies и персональных данных пользователей.

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

Публикация сайта

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

Mobirise: предпросмотр сайта

Если внешний вид сайта устраивает, можно публиковать его в открытом доступе. Есть два варианта:

  • публикация на поддомене Mobirise;
  • загрузка на сервер через FTP.

Первый вариант подходит, если у вас нет оплаченного хостинга и зарегистрированного домена. Вы можете выбрать любое незанятое имя проекта и разместить его в открытом доступе на мощностях Mobirise. Адрес сайта будет иметь вид mysite.mobirisesite.com.

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

У Mobirise есть интересная функция — публикация только изменений. Это удобно, если проект большой. Например, на сервере будут перезаписаны только те файлы, которые вы отредактировали, а не все подряд.

Вы также можете сохранить готовый проект в локальной папке диска. Затем можно перенести его файлы на сервер или на другой компьютер или снова открыть в редакторе и продолжить работу над сайтом.

Ещё одна возможность — экспорт сайта. Это не публикация, а лишь создание копии. Экспортировать проект можно в настройках сайта.

Mobirise
  • Простая установка конструктора на Windows/Mac
  • Создание сайта в визуальном редакторе
  • Разные способы публикации сайта

Функциональные возможности

Mobirise — не самый мощный конструктор сайтов. Однако он предлагает несколько интересных возможностей, которые буду полезными при создании промо-страниц, лендингов и даже интернет-магазинов.

Визуальный редактор

Mobirise: визуальный редактор

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

Поисковая оптимизация

Mobirise: SEO-настройки

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

В общих настройках сайта есть раздел SEO & Analytics. Здесь можно подключить к сайту инструменты аналитики через вставку кода, а также включить использование файлов robots.txt и sitemap.xml. Оба файла настраиваются вручную, то есть вы можете гибко управлять индексацией страниц сайта.

Расширения

Расширения добавляют в Mobirise дополнительные возможности. Вот несколько примеров.

  • Lazy Load — «ленивая загрузка» изображения. Помогает увеличить скорость открытия страницы за счёт того, что картинки подгружаются не все сразу, а по мере необходимости. Если пользователь не доскроллит до изображения, то оно не загрузится.
  • PWA Builder — конструктор прогрессивных веб-приложений.
  • Popup Builder — конструктор всплывающих окон.
  • Form Builder — конструктор форм.
  • Wow Slider — мощный инструмент для создания слайдеров.
  • PayPal Shopping Cart — инструмент для организации онлайн-оплаты на сайте.
  • Code Editor — доступ к коду HTML/CSS.

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

Mobirise
  • Расширение функциональности дополнениями
  • Простое управление SEO-параметрами сайта
  • Быстрое подключение инструментов аналитики

Дизайн и работа с шаблонами

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

Mobirise: темы

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

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

  • Отображение на всю ширину страницы.
  • Показ или скрытие логотипа.
  • Размер логотипа.
  • Показ или скрытие названия сайта.
  • Показ или скрытие пунктов главного меню.
  • Показ или скрытие иконок соцсетей, а также их цвет и размер.
  • Показ или скрытие кастомной кнопки.

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

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

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

Если же вы хотите иметь больше свободы в настройке внешнего вида страниц, то установите расширение Code Editor. Через него вы получите доступ к коду HTML/CSS и сможете заметно изменить любой шаблон.

Mobirise
  • Шаблоны с адаптивным дизайном
  • Более 100 тем для создания сайта
  • Отдельное редактирование мобильной версии

Техническая поддержка

Связаться с представителями Mobirise напрямую можно только по электронной почте. Для решения проблем сервис предлагает использовать Центр поддержки и систему форумов.

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

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

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

Mobirise
  • База знаний с подробными туториалами
  • Активный форум пользователей Mobirise
  • Видеоуроки и подсказки при использовании

Цена: сколько стоит сделать сайт на Mobirise

Скачать программу Mobirise на Windows и Mac можно бесплатно. За создание сайта в редакторе платить тоже ничего не нужно. Бесплатно доступны все блоки и стандартные инструменты конструктора. Зарабатывают разработчики Mobirise на платных темах и расширениях.

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

Стоимость расширения зависит от того, какие задачи он решает. Например, самое недорогое дополнение — Lazy Load (39 долларов). Это расширение для увеличения производительности сайта. После его подключения изображения подгружаются не сразу при открытии страницы, а по мере появления на экране.

Набор иконок можно купить за 49 долларов. Столько же стоят слайдер и подключение конструктора PWA — прогрессивного веб-приложения. Самые дорогие расширения — наборы блоков, поддерживающих технологию AMP (ускоренные мобильные страницы).

Если у вас есть навыки вёрстки, то полезным будет дополнение Code Editor. Оно позволяет переписать HTML/CSS-код сайта.

Разработчики предлагают приобрести все премиум-темы и расширения одним пакетом. Его обычная цена — 4687 долларов. Шаблоны и дополнения предоставляются для неограниченного использования в личных и коммерческих целях.

Стоимость хостинга Bluehost

Если без премиум-тем и расширений можно обойтись, то без хостинга для размещения готового сайта — нет. Для небольшого проекта достаточно виртуального хостинга. Отличный вариант — Bluehost. Это международный хостинг, который гарантирует надёжную работу и не задирает цены. Для размещения сайта, созданного в Mobirise, подходят следующие тарифы:

  • Basic (3,95 доллара) — 1 сайт, 50 ГБ SSD, бесплатный SSL, безлимитная пропускная способность.
  • Plus (5,95 доллара) — неограниченное количество сайтов и места на диске, защита от спама.
  • Choice Plus (6,95 доллара) — возможности тарифа Plus, защита домена и бесплатное сохранение бэкапов в течение 1 года.
  • Pro (13,95 доллара) — возможности тарифа Choice Plus, бесплатное сохранение бэкапов, выделенный IP-адрес.

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

Mobirise
  • Полностью бесплатный конструктор сайтов
  • Подходит любой недорогой хостинг
  • Есть премиум-темы и платные расширения

Вывод: стоит ли делать сайт на Mobirise

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

Использовать Mobirise как инструмент для создания бизнес-проектов — не самый лучший выбор. Да, можно бесплатно опубликовать сайт на поддомене конструктора. Но лучше всё-таки иметь собственный хостинг и домен. Вот только настраивать их придётся самостоятельно. Опять же сразу пропадает вся бесплатность, которая и так достаточно условная. Если тренироваться можно действительно на базовых возможностях, то для создания более или менее конкурентного сайта придётся добавлять расширения — все они платные.

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

Для опытных разработчиков Mobirise не предлагает вообще ничего, кроме доступа к коду HTML/CSS. Но даже такая возможность не позволит создать индивидуальный дизайн — максимум выйдет немного стилизовать блоки.

Как итог — если хотите потренироваться в веб-разработке, то Mobirise станет неплохим полигоном. Для реальной разработки лучше сразу выбрать облачные конструкторы типа uKit или Wix. Там и возможностей больше, и проблем меньше.

» Обзоры » Обзор конструктора сайтов Mobirise