ru24.pro
Интернет
Июль
2024

Как бесплатно создать сайт на Tilda

0
1ps.ru 

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

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

Преимущества и недостатки разработки сайта на Tilda

Несмотря на шаблонность, сайты на Tilda могут быть стильными и уникальными. Конструктор располагает более 550 блоками, причем библиотека не перестает пополняться.

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

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

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

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

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

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

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

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

  • портфолио
  • промо-сайты
  • блоги
  • бизнес-сайты
  • интернет-магазины (для малого бизнеса)
  • лендинги, которые порадуют красотой и высокой конверсией.

Больше статей на схожую тематику:

Сколько стоит создание сайта на Tilda

Однако возможности конструктора варьируются в зависимости от выбранного тарифного плана, Тильда предлагает на выбор три: Free, Personal, Bussiness.

Тарифы Персональный и Бизнес платные, они включают в себя полный спектр функций платформы. В отличие от бесплатного тарифа, они подходят для создания сайтов с большим количеством страниц (до 500) и интернет-магазинов, требующих наличия различных интеграций и инструментов для оптимизации и продвижения. Если кратко, то Personal и Bussiness предоставляют:

  • полную коллекцию блоков;
  • 1 сайт до 500 страниц, 1Гб на диске;
  • интеграции с 20+ сервисами сбора данных;
  • возможность вставлять дополнительный html-код;
  • возможность создавать email-рассылки;
  • возможность подключить уникальный домен;
  • возможность настраивать аналитику, совместный доступ к сайту и SEO-оптимизацию;
  • персональный кабинет, ленты новостей, товарный каталог и многое другое (более подробно об этих тарифах и их наполнении написано в разделе «Тарифы» на официальном сайте).

Бизнес-тариф отличается от Персонал тем, что в нем, помимо вышеперечисленного набора возможностей, доступны еще некоторые опции: возможность экспортировать код (для быстрого переноса сайта), возможность создания до 5 сайтов с 5Гб дискового пространства, а также подключение безналичной оплаты. Personal обойдется в 500 руб./мес. или 6000 руб./год, а Bussiness будет стоить 1000 руб./мес. или 12000 руб./год, что может быть неоправданно дорого.

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

Что важно сделать до разработки сайта на Tilda

Этап 1. Маркетинговая стратегия

На этом этапе важно четко сформулировать уникальное торговое предложение, найти свою ЦА, обозначить цели проекта и список возможностей для их реализации.

Для создания стратегии нужно соблюсти три основных шага:

1) определение целевой аудитории;

2) анализ основных конкурентов;

3) установка целей и поиск действий для их достижения (непосредственно создание маркетингового плана).

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

Этап 2. Эскиз и юзабилити

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

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

Этап 3. Контент

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

Если вы занимаетесь созданием контента самостоятельно, то воспользуйтесь рекомендациями от Tilda Education:

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

И вот когда будет продуман необходимый функционал сайта, сформировано представление о его внешнем виде, написан контент, тогда можно перейти к конструктору.

Примеры роста кликов, конверсий, заказов и прибыли:

Пошаговая инструкция по созданию сайта на Тильда

К сожалению, возможности бесплатного тарифа Тильды очень сильно ограничены, и многие важные инструменты будут недоступны. Используя свободный доступ, не получится создать интернет-магазин с электронной торговлей, интеграцией с внешними сервисами, возможностью делать рассылки и многое другое, но можно сделать 1 проект с наполнением до 50 страниц контента, в распоряжении будет 50 Мб дискового пространства. Давайте наглядно разберем возможности тарифа Free.

Для начала работы с Тильдой необходимо зарегистрировать аккаунт по ссылке https://tilda.ru/registration/.

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

Далее произведем основные настройки – для этого перейдем в соответствующий раздел:

Во вкладке «Главное» укажем описание и субдомен сайта, по которому будет доступен наш проект после его публикации в сети.

Во вкладке «Шрифты и цвета» можем выбрать один из предложенных шрифтов или в режиме расширенных настроек подключить свой вариант с Google Fonts, Adobe Fonts, а также загрузить любой другой подготовленный заранее шрифт.

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

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

Во вкладке «Аналитика» можно будет посмотреть статистику сайта, но вот подключение счетчиков Google Analitics, Яндекс Метрики и других невозможно при бесплатном доступе.

С настройками оптимизации для поисковых систем тоже не густо – пользователи бесплатного тарифа не могут подключить https-протокол, Google search console, Яндекс Метрику, делать редиректы и многие другие полезные вещи, зато могут искать битые ссылки.

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

На бесплатном тарифе также нельзя:

  • ограничить доступ к определенным страницам (вкладка «Ограничить доступ»),
  • подключить сервисы для приема платежей (вкладка «Платежные системы»),
  • создать личные кабинеты для клиентов и партнеров (вкладка «Личный кабинет»),
  • организовать совместный доступ к сайту (вкладка «Сотрудники»),
  • загрузить favicon,
  • отключить лейбла Тильды,
  • подключить пользовательские css-стили,
  • создать пользовательскую страницу 404,
  • подключить дополнительные модули (включая каталог товаров).

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

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

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

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

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

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

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

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

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

У блоков из разных смысловых категорий также имеется свой набор опций во вкладке «Настройки». Рассмотрим на примере блока с заголовком некоторые из них.

Вызвав меню настроек, мы можем редактировать параметры шрифта, внешний вид кнопок, высоту и ширину блока, выбирается seo-тег для заголовка, корректировать отступы, настраивать анимацию и позиционирование фонового изображения/видео, а также здесь есть возможность конвертировать блок в Zero для кардинального изменения дизайна:

Самая левая кнопка панели редактирования вызывает выпадающий список блоков из других модулей – при наведении на блок появляется его миниатюрный облик:

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

Для удобства работы с блоками в правом верхнем углу экрана во вкладке «Еще» можно активировать пункт «Блоки на странице», который откроет наглядную карту блоков с порядком их расположения на странице:

Чтобы добавить новый блок, нужно нажать на плюсик под или над каким-то блоком:

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

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

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

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

Здесь можно задать заголовок страницы, ее описание и адрес.

В разделе «Бейджик» добавьте изображение для превью страницы. Настройте отображение сниппета во вкладках «Соцсети» и «SEO». Дублировать, копировать или перенести страницу можно в разделе «Действия».

Во вкладке «Дополнительно» есть много полезных функций, пользоваться которыми бесплатно нельзя. Например, если возникнет потребность сделать для каких-либо данных семантическую разметку schema.org, то добавить такой код на страницу не получится.

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

Нравится статья? Тогда смотрите наши курсы!

Заключение

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

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

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

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

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