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

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

• Как сделать всплывающее окно?
• Как добавить ссылку на конкретное место на странице (якорь)?
• Как добавить видео?
• Как добавить кнопку?
• Как добавить свой HTML, CSS или Javascript-код?
• Как добавить на сайт PDF?
• Как добавить ленту Instagram?
• Как скопировать блок на странице?
• Как отменить действия на странице?
• Как сделать таблицу?
• Как снять страницу с публикации?
• Как добавить микроразметку (Schema.org или JSON-LD)?
• Как переместить блок?
• Как сохранить страницу в PDF файл?
• Как поменять название на вкладке браузера
• Текст удаляется сам, не удается ввести.
• Как скопировать сайт?
• Как подключить второй Instagram аккаунт?
• Как отвязать Instagram аккаунт и подключить другой?
• Как изменить цвет иконок социальных сетей?
• Как уменьшить (увеличить) отступ у блока?
• Как добавить ссылку для текста?
• Как изменить порядок страниц в блоке из категории «Список страниц»?
• Как включить модульную сетку?
• Как сделать отображение разных блоков для мобильной и десктопной версии?
• Как изменить количество блоков в ряд?
• Как отразить по горизонтали — поменять местами текст и картинку?
• Как добавить аудио или музыку на сайт?
• Как добавить иконки из пакета Tilda Icons?
• Где находится Библиотека блоков?
• Как задать главную страницу?

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

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

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

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

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

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

Epidemic Sound – The Mask

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

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

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

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

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

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

SEO

• Поисковики не видят мой сайт, что делать?
• Как добавить robots.txt и sitemap.xml
• Как сделать страницу ошибки 404?
• Как добавить (назначить) тег H1?
• Как запретить индексировать страницу поисковикам?
• Почему Яндекс показывает неправильный фавикон (favicon), не отображает нужный?
• Как улучшить SEO?
• Как убрать disallow в robots.txt?
• Как запретить индексировать сайт поисковым системам?
• Нужно ли назначать H1 в блоке, который виден только на мобильных?
• Как добавить ключевые слова для сайта?
• Почему сайт не индексируется в поисковых системах?
• Как сделать переадресацию с кодом 301 со старых ссылок на новые?
• Как исключить неправильную ссылку в поисковой системе?

Epidemic Sound – Back In The Days

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Функциональные интеграции

Дополнительные возможности реализованы посредством интеграции сторонних сервисов. Они распределены по категориям: CRM (PipeDrive, MegaPlan, amoCRM, Bitrix24), почтовые рассылки (GetResponse, MailerLite, MailChimp, SendinBlue, UniSender) и прочие (Google Forms/Sheets, Slack, Webhook, Zapier, Telegram, Trello). Набор средний по объёму и разнообразию. Подключить можно в настройках сайта, имея аккаунты в необходимых сервисах.

Отметим, что посредством блока вставки HTML/CSS/JavaScript вы сможете добавить и другие службы/элементы на ваш сайт. Если потребуется добавить PHP-код, это придётся делать через сервис Webhook, добавив код на свой сервер. Неудобно, но только так это сработает. Вообще, даже с одним HTML можно добавить на сайт десятки интеграций, но нужно знать, где и их искать.

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

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