Как создать сайт в uKit - пошаговая инструкция

Пользователям, которые когда-либо интересовались конструкторами сайтов, наверняка знакома мегапопулярная SaaS-платформа uCoz, функционирующая на рынке сайтостроения более 11 лет. В 2015 году ее разработчики создали новый проект – конструктор бизнес-сайтов uKit.com, сочетающий в себе проверенные временем технологии и последние тенденции веба.

Эксперт
Автор: Сергей Гаврилов
2017-05-23

На фоне большого числа конструкторов сайтов uKit выгодно выделяется благодаря ряду достоинств:

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

Одноминутный промо-ролик, демонстрирующий принцип создания сайта в конструкторе uKit:

Этапы создания сайта на платформе uKit

Регистрация

Кроме обычной регистрации с помощью e-mail, можно воспользоваться своим профилем в одной из социальных сетей (ВКонтакте, Одноклассники, Facebook, Google+, Twitter), на сервисе комментариев Disqus, сети поиска работы LinkedIn, аккаунтом в Яндексе или системе uCoz.

Благодаря такому выбору авторизироваться в системе можно буквально в два клика.

Зарегистрироваться в uKit

Выбор шаблона

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

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

Владельцам тарифа Премиум доступны премиум-шаблоны, для остальных пользователей их стоимость составляет 20$.

Окончание регистрации

После выбора шаблона следует завершить процедуру регистрации нового сайта и указать следующие данные:

  • название компании;
  • юридический адрес фирмы (при его наличии), номер телефона, e-mail либо другие контакты для связи с клиентами;
  • ссылки на соответствующие группы или бизнес-страницы в социальных сетях.

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

Редактирование шаблона

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

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

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

Настройка функционала

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

  1. Основные. Элементы для оформления сайта: текстовые (Заголовок, Текст), мультимедийные (Картинка, Галерея, Слайдер, Иконка), а также элемент Кнопка для совершения пользователями целевого действия.

  1. Структура. Элементы для визуального разделения блоков (Разделитель, Пробел).

  1. Контент. Используются на наполнения сайта и позволяют добавлять карточки товаров, прайс-лист, таблицы, отзывы клиентов, цитаты, строку поиска от Яндекса и Google, таймер обратного отсчета времени, виджет погоды. Для пользователей тарифа «Про» доступна возможность вставки произвольного HTML-кода. Виджет Магазин Ecwid предназначен для создания на сайте интернет-магазина.

  2. Интернет-магазин. Синхронизация со внешним плагином Ecwid либо использование родного магазинного виджета от разработчиков uKit – «Товар магазина». Последний проще и дешевле, позволяет настроить внешний вид витрины, параметры оплаты, валюты и доставки, а также типы товаров и наценки для них.

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

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

  1. Контакты. Инструменты для взаимодействия администрации сайта с посетителями: контактная информация, интерактивная карта, форма обратной связи, подписка на рассылку новостей (MailChimp), онлайн-чат (LiveChat, LiveAgent, JivoSite), заказ обратного звонка.

  1. Социальные. Размещение ссылок на аккаунты и группы в социальных сетях, а также панель с кнопками «Поделиться» (AddThis сайдбар).

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

Выбор доменного имени

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

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

Также вы можете подключить совершенно бесплатно сертификат SSL к вашему домену. Для этого нужно перейти в панель управления сайтом, выбрать «SSL-сертификаты» и указать домен (предварительно подключённый), который необходимо перевести на защищенный протокол HTTPS. После завершения процесса вы получите уведомление. Количество доменов на аккаунте для подключения SSL не ограничено. Если вы сомневаетесь, нужно вам это делать или нет, - рекомендуем использовать эту возможность. Google немного лучше ранжирует сайты на HTTPS, чем обычные (HTTP). Особенно данное утверждение актуально для интернет-магазинов: безопасное соединение при проведении онлайн-оплат ценят и поисковые системы, и посетители. Репутация, рейтинги в ПС, безопасность – таковы выгоды от активации SSL.

SEO-настройки

Несмотря на имеющиеся встроенные инструменты (микроразметка, оптимизация графики др.), необходимо провести ряд мероприятий по подготовке сайта к продвижению:

  • наполнение уникальным контентом (авторскими статьями, изображениями, аудио- и видеоматериалами);
  • заполнение метатегов (Title, Description, Keywords) во вкладке SEO настройки страниц;

  • выполнение перелинковки страниц;
  • присоединение домена второго уровня;
  • добавление сайта в Google Search Console и Яндекс.Вебмастер для ускорения индексации, а также в Яндекс.Справочник и Google-карты для увеличения числа посетителей (вкладка Продвижение панели управления);

  • подключение инструментов аналитики от Яндекс.Метрика и Google Analytics для анализа посещений и настройки ключевых слов (вкладка Статистика панели управления).

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

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

Попробовать uKit бесплатно

avatar