Как создать сайт на конструкторе uKit

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

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

uKit особенно интересен тем, что при разработке сайта абсолютно нет потребности привлекать веб-программистов, дизайнеров и специалистов другого профиля. Это тот случай, когда действительно можно справиться самостоятельно, даже не имея никакого опыта. Без оговорок и примечаний – все реально. В uKit есть все необходимые внешние сервисы: чаты, CRM, рассылки, SEO-монитор и прочее. То есть подход к разработке сайта – комплексный, все в одном месте.

В uKit не ограничения по количеству страниц и объему дискового пространства, что выгодно выделяет его на фоне конкурентов. Система бекапов – автоматическая. Страницы грузятся быстро.

Пошаговая инструкция по созданию сайта на uKit

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

1. Регистрация

Чтобы получить доступ к функционалу конструктора, необходимо зарегистрироваться на сайте. Сделать это можно, используя профиль любой из представленных социальных сетей, через Google или Яндекс, а также при помощи uID.me – это собственные сервис авторизации для продуктов инфраструктуры uCoz.

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

2. Добавление нового/первого сайта

Следующий этап – это, собственно, создание первого сайта. Если ранее не имели профиля в системе и никогда не делали сайт, то сразу же будет предложено перейти к этой процедуре. Она состоит из следующих шагов:

  1. Выбор шаблона. Есть их разделение по тематикам и типу. Найдете классические (многостраничные), одностраничные и универсальные. Последние можно использовать по собственному усмотрению. Если теряетесь в том, какой из макетов взять, можно задать поиск по ключевым словам.
  2. Подбор доменного имени. Сразу же предложены варианты в нескольких доменных зонах. При этом следует обращать внимание на тематику вашего сайта. Достаточно красивый домен удастся получить и на поддомене. Учтите, что в дальнейшем можно прикрепить свой домен второго уровня или даже приобрести его.
  3. Редактирование страниц
  4. Публикация.

Если уже имеете сайт, то для создания нового нужно кликнуть на кнопку «+» рядом с «Мои сайты» и откроется такой же мастер настройки, работайте по аналогичному алгоритму.

3. Работа с панелью управления

Удобство работы в uKit в том, что тут нет ничего лишнего, касается это и административной панели. Представленного инструментария вполне достаточно для разработки качественного сайта. Админка структурирована таким образом:

  • Панель управления. Перейдя в этот раздел, сможете подключить статистику платежей, посещаемости сайта, аналитику, настроить параметры продвижения, прикрепить домен, опубликовать сайт или же обратится за консультацией в техподдержку.
  • Страницы. Это меню предназначено для добавления страниц на сайт. Количество их не ограничено. Меню под каждой страницей добавляется автоматически, доступна среди прочего многоуровневая навигация, настройка параметров поискового продвижения.
  • Конструктор. Ключевое поле, в нем есть необходимые инструменты и виджеты, при помощи которых удастся наполнять страницы. Тут есть подпункты: элементы/блоки, контент, социальные, контакты, оформление;
  • Дизайн – настройка цветовой схемы, фона, включение/выключение кнопки «вверх».

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

4. Работа с дизайном

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

Редактирование в режиме дизайна

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

Вкладка «дизайн» предлагает работу со следующими параметрами:

  • Изменение/создание общего эффекта анимации для всего сайта. Используется это при появлении блоков в фокусе.
  • Создание собственных вариантов цветовых схем. Это доступно только в максимальном тарифе и рассчитано на тех, кто разбирается в дизайне.
  • Изменение шрифтовых пар. Собственные шрифты загрузить не представляется возможности, что не есть плохо с учетом того, что конструктор рассчитан в большей мере на новичков. Что касается набора готовых шрифтов, то в нем есть много вариаций для сайтов разного типа.
  • Активация сквозного футера и хедера. Такая опция уменьшает объем работ, ведь не придется копировать шапку и подвал для использования одинакового набора для всех блоков страниц.
  • Активация кнопки «наверх».

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

Редактирование в режиме «конструктора»

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

Отдельные виджеты интегрированы с внешними сервисами. Например, это:

  • uCalc – конструктор сложных веб-форм и онлайн-калькуляторов;
  • ecwid – платформа интернет-коммерции, один из инструментов, с помощью которого можно запустить интернет-магазин;
  • SoundCloud – сервис для размещения музыки;
  • поисковая строка Google и Яндекс;
  • формы сбора подписчиков и организации почтовой рассылки;
  • онлайн-чаты;
  • системы обсуждения и комментирования;
  • виджеты социальных сетей;
  • виджеты для вставки видео из популярных сервисов – YouTube, Vimeo и других.

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

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

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

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

Есть еще одна опция – управление видимостью на устройствах разного типа. Это становится возможно в режиме «Адаптивная версия сайта».

У пользователей конструктора есть доступ к бесплатным фотостокам. Искать изображения удастся непосредственно с онлайн-редактора. Также имеются 15+ библиотек иконочных шрифтов. Добавляя картинки, их можно обрезать, поворачивать, накладывать фильтры, добавлять фигуры, текст. Ограничений по количеству картинок или занимаемому ими пространству нет.

Редактирование в режиме «страницы»

Этот раздел дает возможность работать со страницами, а именно:

  • добавлять новые;
  • удалять имеющиеся;
  • переключаться на редактирование необходимых;
  • дублировать;
  • прописывать мета-теги и ЧПУ.

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

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

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

Редактирование в режиме «адаптивность»

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

  • настройка фона, отдельно для каждой версии;
  • сокрытие отдельных блоков и виджетов. Особенно это удобно, когда нужно убрать определенные элементы для смартфона, планшета;
  • размещение в 2 колонки – для планшетных версий.

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

5. Создание интернет-магазина в uKit

Порядок создания магазина такой же, как указано выше. Рекомендуется выбирать подходящий (тематический) шаблон. Разработка интернет-магазина на uKit подразумевает использование специального виджета. Называется он «Товар магазина» и его нужно перетащить на свой сайт. В настройках его увидите:

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

Все новые товары попадают в «каталог». Один из важных этапов разработки – это настройка модуля. Кликнув на иконку корзины в левом верхнем углу, перейдете в новое окно с такими вкладками:

  • Каталог товаров. Здесь будет список всех добавленных товаров, доступен переход на страницу, дублирование или удаление позиций.
  • Настройки – выбирайте валюту магазина, единицы измерения, настраивайте сценарий клика по кнопке и добавления товара в корзину. Тут же удастся активировать модули электронной коммерции.
  • Форма заказа – настраивайте уведомления, текст письма и полей формы заказа.
  • Доставка – создавайте и редактируйте способы доставки.
  • Оплата – подключение и настройка способов оплаты.
  • Страницы – переход на страницы оформления заказа для настройки.
  • Промокоды – список промокодов, доступ к созданию новых.

В интернет-магазине можно изменить внешний вид корзины. А именно иконки, фона плашки, тени, цвета, режима вывода корзины, подключить цели.

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

6. Публикация сайта и бэкапы

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

Отдельного внимания заслуживает резервное копирование. В uKit оно реализовано в 2 форматах – автоматическом и ручном. Автоматические создаются системой через стандартные промежутки времени. Ручные – можно сделать самостоятельно перед запланированными масштабными изменениями. Количество таких резервных копий не ограничено, однако лишние лучше сразу же удалять.

Чтобы сделать бэкап самостоятельно нужно:

  1. Кликнуть на иконку часов в левом нижнем углу.
  2. Выбрать пункт «+создать бэкап».

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

7. Настройка SEO-параметров

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

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

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

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

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

Выводы

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

2023-03-14 Евгений Куликов Рейтинг: 5.0 4255 0
Оставить отзыв
avatar

ЛУЧШИЕ СЕРВИСЫ