uKit
Как создать сайт?
  1. Создание сайта
  2. Выбор темы оформления
  3. Размещение контента
  4. Добавление в поисковые системы
  5. Подключение статистики сайта
  6. Полезные материалы

Создание сайта на примере сайта фотографа

Переходим на сайт ukit.com/ru и нажимаем на кнопку «Создать сайт»:

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

При повторном входе, в панели управления вашего сайта uKit, раскрываем список сайтов рядом с логотипом и нажимаем кнопку «+ Добавить сайт»:


Выбор темы оформления

Выбираем тематику «Фотограф» для своего сайта и перед нами появится список шаблонов для фотографов. Вы можете просмотреть подходящие вам шаблоны.

Чтобы узнать о шаблоне больше, наводим на него указателем мыши и нажимаем «Посмотреть»:

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

Когда найдем подходящий шаблон, просто нажмем «Выбрать этот шаблон»:

Следующий шаг: выбор имени сайта. Вводим желаемое название и нажимаем «Продолжить»:

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


Размещение контента

Переходим в раздел управления страницами сайта:

Тема оформления «Фотостудия» включает в себя следующие страницы:

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

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

Чтобы удалить страницу, наводим на нее указателем мыши в списке и нажимаем по изображению корзины:

Редактирование страницы: наводим на страницу указателем мыши и нажимаем на иконку “шестеренки”. Основные настройки сайта включают в себя указание названия страницы. То, как она будет отображаться в списке страниц.

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

Чтобы перейти к наполнению страницы, нажимаем по ней левой клавишей мыши в списке. В правой части конструктора появится содержимое страницы:

Рассмотрим, как заполнить контентом каждую из страниц.


Новости

Страница «Новости» имеет следующие настройки:

  1. Показывать дату публикации;
  2. Показывать автора публикации (его имя вводится при добавлении записи);
  3. Показывать изображение материала в списке (изображение-анонс);
  4. Показывать кнопку «Читать далее». При отсутствии флага запись размещается в списке полностью и может значительно увеличивать размер страницы по вертикали
  5. Количество записей на странице;
  6. Возможность импорта последних записей с вашей страницы Facebook. Эта функция может пригодиться, если вы уже управляете своей группой в этой социальной сети.

Чтобы добавить новый материал, нажимаем кнопку «+ Добавить запись» в правой части конструктора:

И просто начинаем вводить текст материала. При вводе текста станут доступны инструменты для его форматирования:


Контакты

Переходим на страницу «Контакты» из списка страниц и в левой части конструктора нажимаем по изображению пазла («Конструктор»):

Наводим указателем в левой части конструктора на раздел «Контакты» и выбираем один из виджетов: «Контакты», «Обратная связь», «Заказать звонок», «Карта», «MailChimp», «LiveChat», «LiveAgent» или «JivoSite»:

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

Страница уже содержит виджет «Контакты», мы можем использовать его, после того, как отредактируем.


Портфолио

Переходим на страницу «Портфолио» из списка страниц и в левой части конструктора нажимаем по изображению пазла («Конструктор»).

Для добавления фотографий используем виджеты «Картинка», «Галерея» и «Слайдер» из раздела «Основные»:

Страница содержит виджет «Галерея», мы можем использовать его. Отредактируем виджет, нажав по нему и выберем фотографии для размещения:


Прайс

Переходим на страницу «Прайс» из списка страниц и в левой части конструктора нажимаем по изображению пазла («Конструктор»).

Страница содержит виджет «Прайс», отредактируем его:

Или добавим новый прайс, перетащив соответствующий виджет из раздела «Контент»:


Услуги

Переходим на страницу «Услуги» из списка страниц и в левой части конструктора нажимаем по изображению пазла («Конструктор»).

Страница содержит виджеты «Карточка», отредактируем их:

Или добавим новые:


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


Добавление в поисковые системы

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

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

Перейдем в панель управления сайтами, нажав по значку «U»:

  1. Проверяем, что отображается нужный сайт
  2. Сайт должен быть опубликован
  3. Переходим в раздел «Продвижение»

Чтобы сайт был виден в поисковых системах, необходимо добавить его в панель управления сайтами Google и Яндекс. Сделать это можно во вкладке «Вебмастер»:

Google Search Console

Нажимаем по кнопке «Добавить сайт» под надписью «Google Search Console», потребуется ввести данные для входа в аккаунт Google. Можно использовать существующий или создать новый:

Разрешаем приложению uKit все указанные запросы:

После успешного добавления сайта, появится такое сообщение

Значит сайт добавлен в Google и скоро появится в поиске.

Яндекс.Вебмастер

Нажимаем по кнопке «Добавить сайт» под надписью «Яндекс.Вебмастер», потребуется ввести данные для входа в аккаунт Яндекс. Можно использовать существующий или создать новый:

После успешного добавления сайта, появится такое сообщение

Теперь наш сайт добавлен в поисковые системы:


Подключение статистики сайта

Статистика сайта нужна для отслеживания количества посетителей, которые заходят на сайт.

Перейдем в панель управления сайтами, нажав по логотипу «uKit»:

Перейдем к инструменту «Статистика»:

Мы можем подключить инструменты аналитики Яндекс.Метрика и Google Analytics

Яндекс.Метрика

Нажимаем кнопку «Подключить» и статистика будет подключена.

После успешного добавления счетчика на сайт, появится такое сообщение

Данных пока нет, но как только пользователи начнут заходить на сайт, мы это увидим:

Google Analytics

Теперь, переходим на вкладку «Google Analytics» и нажимаем кнопку «Подключить»:

Необходимо подтвердить права на управление счетчиками в нашем аккаунте Google Analytics:

После успешного подключения сайта к Google Analytics, появится такое сообщение

Необходимо создать аккаунт, нажмем по соответствующей кнопке:

Вы будете направлены на сайт Google Analytics. Заполните анкету:

И нажмите «Получить идентификатор отслеживания»:

Читаем и принимаем соглашение об использование Google Analytics:

Закрываем окно, возвращаемся в панель управления вашего сайта в uKit и нажимаем на кнопку «Уже есть аккаунт»:

Счетчик Google Analytics теперь добавлен на наш сайт.


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


Полезные материалы