Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

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

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

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

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

Плюсы:

✔ Быстрое создание сайта из страницы во «ВКонтакте» или на Facebook.
✔ Большая база шаблонов, выполненных профессионалами.
✔ Интеграция со сторонними сервисами: CRM, системами аналитики, онлайн-консультантами.
✔ Система подсказок для подготовки сайта к публикации и поисковому продвижению.
✔ Автоматическая адаптация страниц под разные экраны и возможность вручную настроить разные версии сайта: мобильную, планшетную, десктопную.
✔ Встроенные инструменты для электронной коммерции и простое подключение витрины Ecwid.
✔ Бесплатный SSL.
✔ Хорошая техническая поддержка, доступная круглосуточно.
✔ Высокая скорость загрузки страниц благодаря отличной технической оптимизации движка.
✔ Нет ограничений по количеству страниц, по трафику или по занимаемому месту на сервере.

Минусы:

✘ Ограниченные инструменты кастомизации. На uKit нельзя создать уникальный дизайн, максимум — сильно отредактировать один из шаблонов. ✘ Некоторые шаблоны выглядят однотипными и устаревшими.
✘ Слабые возможности модуля интернет-магазина (подходит только для очень простых проектов).
✘ Доступ к вставке своего HTML-кода появляется только на максимальном тарифе.

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

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

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

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

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

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

С чего начать

Работа в конструкторе начинается с регистрации на uKit. Вы можете создать аккаунт с помощью электронной почты или авторизоваться через профили в других сервисах: «ВКонтакте», Facebook, Яндекс, Google, «Одноклассники», Disqus, Linkedin, uID.me.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Если у вас есть группа «ВКонтакте» или страница компании на Facebook, можно использовать её как основу для создания сайта. Этот режим конструктора называется uKit Alt. После добавления ссылки на страницу в соцсети система перенесёт ключевую информацию и предложит дополнительные блоки для повышения эффективности и удобства использования.

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

1. Создание структуры сайта. В редакторе есть раздел «Страницы». Через него вы добавляете, редактируете и удаляете страницы сайта. Они бывают трёх типов: просто страница, новостная страница (она подходит также для публикации постов из блога) и служебная страница.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

У каждой страницы есть свои настройки. Основной параметр — название, которое отображается в списке, в главном меню и на вкладке в браузере после публикации. Есть также блок с SEO-параметрами, в котором вы указываете адрес (ЧПУ), заголовок, описание, ключевые слова, добавляете изображение для превью ссылки и управляете индексацией. От этой информации зависит, как страница будет отображаться в поисковой выдаче и при публикации ссылок на неё в мессенджерах и соцсетях.

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

3. Изменение дизайна сайта. Подробнее об инструментах кастомизации мы поговорим в соответствующем разделе. Большого разнообразия ждать не стоит. Но есть один очень важный момент — система по умолчанию не позволяет испортить шаблон неправильным дизайнерским решением. Вам не придётся долго подбирать цвета и шрифты, чтобы получить приемлемый результат — просто используйте пресеты. Возможность создавать собственные палитры, как и вставлять сторонний код, появляется только при покупке тарифа «Про».

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Следующий шаг — проверка готовности сайта к публикации. Для этого нужно вернуться в панель управления. В ней есть раздел «Продвижение», внутри которого — кнопка «Рассчитать готовность». После нажатия на неё запустится проверка сайта. Система анализирует основные параметры, на которые обращают внимание поисковые системы:

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

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

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

Когда вы убедитесь в том, что всё в порядке, можно публиковать сайт. Если вы не прикрепите к нему домен второго уровня, то он будет опубликован под тем именем, которое ему дала система при создании. Домен можно купить на uKit или у стороннего регистратора.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

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

Электронная коммерция (создание интернет-магазина) на uKit

У uKit есть встроенный интернет-магазин — виджет «Товар». С его помощью можно добавить неограниченное количество товаров в каталог вместе с описаниями, фотографиями и стоимостью.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Вот основные особенности встроенного решения для интернет-магазинов uKit:

  • Неограниченный каталог товаров и единая база данных для всех виджетов (при добавлении товаров с помощью блоков в редакторе).
  • Отдельные страницы товаров (при активации специальной опции в карточке товара) или открытие во всплывающем окне.
  • Опции товаров (цвет, размер и т.п.) и наценка.
  • Можно интегрировать несколько систем приёма оплаты: оффлайн (наличными курьеру, банковским переводом и т.п.), Сбербанк (СберБизнес), PayPal, Wallet One.
  • Несколько вариантов валют и изменение единиц измерения.
  • Насколько способов доставки (может зависеть от способа оплаты).
  • Встроенный конструктор форм и интеграция с CRM-системами.
  • Страницу корзины и благодарности после оформления заказа можно настроить под себя.

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

  • Нет загрузки и выгрузки каталога (импорт/экспорт товаров).
  • Слабые возможности настройки доставки (только фиксированная стоимость или бесплатно/самовывоз).
  • Среди готовых интеграций с CRM нет решений 1C.
  • Нет полноценной системы рассылок (для ведения рекламных кампаний и поддержания интереса аудитории).
  • Многие возможности по кастомизации магазина нужно искать в отдельном сервисе – uScript (подключение дополнительных систем оплаты, указание скидок «старая/новая цена», галерея изображений в карточке товара и т.п.).

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

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

Для коммерческих сайтов также может быть полезным виджет «Калькулятор услуг». В его основе лежит сервис uCalc, предназначенный для создания калькуляторов без программирования. С помощью этого виджета вы можете, например, создать форму для расчёта стоимости поездки на такси или выполнения сложных работ.

Создание блога на uKit

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Для быстрой и простой публикации новостных потоков в uKit применяются специальные типы страниц – «Новости». Здесь нет доступа к размещению свободных блоков, набор элементов для вывода строго определён, отдельные пункты можно скрыть (при необходимости):

  • дата публикации (имеется возможность отложенной публикации);
  • блок описания автора;
  • миниатюра записи (изображение);
  • социальные кнопки (блок «Поделиться»);
  • блок комментирования;
  • SEO-настройки (ЧПУ, тайтл, дескрипшн, кейвордс);
  • основной текст.

Система комментирования записей реализуется только за счёт стороннего сервиса Disqus.

Блок основного текста можно разделить на две части тегом «Читать далее» – он будет удобен при выводе ленты новостей или записей из вашего блога. Вы можете вставлять в запись видео, изображения, списки, ссылки, заголовки и подзаголовки с различным оформлением. Доступ к HTML-коду открывается только на максимальном тарифе.

Чтобы встроить ленту новостей (записей из блога) в страницы основного сайта, вы можете воспользоваться блоками типа «Карточка» (с указанием ссылки на нужные материалы/страницы) или «Информер новостей» (здесь большая часть работы с типовыми полями для вывода уже автоматизирована).

Функционал для создания лендингов на uKit

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Ну и, в-третьих, у uKit имеется достаточный набор виджетов и блоков для сборки качественных лендингов с нуля:

  • галереи и слайдеры;
  • иконки (можно анимировать);
  • кнопки и разные версии меню;
  • карточки, спойлеры, таблицы и т.п. элементы;
  • готовые виджеты с отзывами и этапами работ;
  • таймер;
  • блоки для быстрой вставки товаров из вашего интернет-магазина;
  • формы обратной связи, заказа звонка, подписки и т.п.;
  • онлайн-чаты (внешние сервисы);
  • кнопки «Поделиться» и ссылки на социальные сети;
  • и т.п.

Для продвинутых функций есть динамический текст и интеграция с Google Tag Manager. Конструктор сложных форм с калькуляцией результата (онлайн-калькулятор) вынесен как отдельный сервис – uCalc.

Интеграция с amoCRM и SendPulse

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Для бизнес-сайтов может быть полезной интеграция с amoCRM. Это простая система учёта клиентов и заказов, которая помогает увеличивать продажи. Сам сервис платный, стоимость — от 499 рублей/месяц. Но это минимальные вложения, учитывая простоту подключения и функциональность. CRM собирает данные обо всех клиентах (ФИО, адрес, телефон, почта) и уведомляет владельца сайта о новых событиях.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

В связке с amoCRM будет полезным сервис рассылки SendPulse. На uKit есть его виджет, через который можно быстро настроить отправку клиентам важных сообщений по электронной почте, через пуш-уведомления, SMS и Viber.

Совместная работа над сайтом

На uKit реализована система выдачи временных прав на управление сайтом. Благодаря ей вы можете дать доступ к панели управления другим разработчикам. Разрешение выдаётся по адресу электронной почты на срок до 999 дней.

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

Автоматическая оптимизация изображений

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Резервное копирование сайта uKit

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

Прямо в редакторе внесённые правки легко отменить просто воспользовавшись кнопками «вперёд» и «назад» (как в любом текстовом процессоре).

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

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

Но резервные копии хранятся только внутри системы (до 10 версий). Скачать их на свой ПК или на удалённый сервер не получится.

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Для настройки внешнего вида сайта в редакторе представлена отдельная вкладка «Дизайн». В ней вы можете:

  • выбрать цветовую схему из пресетов или создать свой набор цветов (доступно только на тарифе Pro);
  • установить фон для сайта или каждой страницы по отдельности: цвет или изображение;
  • выбрать или создать шрифтовую пару;
  • включить или выключить отображение шапки и подвала сайта;
  • добавить кнопку «Наверх», анимацию появления блоков;
  • автоматически создать версию для слабовидящих с укрупнёнными элементами интерфейса;
  • заменить шаблон.

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

Сквозные блоки uKit

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

В uKit можно сделать сквозные блоки шапки и подвала – обычно именно здесь концентрируется самая важная информация: коды счётчиков/аналитики, виджеты и формы обратной связи, онлайн-чаты, контактные данные (телефон для связи, кнопка вызова, заказ обратного звонка и т.д.).

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

Второй важный момент – сквозные блоки внутри сайта (в теле страниц). Любой из блоков можно сделать сквозным. Но это не значит, что он будет обязательно присутствовать на всех страницах сайта без исключения. Он будет выводиться там, где вы его вставите, только данные в нём будут синхронизироваться (редактироваться) централизованно.

Выбор блока –> Действия (три точки) –> Сквозной блок

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

Вставка своего HTML-кода

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

Определение своих стилей, настройка своих цветовых схем и вставка HTML-кода доступны только на тарифе Pro.

Встраивание своих кодов возможно двумя способами:

  • В настройках сайта – пункт «Свой код», предполагает установку скриптов в тегах и конец , на всех или только выбранных страницах.
  • С помощью специального виджета «HTML-код» в интерфейсе редактора. Подойдёт, например, для интеграции нетиповых внешних сервисов (онлайн-калькуляторов, форм, квизов, карт и т.п.).

Так как JavaScript потенциально опасен, в uKit его нельзя вставить напрямую – используется специальная обёртка. Подробная инструкция приведена на официальном сайте uKit.

Динамический текст

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

Смысл блоков с динамическим текстом сводится к тому, что отдельные слова или предложения на странице формируются на основе определённых правил, считываемых из URL-запросов. Например, посетитель переходит на страницу из объявления, а внутри запроса передаётся дополнительный параметр – название города. Это название будет подставлено вместо специальной переменной и обращение получится более персонализированным.

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

Создание сайта uKit на основе страниц Facebook / VKontakte

За функцию создания сайта на основе страниц соцсетей отвечает специальный сервис – uKit Alt. По умолчанию из Facebook переносятся:

  • 50 последних фото;
  • 50 постов (записей в ленте);
  • последние 12 отзывов.

Объём переносимых данных можно увеличить по запросу в техподдержку.

Из страниц ВКонтакте можно сделать одностраничный или многостраничный сайт с типовой структурой (нужные страницы вы сами отмечаете в конструкторе).

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

Редактирование мобильной версии сайта

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

  • для десктопов (ПК-версия);
  • для планшетов (многие онлайн-конструкторы не выделяют эту категорию устройств, а зря);
  • для смартфонов (телефонов).

Основные опции, которыми можно управлять в зависимости от класса устройств:

  • Видимость отдельных блоков и виджетов внутри них. Свойством видимости можно управлять только в текущей версии редактора (например, нужно скрыть на мобильных – переключитесь на мобильный редактор).
  • Фон блока (на разных типах устройств фоны могут быть разными).
  • Видимость шапки и подвала.
  • Количество колонок виджетов (в первую очередь касается версии сайта для планшетов).
  • Разный размер текстов и интервалы между строками.
  • Видимость плавающих виджетов (корзина, чат и т.п.).

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

SEO-оптимизация и продвижение сайта uKit

У uKit отличные возможности для продвижения в поисковых системах. Есть доступ ко всем необходимым SEO-атрибутам: метатеги title, description, keywords, поддержка микроразметки, оптимизация скорости загрузки страниц и т.д. Карта сайта sitemap.xml и файл robots.txt формируются автоматически. Достаточно закрыть от индексации выбранную страницу или весь сайт. Изменения сами внесутся при публикации.

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

Подключение сторонних сервисов (Яндекс. Метрика, Аналитика Google), интеграция с панелями вебмастеров выполняется в пару кликов. Есть инструкции с картинками и видео.

Для каждой страницы вы можете задать свой читаемый адрес URL – ЧПУ (ЧеловекоПонятный Урл).

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

Встроенный мастер оценки готовности сайта к продвижению

Вам нужно перейти в настройки сайта (основная панель управления) и нажать на кнопку «Продвижение». Здесь собраны все основные инструменты для SEO:

  • Мастер добавления в поисковые системы.
  • Интерфейс добавления данных компании на онлайн-карты Яндекс и/или Google.
  • Заказ индивидуальных работ по SEO-продвижению и ведению рекламных кампаний.

А мастер оценки показателей вынесен в шапку. Просто нажмите на кнопку «Рассчитать готовность».

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

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

Итоговая оценка сайту выставляется по 100-бальной шкале. Чем она выше, тем лучше.

Рекламный модуль uKit

Вы можете вести и настраивать рекламные кампании для получения новых посетителей, не покидая админ-панели uKit. Для этого достаточно активировать «Рекламный модуль» в настройках сайта.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

В специальном интерфейсе создайте новую кампанию: назовите её, введите адрес сайта, выберите регион и ключевые запросы (подбираются автоматически или вручную), определитесь с типом кампании (SEO-продвижение или закупка рекламных объявлений), получите автоматический расчёт бюджета, при необходимости скорректируйте скорость продвижения и запустите рекламу. Оплата производится со специального счёта.

Результаты продвижения и статистика переходов по объявлениям будут доступны в специальном разделе.

Оптимизация скорости загрузки

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

  • отложенную загрузку CSS-стилей;
  • отложенную загрузку изображений (lazy load, отвечает за подгрузку картинок по мере прокрутки страницы, мы рассказывали об этой функции выше);
  • автоматическую оптимизацию качества изображений (картинки заменяются меньшим размером в соответствии с параметрами их контейнеров, тоже рассматривали выше).

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

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

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

Для поддержки пользователей на сайте конструктора также есть база знаний с ответами на распространённые вопросы и инструкциями. В ней вы найдёте советы по настройке сайта с подробными разъяснениями и скриншотами.

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции

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

Стоимость использования

На uKit нет бесплатного тарифа — только пробный период на 14 дней, позволяющий проверить конструктор в действии. На нём доступны все возможности сервиса, кроме вставки стороннего кода и продвинутых инструментов кастомизации дизайна. Тестовый период для модуля магазина активируется отдельно (вы можете попробовать его, например, уже после оплаты базовой подписки).

Платных тарифов четыре:

Обзор конструктора сайтов uKit: возможности, плюсы и минусы, интеграции
  • «Минимальный» (от $2,5/месяц) — основные возможности конструктора, неограниченное количество страниц, круглосуточная поддержка, бекапы, подключение домена, более 200 профессиональных шаблонов с адаптивным дизайном.
  • «Базовый» (от $5/месяц) — возможности тарифа «Минимальный» плюс расширенная статистика и отключение копирайта uKit.
  • «Магазин» (от $6/месяц) — возможности тарифа «Базовый» плюс инструменты для торговли.
  • «Про» (от $7,5/месяц) — возможности тарифа «Магазин» плюс создание собственных палитр и вставка стороннего кода.

В стоимость всех тарифов входит оплата хостинга. Вам нужно будет заплатить только за регистрацию доменного имени. Покупка домена через uKit обойдётся около 9 USD/год для зон RU или РФ, в других зонах цены могут отличаться.

Чем продолжительнее оплаченный период, тем выше скидка на его стоимость. Например, при покупке тарифа на год вы сэкономите 30 %, на 2 года — 50 % от первоначальной стоимости. В течение 14 дней после оплаты действует гарантия на возврат денег. Если вы решите отказаться от использования конструктора, сервис вернёт деньги за неиспользованные услуги.

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

Выводы

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

Конструктор uKit максимально дружелюбен к новичкам. Вы не уверены, что сайт готов к публикации? Проверьте с помощью встроенной системы и получите рекомендации по оптимизации. Система подскажет, где не хватает уникальных текстов и изображений, а где нужно прописать метатеги, чтобы страницы попадали в поисковую выдачу по релевантным запросам.

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

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

22
1 комментарий

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

Ответить