Как сделать меню на сайте ukit

Добавил пользователь Morpheus
Обновлено: 04.10.2024

Потому что, если вы будете использовать тег

для этого виджета, то при множественном размещении на странице появятся несколько SEO-заголовков H1. Это не хорошо с точки зрения SEO-оптимизации страницы. На странице должен быть только один заголовок с таким тегом.

Как видно из скриншота выше, у заголовка есть четыре базовых настроек:

  1. Настройка цвета. К сожалению, можно выбрать только из набора трёх цветов. Цвета для этого набора задаются через цветовую схему сайта.
  2. Выравнивание. Вы можете выравнивать содержимое виджета по левому, по правому краю и по центру.
  3. Тонкие настройки. О них я уже рассказал выше. Важно правильно это использовать.
  4. Настройка класса для CSS. Такая настройка появляется только при наличии тарифа ПРО. Больше предназначен для продвинутых пользователей. Позволяет задать значение CSS класса для заголовка, чтобы можно было привязать к нему код, что позволит его кастомизировать и увеличить возможности использования.

То есть, к нему можно прикрепить якорь, продублировать этот виджет или удалить его. Всё делается касанием курсора и кликом на нужную кнопку.

Также, для содержимого виджета (текста) заголовка можно задать настройки внешнего отображения. То есть, можно установить жирное начертание, курсив, подчеркнуть, зачеркнуть. Ещё вы можете прикрепить ссылку к заголовку. Ссылка может быть как внешней, так и внутренней.

Чтобы такие настройки отобразились, достаточно выделить содержимое заголовка и настройки появятся над виджетом:

Минусы

Один из важных минусов этого виджета в том, что обычный пользователь не сможет изменить его размер просто так . Можно глобально менять размеры всех заголовков на сайте (начиная от H1, заканчивая H6), но точечно изменить размер текста в виджете не получится. Это возможно только с помощью CSS стилей.

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

Надеюсь, информация была полезной для вас. Если у вас есть вопросы по работе с конструктором uKit или с этим виджетом, то вэлкам в комментарии.

RJ

Увеличьте продажи вместе с uCalc

О сервисе

Помощь

В блоге

Проекты

Спросить разработчика этого скрипта

Жалоба на разработчика

Подпишитесь, чтобы не пропустить новые обновления!

Для работы скрипта требуется активация PHP

Убедитесь, что на вашем сайте активна услуга PHP. Для этого перейдите на главную страницу панели управления и обратите внимание на правую часть страницы. В случае наличия активной услуги вы увидите текст "PHP детали".


Если такой текст отсутствует, значит услуга PHP отключена или просрочена. Для подключения PHP необходимо оплатить премиум пакет, включающий возможность использования PHP-скриптов, либо заказать данную услугу отдельно.

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

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

Самый простой способ войти в uKit – через аккаунт социальной сети, Google, VK или Facebook. Сразу дают 15 дней пробного периода, так что можно неспеша осмотреться, создать сайт за это время, а потом уже оплачивать тариф и публиковать, когда всё будет готово.

Кстати, о ценах. Чем на более длительный срок планируете оплачивать сайт, тем дешевле он обойдётся. К примеру, заплатив за 2 года вперёд, что вполне нормально для жизни визитки НЕ однодневки, месяц конструктора обойдётся всего в $2.5, весь период – в $60, а 1 год – всего в $30. Для контраста: оплачивая помесячно придётся вносить по $5, 1 год обойдётся в $60 – вдвое дороже.

Рекомендуем также прикупить домен или хотя бы сразу учесть его необходимость. Можно у стороннего регистратора, а можно прямо в панели управления Юкит. Второй вариант удобнее – не придётся ничего переносить и крутить настройки. В зависимости от зоны цена будет в районе $10-15/год – такая же, как и везде, в среднем. SSL бесплатный, подключится автоматически.

Шаг 2. Выбор дизайна сайта

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


Так что просто выберите дизайн подходящей тематики – потом сможете его отредактировать, детально подогнав под свою задачу. Главное, чтобы структура была близка к той, что нужна – пользуйтесь предпросмотром. Кроме того, шаблон можно сменить в процессе работы. Мобильную и ПКшную версию можно настраивать отдельно.

Шаг 3. Редактирование шаблона

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


Шаг 4. Наполнение контентом

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


Шаг 5. Оплата тарифа, подключение домена


Шаг 6. Финальные штрихи, подготовка сайта к публикации

Теперь нужно добавить SEO-настройки для каждой страницы, подключить к домену сайта сбор аналитики с аккаунтов Google Analytics и Яндекс.Метрики, а также другие интеграции, если они нужны по условию задачи: CRM, живой чат, push-уведомления, Пиксели социальных сетей, заказ обратного звонка и прочее. В общем, добавьте необходимый обвес.

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


Выводы

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

Используйте пробный период на разработку. Когда база будет готова – оплачивайте тариф, добавляйте домен, вносите финальные правки и публикуйте. Всё это можно сделать не спеша за 2-3 вечера без опыта разработки сайтов. Попробуйте!

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

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

Откроется форма регистрации.

Форма регистрации

Форма регистрации

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

Выбор дизайн-шаблона

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

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

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

Дальше надо навести курсор на выбранный вариант, подобрать цветовую гамму (мне понравились зеленые тона, они ближе всего к природе). И в завершение нажать на карточку шаблона.

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

Окно подбора домена для сайта

Окно подбора домена для сайта

Окно ввода названия сайта

Окно ввода названия сайта

Дальше необходимо указать контактные данные и, при желании, фактический или юридический адрес.

Окно добавления контактных данных

Окно добавления контактных данных

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

Окно добавления ссылок на социальные сети

Окно добавления ссылок на социальные сети

На этом подготовительные моменты полностью окончены, наступает этап непосредственного редактирования сайта.

Панель управления uKit

Но для начала стоит рассмотреть панель управления uKit.

Панель управления uKit

Панель управления uKit

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

Бейджи

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

Окно информации о бейджах

Окно информации о бейджах

Инструменты и виджеты

Центральный блок панели управления делится на 2 раздела, которые имеют свои подразделы:

  • Статистика;
  • Продвижение;
  • Настройки.

Необходимо рассмотреть все по порядку, начиная со статистики. Нажатие на эту ссылку выведет окно, где предлагается 2 приложения – Яндекс Метрика и Google Analytics. Принцип работы у них примерно одинаковый. Они собирают статистические данные о посетителях сайта и их действиях. Эти программы показывают насколько эффективно продвижение сайта.

Но использовать их можно только после публикации сайта. Что вполне логично.

Продвижение

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

Чтобы узнать более подробную информацию о каком-либо аспекте, необходимо щелкнуть по нему.

Для прочих инструментов так же, как и для статистики, требуется публикация сайта.

Настройки сайта

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

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

Виджеты сайта

Если на него нажать, то вылезет такое предупреждение:

Навигационное меню

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

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

Изменение текста

Изменение текста

Изменять текст в любом из блоков можно простым нажатием. Предлагаю заменить содержание надписи на слайдере на следующий текст: «Мы предлагаем современные решения для:

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

Тарифы uKit

Как и во многих аналогичных проектах, на этом конструкторе есть скидка при покупке на длительный срок. Чем больший срок – тем больше скидка.

Тарифы uKit

Тарифы uKit

Продвижение сайта на Ukit

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

Конечно, кроме простоты пользования, у сайтов-конструкторов есть и другие плюсы:

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

Правда, есть у подобных систем и минусы:

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

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

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


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

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

Домен


Как видите, в домене нашего сайта уже прописан ключевик по теме сайта. Это, конечно же, не выведет новый сайт автоматически в топ выдачи, но и хуже не сделает.

Title, description и keywords сайта

Следующий шаг после регистрации домена ‒ это ввести в специальную форму заголовок сайта (главной страницы). Ukit перед редактированием и настройкой страниц предлагает вписать в форму название вашей организации, ее контакты и ссылки на соцсети. Так вот, название организации тайтлом не является! Для главной страницы тег title прописывается в настройках страниц, и он должен максимально полно отражать содержание вашего сайта.

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

На скриншоте ниже показано, как заполнять эту форму:


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

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

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

В мета-теге keywords надо перечислить 3-5 самых популярных ключевых слов по теме вашего сайта. В реальности, keywords вообще ни на что не влияет в плане выдачи, но, чтобы в сервисах для вебмастеров Яндекса и Гугла (о них ниже) не выскакивали ошибки, лучше уделить время и этому мета-тегу. Если вы создаете сайт не на конструкторе, и есть возможность удалить мета-тег keywords, то лучше так и сделать. Но в случае с UKIT мы не можем удалить из кода meta keywords, поэтому заполняем его.

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

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

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



Для добавления в консоли Яндекс и Гугл вам необходимо будет кликнуть на две кнопки, однако, перед этим обязательно заведите по одному аккаунту в каждом из сервисов и опубликуйте ваш сайт на Ukit в интернете. Если у вас уже есть аккаунты в консолях поисковых систем, то вам останется только авторизоваться на сервисах и добавление вашего сайта произойдет автоматически за пару минут. Никакого дополнительного подтверждения прав не потребуется.

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

Кроме имеющихся консолей вебмастера, поисковые системы Яндекс и Гугл запустили довольно мощные сервисы поисковой статистики, позволяющие получать довольно солидный объем информации о вашем трафике, просто установив код Метрики или Аналитикса на страницы вашего сайта.


После этого, надо просто кликнуть на две кнопки под логотипами Метрики и Аналитикс, чтобы установить эти два сервиса на вашем сайте:


Справочник и карты


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


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

Закрытие страницы от индексации


Дополнительные возможности раскрутки сайта на Ukit

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

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

Рассмотрим вкратце каждый из них в отдельности.

Калькулятор

Разработчики Ukit не стали заморачиваться с созданием своего калькулятора и просто внедрили технологию uCalc, которая позволяет с нуля сконструировать свой собственный онлайн-калькулятор со множеством дополнительных функций: биллинг, отправка уведомлений и т.д.


Правда, для того, чтобы ваш калькулятор смог установиться на сайт, вам надо иметь аккаунт на сайте ucalc.pro.

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

Онлайн-чат

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


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

Обратный звонок

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


Таймер обратного отсчета


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

Вместо послесловия

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

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

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

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

Читайте также: