Тильда конструктор сайтов

Шаг 3. Выбор шаблона

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

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

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

История заканчивается предоставлением контактов, ссылками на соцсети:

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

Что представляет собой конструктор сайтов Tilda (Тильда)

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

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

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

Как создать на практике лендинг в Тильде

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

Нажмите кнопку «Редактировать», чтобы заполнить лендинг информацией.

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

Нажимаете кнопку «Создать новую страницу», далее можете выбрать предоставленные шаблоны или использовать поиск по шаблонам. В поиске мы, например, пишем – лендинг и нажимаем «Enter» (скрин 6).

Внизу шаблона вы увидите кнопки «Выбрать» или «Посмотреть». Если эта страница вам подходит, нажимаете «Выбрать», чтобы редактировать шаблон.

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

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

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

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

Целевая аудитория

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

Таким образом, система переехала с творческой ориентации на коммерческую, однако внутри всё осталось по-прежнему (обновления происходят, конечно). Концепция та же, но позиционирование, функциональность слегка изменились – теперь Тильда является конструктором лендингов. Инструментом для заработка, а не пиара, как ранее.

SEO-оптимизация

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

Старайтесь наполнить страницы содержательными текстами, насколько это возможно. Побольше отзывов, вопросов и ответов, описаний важных характеристик, комментариев к фото и видео – находите повод добавить классный текст по теме. Это уместно не только на лонгридах, но и на лендингах. Встроенный таргетинг из Facebook даст неплохой старт вашей рекламной кампании. Для подключения Google Analytics нужно ввести ID вашего аккаунта в системе. Так вы запустите сбор статистики по проекту. Поддержка сервисов Яндекса реализована аналогичным образом.

Для каждой страницы можно заполнить значения стандартных мета-тегов – ключевики, описание, заголовок и alt для изображений. Служебные sitemap.xml/robots.txt создаются автоматически. Можно подключить бесплатно SSL к домену, настроить ЧПУ. Сайты от 5 страниц можно продвигать сайт по нескольким запросам, нагрузив их текстом. Рекомендуем добавить блог с той же целью – охватить больше запросов с его помощью.

Также Tilda поддерживает автоматическое сжатие загружаемых пользователями изображений в формат WebP. Такой подход позволяет снизить вес картинок на сайте до 35% по сравнению с распространёнными JPEG/PNG, не теряя в качестве. Это ускоряет загрузку страниц, особенно на слабых девайсах с плохим Интернетом со всеми вытекающими – полезный фактор ранжирования в глазах поисковых систем. Люди реже закрывают сайт, не дождавшись прорисовки страниц, производительность/оптимизация выше.

А ещё система самостоятельно делает ресайз картинок до нужного размера контейнера: автоматически определяет подходящий и подгружает с сервера уже обрезанный вариант, который будет выглядеть хорошо в данном конкретном случае. Для нормальной работы этих функций у вас должен быть включён lazy load (находится по пути “Настройки сайта — Ещё”, по умолчанию опция активирована, выключать не рекомендуем).

Epidemic Sound – Back In The Days

Другие вопросы

• Можно ли давать отдельный доступ пользователям к проектам?
• Наблюдаются ли у вашего сервисы проблемы из-за блокировок Роскомнадзором?
• Как сделать бэкап проекта на Тильде?
• Выписался счёт для тарифа Бизнес на 15000 рублей без скидки. Почему?
• Где находится Ваш ЦОД?
• Яндекс.Вебмастер сообщил, что мой домен «Малополезный контент, спам, избыток рекламы» или «дорвей». Что делать?
• Как включить капчу?
• Для подтверждения нужно загрузить в корень сайта файл. Как это сделать?
• Что делать, если сайт не работает (не открывается)?
• Как сделать слайдер?
• Как добавить карту Google или Yandex на сайт?
• Где ввести промокод?
• Есть ли возможность отредактировать файл robots.txt?
• Я могу зайти на сайт по FTP?
• Могу ли я импортировать сайт в Тильду?
• Как добавить линию подчёркивания ссылки?
• Можно ли подключить Тильду к WordPress?
• Можно ли подключить Тильду к Битрикс?
• Есть ли у Тильды API?
• Как добавить Whatsapp или Viber?
• Почему не работают карты от Google?
• Как отключить Jivosite на мобильных устройствах?
• Что делать, если забыл почту (логин, аккаунт) для входа?
• Как загрузить MP4 или WEBM видео?
• Как сделать GIF из видео?
• У меня уже есть сайт в другом конструкторе. Как перенести сайт в Тильду из другой платформы или другого конструктора?
• В мобильном браузере показывает сообщение «Этот сайт заблокирован от автоматического запуска вызова». Почему?
• Почему я вижу на своём сайте рекламу? Откуда реклама на сайте?
• Как убрать капчу?
• У меня на сайте маленькая конверсия, помогите с маркетингом
• Есть ли сервис для создания UTM меток?
• Где почитать новости про обновления Тильды?
• Как мне найти исполнителя для создания или доработки сайта?
• Вы занимаетесь разработкой сайтов на заказ?
• Я сделал сайт, как мне попасть в рубрику Madeontilda?
• Как подключить Почтовый Офис от Яндекса?
• Не могу войти в аккаунт, выдается сообщение, что пользователь с таким Email не найден.
• Где посмотреть статистику по utm меткам?
• Где найти публичную ссылку на блок?
• Что такое Tooltip (тултип) в Zero блоке?
• Есть ли сервис для создания «Соглашения об обработке персональных данных»?
• Есть ли возможность отредактировать файл .htaccess?
• Скачал файл заявок в формате CSV. Не могу открыть в Excel, почему?
• Как настроить calltracking?
• Как подключить бота в группу Телеграм?
• Возможно ли в Тильде сделать горизонтальную прокрутку?

Шаблоны сайтов

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

Когда выбираете шаблон, вы, по сути, выбираете главную страницу сайта. Какой она будет? Доступны следующие категории: бизнес, блог, магазин, анкета, контакты, событие, внутренние страницы. В каждом разделе примерно по 10 вариантов сборки страниц. Это не проблема. Вы сами можете создавать такие композиции в любом количестве — можно выбрать пустую страницу, оформив её с нуля.

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

Напомним, есть ещё Zero Block, обладающий обширными возможностями по кастомизации дизайна отдельного блока. Тем не менее, что бы вы не делали, как-то существенно повлиять на дизайн сайта не сможете. Просто потому, что концепция везде общая. Главным образом, контент определит, насколько интересно будет выглядеть сайт. Остальное послужит хорошим обрамлением, но не более того.

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

Идея одностраничных шаблонов по-своему интересна, штучное добавление страниц с раздельными настройками для каждой – тоже находка для дизайнеров и опытных разработчиков, Zero Block и кастомизация шрифтов – дополнительные бонусы. Тем не менее, хотелось бы видеть многостраничные шаблоны, хотя это и противоречит концепции редактора. Очевидно, Tilda – сайтбилдер не для всех и каждого. Некоторым новичкам здесь придётся тяжело, уж очень много неочевидного.

Альтернативы и конкуренты Тильды

Ввиду завышенной стоимости, у Tilda очень много естественных конкурентов. Это все конструкторы с визуальными редакторами и более низкой стоимостью. То есть практически все конструкторы этого класса: uKit, Wix, Ucraft, SITE123, LPgenerator и многие другие. Обладая внушительным ценником, герой обзора не предлагает чего-то сверхъестественного, являясь просто добротным сервисом с приятным интерфейсом.

Ввиду стоимости, целесообразность использования Tilda размывается. Сравнение с конкурентами топит её. Что по возможностям, что по стоимости вариант не оптимальный. С трезвой головой и сухой логикой её не выбирают. Только на эмоциях – красивый интерфейс, шрифт, название, творческая жилка нравится в подаче и прочее. Это тоже факторы, да. Если радует, нужно брать, пусть и в 2 раза дороже аналогов. Окупится настроением. Но, увы, не отдачей: среднестатистические сайты на Тильде выглядят простыми, красиво получается только у дизайнеров.