Как создать сайт?
В этом руководстве мы познакомим вас с основными возможностями конструктора сайтов uKit на примере сайта для фотографа — этого хватит, чтобы собрать и запустить ваш первый сайт.
- Создание сайта.
- Выбор шаблона.
- Размещение контента.
- Добавление в поисковые системы.
- Подключение статистики сайта.
Создание сайта
Перейдите на сайт ukit.com/ru и нажмите на кнопку «Создать сайт»:
Зарегистрируйтесь удобным способом: через Яндекс, Google, uID.me или другие сервисы — либо по email и паролю. Сохраните или запомните данные, которые указали: они понадобятся для входа в аккаунт.
Примечание:
Если у вас уже есть аккаунт, войдите в него и в верхней панели дашборда нажмите «+» рядом с кнопкой «Мои сайты» — откроется выбор шаблона для нового сайта.
Выбор шаблона
После регистрации откроется каталог шаблонов. Слева — подборки «Лучшие», «Новые», «Одностраничные», «Универсальные» и список тематик. Чтобы увидеть все шаблоны сразу, выберите «Все шаблоны»:
Выберите тематику «Фотограф» — справа останутся шаблоны для фотографов:
Наведите указатель мыши на шаблон: «Посмотреть» откроет его в полном размере, «Выбрать этот шаблон» — сразу переведёт к следующему шагу:
В режиме просмотра значки вверху показывают шаблон на экране компьютера, планшета и телефона. «Посмотреть следующий» откроет другой шаблон этой тематики, «Выбрать шаблон» — выберет текущий:
Если в тематике «Фотограф» не нашлось подходящего шаблона, посмотрите другие тематики или универсальные шаблоны — они подходят для сайта любой сферы.
Следующий шаг — адрес сайта. uKit предложит бесплатный адрес. Чтобы задать своё имя, нажмите на значок карандаша рядом с адресом; доменную зону можно выбрать в списке справа. Затем нажмите «Продолжить»:
Позже к сайту можно прикрепить собственный домен.
Сайт создан, и откроется конструктор. При первом входе uKit предложит познакомиться с интерфейсом: «Хочу разобраться» запустит подсказки, «Справлюсь сам» закроет окно:
Размещение контента
Слева в конструкторе — панель с разделами:
- Страницы — список страниц сайта и их настройки.
- Блог и новости — лента записей на сайте.
- Виджеты — элементы, из которых собирается страница: текст, картинки, галереи, формы, карты и другие.
- Готовые блоки — целые секции страниц в стиле выбранного шаблона.
- Дизайн — цветовая схема, фон и шрифты сайта.
- Мобильный вид — как сайт выглядит на телефоне.
Раздел «Магазин» нужен, если вы продаёте товары на сайте.
Страницы
Шаблон для фотографа собран на главной странице: работы, услуги, этапы съёмки, контакты и форма обратной связи — это блоки страницы «Главная». Отдельно есть страница «Галерея».
Чтобы добавить страницу, нажмите «Добавить страницу»:
Выберите тип: обычная «Страница» или «Блог» — страница с лентой записей:
Наведите указатель мыши на страницу в списке — появятся значки: копировать страницу, настройки и удалить:
В настройках страницы (значок шестерёнки) на вкладке «Основные» задаётся название — так страница называется в списке страниц:
На вкладке «SEO» — адрес страницы, тег Title, метатеги Description и Keywords, картинка для предпросмотра ссылки в мессенджерах и соцсетях (метатег Image) и запрет индексации страницы:
Блог и новости
Новости и статьи публикуются в блоге. Если блога на сайте ещё нет, откройте раздел «Блог и новости» и нажмите «Создать блог» — он появится в списке страниц:
Подробнее — в статье Как размещать и управлять новостями на сайте.
Виджеты
Страница собирается из виджетов. Откройте раздел «Виджеты», найдите нужный в группах или через поиск внизу панели и перетащите его на страницу. Чтобы изменить виджет, нажмите на него на странице.
В группе «Контакты» — контакты, форма обратной связи, заказ звонка, карта, онлайн-чаты и сбор подписчиков:
Для работ фотографа подойдут «Галерея» и «Слайдер 2.0» из группы «Основные», для цен — «Прайс», для услуг — «Карточка» или «Этапы» из группы «Контент»:
В шаблоне такие виджеты уже есть — достаточно заменить фотографии, тексты и контакты на свои.
Готовые блоки
Блок — готовая секция страницы в стиле шаблона, например «Услуги» или «Обо мне». Перетащите блок на страницу и замените в нём тексты и фотографии:
Дизайн
В разделе «Дизайн» настраиваются цветовая схема, фон сайта, цвета и шрифтовые пары — сразу для всего сайта:
Примечание:
Порядок наполнения в этом разделе — рекомендация. Любые страницы можно наполнять любыми доступными виджетами и блоками.
Добавление в поисковые системы
Перед добавлением сайта в поисковые системы его нужно опубликовать.
Публиковать сайты можно только с подтверждённой почтой: если почта аккаунта не подтверждена, после нажатия «Опубликовать» uKit предложит это сделать.
Также, перед добавлением мы рекомендуем зарегистрировать для сайта свой домен, либо прикрепить ранее зарегистрированный.
В дашборде сайта, в разделе «Виджеты сайта», нажмите «Добавить в поисковики»:
Чтобы сайт был виден в поисковых системах, добавьте его в панели вебмастеров Google и Яндекс:
Нажмите по кнопке «Добавить сайт» под надписью «Google Search Console», потребуется ввести данные для входа в аккаунт Google. Можете использовать существующий или создать новый:
Дайте приложению uKit разрешение на доступ:
После успешного добавления сайта, появится такое сообщение
Значит сайт добавлен в Google и скоро появится в поиске.
Нажмите по кнопке «Добавить сайт» под надписью «Яндекс Вебмастер», потребуется ввести данные для входа в аккаунт Яндекс. Можно использовать существующий или создать новый:
После успешного добавления сайта, появится такое сообщение
Теперь наш сайт добавлен в поисковые системы:
Подключение статистики сайта
Статистика сайта нужна для отслеживания количества посетителей, которые заходят на сайт.
В дашборде сайта, в разделе «Инструменты», откройте «Статистика» — на рисунке выше она отмечена первой.
Вы можете подключить инструменты аналитики Яндекс Метрика и Google Analytics.
Нажмите кнопку «Подключить» и статистика будет подключена.
После успешного добавления счетчика на сайт, появится такое сообщение
Данных пока нет, но как только пользователи начнут заходить на сайт, вы это увидите:
Вы завершили первоначальную настройку и запустили свой первый сайт. Теперь вы можете продолжить работу в конструкторе, а в случае, если у вас остались какие-либо вопросы, мы рекомендуем ознакомиться с ответами на часто задаваемые вопросы или написать нам в службу поддержки.
Попробуйте прямо сейчас!
Создать сайт