Веб-студия Александра Иванова

Веб-студия Александра Иванова
Разделительная полоска

Обзор конструктора сайтов Tilda

Конструктор сайтов Tilda (Тилда) - это платформа, позволяющая самостоятельно создавать следующие веб-проекты: лендинги, портфолио, сайты-визитки, лонгриды, интерактивные статьи, фото-истории.
Основным элементом веб-конструктора является визуальный редактор с громадным функциональным потенциалом.
Одним из достоинств конструктора является возможность разработки лонгридов – ресурсов для публикации журналистских материалов. По виду это нечто среднее между лендингом (одностраничником) и блогом.
Разработчик продукта - Россия.
Год запуска - 2014.
Сервисом используются модные технологии: блочная структура, плоский дизайн, параллакс.

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

Все предлагаемые шаблоны разбиты на две категории: бизнес и контент. Первая - содержит 37 тем оформления, вторая - 15. Также присутствует «пустой» шаблон, который с нуля можно заполнить самостоятельно. Дизайны сделаны по одним и тем же лекалам, существенной разницы в них нет.
В целом все темы оформления качественно проработаны. Они: широкоформатные, адаптивные, разделены на блоки, имеют различные иконки. Во многих из них задействован эффект параллакса (изменение положения видимого объекта по отношению к фону). Прокрутка, как правило, блочная, то есть странички листаются целиком.
Имеется информативный режим предпросмотра. Однако следует отметить, что весь демо-контент в шаблонах на английском языке, поэтому его придется полностью заменять.
Каждый отдельный блок является настраиваемым элементом. Можно изменить: размер, шрифт, цвет, отступы, эффект прозрачности и параллакса. Настроек очень много, поэтому с этим придется разбираться и тратить время, но в финале вы получите то, что желаете увидеть, как дизайнер проекта. Можно добиться симметрии, красоты и гармонии.
Шаблоны Tilda
Функциональные возможности

Функционал конструктора Tilda впечатляет. Считаю, что аналогов на сегодня у Тилда по данной позиции - нет. Разработчики попытались учесть все положительные достижения конкурентов и гармонично встроили в свой продукт лучшие наработки web-конструкторов с визуальным редактором, с которым работать удобно и просто.
Конструктор насыщен набором готовых модулей и их вариаций.
Пользователь в свой проект может добавить: шапку, обложку, текст, галерею, изображение, меню, колонки, видео, форму, кнопку, код Html, футер, элементы магазина. Присутствует возможность создания с нуля собственного блока (Zero Block). Можно самостоятельно задать компоновку элементов, контент, размеры, анимацию. Кроме того предлагается интересное решение - для каждой страницы можно делать свое меню и подвал (футер).
Блоки можно дублировать и переносить на другие странички. Каждый из них имеет ряд настроек: несколько заготовок оформления, ручная правка шрифтов, размеров, эффектов, цветов, фонов. Любой контент можно редактировать, просто кликнув по нему.
Вы можете поставить видео в качестве фона, указав на него ссылку, включить параллакс и задать степень прозрачности.
Изюминкой сервиса является возможность создания лонгрида – модного и специализированного формата веб-сайта. Работа со шрифтами, отступами, оборачиванием текста и переходами, очень пригодятся журналистам.
Однако следует отметить, что разработчики сервиса оставили без внимания такие важные моменты как: выравнивание текста по ширине и наличие красной строки в начале абзаца (на мой взгляд, это серьезный недостаток).
В системе присутствуют качественные справочные материалы и обучающие видео. Вы сможете получить полезные советы о том, как нужно делать хорошие проекты. По созданию каждого типа сайтов есть пошаговая видео-инструкция.

Основные функциональные возможности конструктора Tilda:

Блочный механизм редактирования.
Библиотека модулей содержит более 300 штук.
Все блоки имеют гибкие настройки для индивидуального дизайна.
Присутствие макетов готовых страниц.
Фокус типографики (выбор ширины строки, размера шрифта, комбинации заголовков).
Эффект анимации и параллакса.
Публикация полноэкранных фотографий.
Наличие разнообразных фотогалерей.
Множество блоков по совместному размещению текста и фотографий.
Присутствие редактора изображений (добавление надписи, эффектов, тонирования, насыщенности, яркости, изменение размеров).
Установка в качестве фона видео (YouTube, Mp4, Webm).
Создание музыкального сопровождения с помощью интегрированного сервиса SoundCloud.

В коллекцию блоков входят: обложки, тексты, изображения, разделители, меню, плитка и ссылка, видео, формы и кнопки, карта Google, вставка html кода, якорные ссылки, интерактивные подсказки, вставка презентаций из сервиса SlideShare.

Интеграция в проект платежных систем:

Оплата покупок Яндекс-Деньгами.
Прием оплаты через PayPal.

Причем отсутствует какая-либо комиссия сервиса Тилда за осуществляемые платежи.
Функциональные возможности Tilda
Стоимость тарифов

Tilda предлагает на выбор три тарифных плана:

• Fre (бесплатно).
Вы получаете: право сделать один сайт объемом до 50 страниц, предоставляется 50 Mb места на сервере, использование только отдельных блоков (30% от общего их количества), домен третьего уровня (бесплатный субдомен и хостинг).

• Personal (6.000 руб. при оплате за год, 750 руб. - помесячно).
Пользователь получает: 1 сайт, до 500 страниц, 1 Gb места на сервере, полная коллекция готовых модулей, подключение собственного домена.

• Business (12.000 руб. при внесении оплаты за целый год или 1.250 руб. - при ежемесячной оплате).
К указанным в тарифе «Personal» позициям вам дополнительно предоставляется: 5 проектов, 500 страниц (для каждого из них), 1 Gb места на сервере, экспорт исходного кода.
Стоимость тарифов Tilda
SEO-настройки

Веб-конструктор предоставляет возможность самостоятельного оптимизирования сайта, а именно: заполнение мета-тегов Title (название) и Description (описание) для каждой отдельной странички и проекта в целом.

Кроме того, пользователю дано право:
задавать URL-адреса страниц;
настраивать тег H1 для заголовка и H2-H6 - для подзаголовков;
заполнять ALT тег для картинок;
запрещать индексацию сайта или его отдельных веб-страниц;
подтверждать права на владение ресурсом в веб-мастере Яндекс/Google.

Файлы robots.txt и sitemap.xml создаются для проекта автоматически.
SEO-настройки Tilda
Подключение домена к сайту

Каждому пользовательскому проекту по умолчанию присваивается домен третьего уровня вида - имя.tilda.ws, где имя - название, которое вами указывается при создании сайта. Его всегда можно изменить на другое. Пользователи, оплатившие один из платных тарифных планов, получают право подключить собственный домен второго уровня.

У зарегистрированного пользователя по вопросу использования доменного имени для своего разрабатываемого проекта есть три варианта:
1. На Fre тарифе использовать бесплатный домен третьего уровня (например, mersedes.tilda.ws). В этом случае вы имеете полностью бесплатный сайт, но с определенными ограничениями.
2. При оплате платного тарифного плана получить домен в подарок (оплачен только за первый год, далее придется за него платить). В данном варианте вы привязываете себя к данному сервису, и расстаться в будущем, забрав подаренный вам домен, будет очень сложно. Подарки раздаются «с дальним прицелом», причем за этот «подарок» вы в течение первых трех лет заплатите больше, чем, если бы вы использовали доменное имя, купленное на другом ресурсе.
3. Внести деньги за любой из двух платных тарифов (Personal или Business) и подключить к проекту собственный домен, который ранее был вами приобретен у регистратора доменных имен.

Настоятельно рекомендую покупать доменное имя только у официального российского регистратора доменов (например, WebNames.Ru, Nic.Ru, Reg.Ru, R01.Ru, Reggi.Ru, Domenus.Ru, 101Domain.Ru) на свои паспортные данные. В этом случае, у вас всегда будут альтернативные варианты. Например, разработать новый проект на базе какой-либо системы управления контентом (CMS), с переносом всех материалов. Затем без проблем переподключить к нему имеющийся собственный домен.

Вопрос подключения домена к сайту, созданному в Tilda, решается достаточно просто. Через личный кабинет на ресурсе регистратора веб-доменов => в разделе «Мои домены», в настройках => «Управление DNS-зонами» необходимо добавить две записи типа «А» с указанием IP-адреса 185.165.123.206 (уточняйте текущие изменения).
В позиции «Cубдомен» (Subdomain) для одной записи нужно указать - @, для другой - www
Настройка IP-адреса домена

Достоинства конструктора сайтов Tilda:

1. Ошеломительный функционал (не один из конкурентов не может похвастаться таким набором и количеством готовых блоков).
2. Все размещаемые на странице блоки имеют громадное количество настроек. Кроме того для каждой отдельной странички можно сделать свое меню и подвал, а также шапку.
3. Понятная и удобная панель управления.
4. Приятный интерфейс.
5. Достаточный выбор качественных и проработанных шаблонов.
6. По умолчанию все изображения, которые не попадают в поле зрения посетителя, не загружаются (опция - Lazy Load). Это происходит до тех пор, пока не будет прокручена страница вниз. Таким образом, существенно ускоряется загрузка веб-страниц.
7. Публикуемые картинки отображаются в высоком качестве, их можно масштабировать и заполнять поле Alt-тег.
8. Можно вставлять элементы с html-кодом.
9. Наличие дополнительного редактора по созданию собственных блоков - Zero Block.
10. Присутствие большого количества полезных справочных текстовых и видео материалов.
11. Имеется опция «Предпросмотр». Всегда можно посмотреть, что получилось.
12. Есть специальный блок, защищающий контент страницы от копирования.
13. Возможность подключения инструментов сбора статистики посещаемости Google-Analytics, Яндекс-Метрика.
14. Наличие тарифа Fre, который позволяет сделать приличный сайт-визитку под рекламную кампанию, с бесплатным доменом и хостингом.

Недостатки конструктора сайтов Tilda:

1. Очень упрощенный и не проработанный текстовой редактор, как впрочем, у большинства веб-конструкторов. Так, при размещении на страницах проекта готовых текстов (например, набранных в MS Word) «утрачивается» их форматирование (размер шрифта, красная строка, выравнивание по ширине).
2. Достаточно высокая стоимость тарифных планов.
Выводы

Конструктор сайтов Tilda бесспорно является очень продвинутым инструментом для разработки красивых и современных интернет проектов. Обилие функциональных возможностей, поразят любого взыскательного пользователя, а для женщин - это просто подарок. Его поклонниками непременно станут люди занятые творчеством: журналисты, писатели, художники, дизайнеры, частные предприниматели, а также активные блогеры.
Он приятен в работе. Новички в сайтостроении разберутся с обилием его настроек за 3 часа. Однако для использования конструктора Тилда на «полную мощность» и разработки уникального дизайнерского сайта, потребуется наличие хорошего художественного вкуса.
Данный инструмент можно было бы признать лучшим среди конкурентов, превосходным и революционным, однако слабый текстовой редактор способен существенно испортить общий дизайн создаваемого сайта и ваше отношение к этому сервису. Меня, например, крайне раздражает отсутствие возможности выровнять текст по ширине и сделать отступ (красную строку) в начале каждого абзаца.
Возможно, данные недоработки разработчики в скором времени устранят, вот тогда Тилда непременно станет фаворитом среди подобных ресурсов.
На сегодняшний день есть из чего выбирать, поэтому решение всегда за вами!
В качестве серьезных конкурентов этому web-конструктору я бы выделил Jimdo и Vigbo.

Примеры сайтов, сделанных в конструкторе Tilda:
vaderstudio.com - студия Vader (г. Москва)
metanoya.ru - ресурс Александра Янкелевича (г. Минск)
crimea-cleaning.ru - профессиональная уборка (г. Ялта)
iznutri.store - курс лекций по мышлению
Обзор конструктора сайтов Tilda