Как убрать на тильде made on tilda

Как создать сайт на Tilda: инструкция для новичков

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

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

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

Бесплатный тариф хорош, если вы хотите потренировать свои навыки создания сайтов на Tilda или делаете визитку/портфолио.

Для крупных сайтов, спецпроектов, интернет-магазинов, блогов потребуются возможности платных тарифов. Их два: Personal (750 р/мес) и Business (от 1200 р/мес). Между ними два ключевых отличия:

У тарифа Business есть несколько пакетов услуг, которые отличаются только количеством доступных проектов. Максимум на одной учётной записи можно создать до 30 сайтов.

Совет: если вам нужен один сайт и не требуется экспорт кода, выбирайте тариф Personal. По функциональности он ничем не уступает тарифу Business.

Создание проекта

После авторизации на Tilda вы попадаете в панель управления, которая называется «Мои сайты». Здесь будут ссылки на все ваши проекты.

Нажмите на кнопку «Создать новый сайт». Укажите название проекта. Остальные параметры можно пока не трогать — настроим их перед публикацией, когда все страницы сайта будут готовы.

В панели управления появился первый проект. Это наш будущий сайт, но у него пока нет ни одной страницы. Исправим это.

Создание страниц

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

Главная задача сейчас — создать и настроить первую страницу.

Откройте проект и нажмите на кнопку «Создать новую страницу». Появится библиотека шаблонов, разделённая на несколько категорий:

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

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

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

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

В редакторе Тильды используется bootstrap-сетка из 12 столбцов. По ней вы будете выравнивать контент. Страница верстается строго вертикально. Вы добавляете блоки один за другим и меняете очередность их появления на экране при скролле.

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

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

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

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

Перед публикацией страницы нажмите на кнопку «Настройки». Вам нужно заполнить несколько важных полей.

На вкладке «Бейджик» вы можете выбрать изображение, которое будет использоваться при публикации ссылки на страницу. Отображение в Фейсбуке и поисковой выдаче настраивается на одноимённой вкладке. Можно использовать заголовок и описания, добавленные на вкладке «Главное», или задать специальные метаданные.

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

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

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

Работа с Zero Block

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

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

В Zero Block можно добавить следующие элементы:

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

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

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

Настройка анимации

Конструктор предлагает два типа анимации:

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

Пошаговая анимация настраивается только в редакторе Zero Block. Её можно применить к любому элементу интерфейса. В настройках есть раздел «Step by Step Animation». Чтобы приступить к добавлению шагов, нажмите «Add».

Для начала нужно выбрать условия старта анимации. Всего их пять:

У начала также есть три дополнительные настройки:

Чтобы посмотреть, как это работает, используйте кнопки «Play Element» и «Play All». В первом случае проигрывается анимация выбранного элемента, во втором — поведение всех элементов, которые есть на экране. Но прежде чем запускать предварительный просмотр, нужно настроить шаги — то есть показать конструктору все этапы анимации.

Шаги добавляются кнопкой «Add Step». Дальше нужно изменить состояние элемента. Всего есть 7 свойств:

Совет: если вы хотите, чтобы элемента сначала не было на экране, задайте ему нулевой шаг со 100% прозрачностью.

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

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

Подготовка сайта к публикации

У нас есть готовый проект со всеми свёрстанными страницами. Осталось подготовить его к публикации — подключить домен, проверить настройки, добавить счётчики от Яндекса и Google для сбора статистики.

При создании сайта мы указали только его название. Теперь нужно заполнить остальные важные поля. Для этого нажмите на кнопку «Настройка сайта». Откроется знакомое окно, в котором нужно выполнить следующие действия:

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

Подключение домена

На платных тарифах можно добавить на сайт домен. Его придётся регистрировать на других площадках. Чтобы привязать домен к сайту, нужно в его настройках добавить запись А и указать в ней IP-адрес 185.165.123.36.

Для поддомена или домена с www создаётся ещё одна запись А с адресом 185.165.123.36.

После добавления записей в настройках домена на сайте регистратора укажите его имя в настройках сайта на Тильде. Обновление записей занимает от 3 до 24 часов.

Сценарии публикации

На Tilda есть 7 сценариев публикации. Количество доступных вариантов зависит от того, какой у вас тарифный план.

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

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

Ещё один вариант — подключение субдомена. Например, у вас есть интернет-магазин на CMS, но вы хотите дополнить его спецпроектом с рассказом о брендах одежды. Вы создаёте субдомен — например, special.myshop.ru. Затем подключаете его к проекту на Tilda. После обновления записей DNS контент, свёрстанный на конструкторе, будет доступен по привязанному субдомену. В обоих случаях все данные хранятся на сервере Tilda.

На тарифе Business к перечисленным вариантам публикации добавляется экспорт кода. Он доступен в четырёх режимах. Во всех случаях контент хранится на стороннем хостинге.

Самый распространённый сценарий — публикация сайта на домене второго уровня. После нажатия на кнопку «Опубликовать» сайт будет доступен по тому адресу, который вы указали в его настройках.

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

Вывод

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

Для создания интерактивных сайтов с впечатляющей анимацией и уникальным дизайном разработчики используют мощный Zero Block. Чтобы создавать в нём привлекательные и функциональные блоки, нужно пройти обучение. В справке Tilda даже есть бесплатный учебник с видеоуроками, объясняющими основные операции. Если времени на обучение нет, то можно первое время обходиться стандартными блоками. В них тоже есть анимация, пусть и не такая интересная, как в настройках Zero Block.

С инструментами Тильды можно работать на бесплатном тарифе, однако он подходит только для обучения и создания совсем простых сайтов. Все возможности конструктора доступны на тарифе Personal, а если вам нужно экспортировать код или создать больше 5 сайтов, то придётся покупать подписку на Business.

Как разрабатывать сайт на Тильде: возможности и преимущества, недостатки и нюансы

Содержание

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

На халяву и сайт на конструкторе сладкий

Тех, кто считает, что основное преимущество сайта на Тильде – его бесплатность, делаем открытие №1. Бесплатно вы получите сайт, к которому невозможно подключить домен.

Можно ли обойтись без него? В принципе, да, но тогда адрес вашего сайта будет выглядеть как-то так:

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

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

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

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

Что у Тильды с дизайном?

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

То, что шаблонов много, радует. А вот то, что они в большинстве своем однотипные и одностраничные (что, простите?) – не очень. Не покидает ощущение, что дизайнеры просто исчерпались и задолбались, пока клепали полтысячи шаблонов. Надеемся, когда-нибудь они отдохнут и станут оригинальнее. А пользователи смогут делать уникальный дизайн на Тильде, минусы у которого напрочь будут отсутствовать.

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

Для тех, у кого нет проблем со вкусом, но есть свободное время и море креатива, создано порядка 140 блоков. С их помощью можно собрать сайт, визуально отличающихся от собратьев, рожденных в Tilda Publishing. Но чтобы сделать ресурс с авторским дизайном, блоков будет недостаточно. Понадобится Zero Block – занятный редактор, лезть в который стоит только если руки у тебя растут из правильного места. В этом редакторе можно менять все детали страниц: размер, расположение, прозрачность и еще несколько десятков параметров кнопок, текста и изображений.

И все-таки плюшку мы считаем крутой, вот только реально пригодится она от силы 10% пользователей. К слову, если вы все-таки решите отдать оформление сайта, состряпанного на конструкторе, дизайнеру, снова всплывет вопрос о деньгах. Хороший специалист попросит приличный гонорар, а связываться с плохим даже не стоит.

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

Аналитика нужна, аналитика важна

Крутой дизайн – это здорово, но если на сайте нет возможности получить статистику посещений, переходов и прочей активности, в топку его без жалости. На ресурсах, созданных в конструкторе Тильда такая возможность есть. Радует, что к ним можно не только прикрутить счетчики Яндекса и Google, но и подключить встроенную систему аналитики. Ее еще и настроить можно, представляете? Например, активировать режим отслеживания времени просмотра страниц и скроллинга. С ним вы точно будете знать, кто читает ваши опусы, а кто только делает вид.

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

Выявляя плюсы и минусы Тильды, нельзя обойти стороной такую фишку как пиксели соцсетей («ВКонтакте», Facebook (признана экстремистской организацией, деятельность которой запрещена в Российской Федерации) и Mail.ru). Здесь они есть (внизу страницы «Аналитика и статистика») и это круто. Почему? Потому что с их помощью можно делать рекламу в социалках наиболее точной и отслеживать поведение пользователей на сайте. Даже если вы не рекламируетесь в соцсетях, не поленитесь установить пиксели. Они собирают ценные данные, которые в дальнейшем пригодятся в работе с Яндекс.Метрикой и Google.Аналитикой.

Сделал сайт – берись за SEO

Чаще всего во время разработки сайта его владелец не думает о продвижении. В его голове крутится что-то типа: «Главное – сделать ресурс, а уж потом будем разбираться с SEO и прочей ерундой». И вот когда появляется возможность вложиться в продвижение, сайт оказывается под него не заточен. Чаще всего это касается самописных ресурсов, но иногда с SEO не дружат и сайты, собранные на конструкторах.

У Тильды такого минуса профессионалы не находят. Сайты, созданные на этом конструкторе, можно успешно продвигать. Некоторые владельцы бизнеса предпочитают делать это самостоятельно, благо понятный интерфейс Тильды и масса справочных материалов (за это большущий респект) позволяют. Еще на этапе создания сайта можно бесплатно получить SSL-сертификат и настроить протокол HTTPS, выставить редиректы и даже фавиконки, прописать ЧПУ и метатеги. Файлы sitemap.xml и robots.txt, без которых ресурсу не жить, конструктор создает сам. Согласитесь, приятные преимущества сайта на Тильде.

Когда последние правки в сайт будут внесены и он получит законченный вид, можно воспользоваться бесплатным сервисом Google Search Console. Этот сервис предназначен для управления процессом показа сайта в поисковой выдаче. Подключив Google Search Console, вы сможете понять, как ресурс выглядит глазами бота Google, и что сделать, чтобы он был еще привлекательнее. Для просмотра отображения сайта в выдаче Яндекса есть Вебмастер. Подключить его можно прямо в конструкторе. Заморачиваться с настройкой внутреннего поиска по сайту не придется. Достаточно поставить галочку напротив «Разрешить внутренний поиск по сайту», как он подключится автоматически. Удобно, тысяча чертей!

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

В интернет-магазине два дурака…

Если и делать что-то на Тильде, так это интернет-магазин. Он, конечно, получится простенький: функционал разнообразием не порадует, да и в категориях сильно не развернешься. Но работать будет. Для этого в Тильде созданы все условия. И протокол HTTPS, и простое подключение 17 (поражаете, ребята) способов оплаты, и настройка оформления доставки.

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

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

Второй модуль, получивший простое название «Потоки», стоит подключить, если вы планируете часто публиковать на сайте новости и полезные статьи. Благодаря ему размещать материалы станет проще: никаких заморочек с оформлением, приведением к одному виду и дублированием в соцсетях. Все настраивается в элементарном редакторе, разобраться с которым дело 2-х минут.

Если захотите подключить к своему интернет-магазину CRM, сможете выбрать одну из семи: Tilda (откуда ноги растут вы, думаем, понимаете), Amo, Bitrix24, MegaPlan, Pipedrive, HubSpot, Zoho. Не успели мы толком порадоваться, как натолкнулись на минус Тильды, бросающийся в глаза каждому профессионалу. Она не интегрируется с 1C как Bitrix. Что для интернет-магазинов с большим ассортиментом очень и очень плохо.

Горбатый сайт маркетинг исправит

Мы вряд ли кого-то удивим, если скажем, что вас рано или поздно придется вносить изменения в свой сайт. Может вы захотите расширить ассортимент, может доработать дизайн, может увеличить конверсии. Чтобы понять, стоит ли тратить на это деньги, придется провести сплит-тестирования (их еще называют A/B-тестированиями). И тут выяснится, что такой возможности в сайте на Тильде нет. Придется привлекать сторонние сервисы, например Google Optimize. Справочный центр рассказывает, как проводить A/B-тестирования с его помощью. Заморочек немало, внутренний сервис, конечно, был бы удобнее.

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

Программиста в мешке не утаишь

В список «Возможности и преимущества Тильды» можно включить и допустимость правки HTML-кода. Но тут как всегда есть одно но. Вносить изменения и добавления можно только с помощью стороннего сервиса Webhook. Иначе сайт на конструкторе в код не пустит. Правильно, в код только после свадьбы) И еще одна ложечка дегтя – сервисов, помогающих усовершенствовать HTML-код полно, вот только за большинство из них придется платить.

Для ускорения загрузки страниц в сайтах на Тильде по умолчанию включена функция Lazy Load. Благодаря ей изображения, присутствующие на странице, загружаются только тогда, когда попадают в поле зрения пользователя. Если картинка расположена внизу страницы, а посетитель сайта, так и не добрался до нее, прогружаться она не будет. Мелочь, а загрузку оптимизирует.

К преимуществам сайта на Тильде мы отнесли и возможность его переноса на другой сервер. Делается это посредством копирования исходного кода. После переезда у владельца сайта остается статичный HTML (т.е. только верстка), которую необходимо привязать к какой-то CMS. С сервисами, формами, корзиной, модулем «Каталог товаров», «Потоками» и шрифтами, прописанными партнерами Тильды, придется попрощаться. Обидно, досадно, но так ребята пытаются удержать подписчиков.

Кстати, о формах. Для сбора данных о пользователях на страницах сайта можно разместить разные виды этого элемента. Чтобы информация поступала на почту, email-формы. Чтобы сразу попадала в Google-таблицы – Google Sheets. Ну а для мобильных бизнесменов есть вариант подачи данных в Telegram.

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

И что в итоге?

на бесплатном тарифе невозможно подключить домен

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

блог здесь слепить можно, но пользоваться им будет неудобно

для проведения A/B-тестирования нужен сторонний сервис

не интегрируется с 1C

при переносе сайта на другой сервис вы теряете больше половины элементов

Плюсы и минусы Тильды нам хорошо знакомы, поэтому мы рекомендуем делать сайты на этом конструкторе, если вам нужен:

лендинг с современным дизайном,

корпоративный сайт со скромным функционалом,

небольшой интернет-магазин для старта бизнеса.

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

Продвижение сайта на Тильде

*Статья обновлена 31.11.2020.

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

Давайте разберемся, что же представляет из себя Тильда в начале 2020 года и какие инструменты для SEO-продвижения предлагает.

Что такое Тильда

Tilda Publishing — это конструктор сайтов блочного типа. Он не требует знаний в программировании и позволяет создавать различные сайты: от простых, симпатичных лендингов до многостраничных интернет-магазинов с каталогами и фильтрами.

Тильда подойдет для создания:

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

Почему выбирают Тильду и насколько это оправдано с точки зрения поисковиков разбираемся далее.

Плюсы

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

Адаптивная верстка

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

Шаблоны

Легкость восприятия информации является важным моментом. Если посетителя не зацепить с первого взгляда — он может уйти, а это минус для поведенческих факторов и SEO. Нелогичное размещение блоков может испортить внешний вид и удобство навигации. Тильда предлагает большое количество бесплатных, красивых и грамотно составленных шаблонов. Да, они узнаваемы с первого взгляда, но от этого не выглядят хуже. Если хотите сильнее выделяться, используйте Zero Block.

Zero Block

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

Именно Zero Block отмечают, как одно из главных преимуществ конструктора.

Обновления конструктора

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

Каталоги

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

Пример каталога можно увидеть здесь.

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

Интеграция с различными сервисами

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

Также помогут продвинуть сайт cервисы рассылки:

Не так давно (в мае 2020 года) была добавлена возможность интеграции с доставкой СДЭК, Почтой России, Boxberry. Посетитель сможет рассчитать стоимость доставки до оформления заказа, а пункты выдачи отобразятся сразу на странице. Все это значительно улучшает юзабилити товарной страницы.

Интеграция с сервисами доставки

Создание рассылок

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

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

Внутренняя статистика

Альтернатива Яндекс.Метрике и Google Analytics в упрощенном виде. На первых порах, пока не успели подключить последние, имеет право на жизнь.

Статистика по сессиям

Со всеми отчетами можно ознакомиться тут.

Last-modified

Для страницы после внесения изменений автоматически прописывается заголовок Last-modified. Это положительно сказывается на индексации страниц и полезно для SEO-продвижения сайта.

Калькуляторы

Полезная вещь. Особенно для лендингов. Калькуляторы повышают юзабилити сайта, увеличивают длительность визита — плюс для SEO.

Поиск по сайту

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

Минусы

Минусов у Тильды достаточно. В основном они упираются в узконаправленность платформы и ее стоимость.

Масштабируемость

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

Работа с большим количеством страниц

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

Товарные страницы

На Тильде можно создать продуктовые страницы, но надо понимать, что они получатся очень простыми.

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

Плохой вариант для интернет-магазинов

Тильда для больших интернет-магазинов (на данный момент) не подходит. Они требуют: большого количества страниц (>500), использования шаблонов в мета-тегах, настраиваемых фильтров и так далее. Также нет интеграции с 1С. Скромный функционал корзины. Нужно продолжать?

Хранение файлов

Emoji

Нюансы

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

Скорость сайта

Последнее время SEO-специалисты много внимания уделяют этому показателю. Если у вас долго открываются страницы:

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

Мобильная версия

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

Стоимость

С одной стороны Тильда позволяет сэкономить на затратах на программировании. С другой, если вам потребуется менять структуру большого количества страниц, то это повлечет значительные затраты на поддержку сайта. Ведь вносить изменения придется в ручном режиме. Минимальный ежегодный расход обойдется в 6000 рублей в год + оплата домена. Цены на тарифы приемлемые, хотя на том же WordPress вы будете платить ежегодно только за хостинг + домен (+ единоразовая оплата за тему, если бесплатные не устроят).

Плагины

Тильда позволяет подключить 40+ плагинов. Есть платные, есть нет. Если сравнивать с Wix или WordPress, то такое количество кажется смешным.

Тем не менее несколько полезных SEO-плагинов есть.

Комментарии

В Тильду интегрированы виджеты Disqus и HyperСomment, которые позволяют оставлять комментарии. Полезно для блогов.

Кнопки «Поделиться»

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

Виджеты обратной связи

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

Полный список плагинов здесь.

Размер хранилища

Тильда предоставляет всего 1 Гб места на хостинге. Этого мало, если использовать много качественных фотографий, которые так любят поисковики. Интересно, что в тарифе «Бизнес» доступен все так же 1Гб на все 5 сайтов.

Тильда не позволяет вносить изменения в автоматически генерируемый платформой код. Отсюда 2 следствия:

Служебный код на страницах Тильды занимает огромный объем, т.к JS-скрипты подключены прямо в HTML. Зачастую получается, что полезный контент составляет чуть-ли не 2% от исходного кода. Этот показатель считают одним из факторов ранжирования страниц. Чем больше полезного контента, тем лучше. На популярных CMS отношение полезного контента намного выше.

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

Экспорт кода

Вы можете безболезненно (с точки зрения SEO) перенести сайт с Тильды на CMS или использовать ее как фреймворк. Экспорт доступен только для тарифа Business. Все относят этот пункт к плюсам. Мол если «не срослось» с платформой, перенесли к себе и дальше работаем, но не совсем так. Есть маленькая оговорка:

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

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

Микроразметка

Калькулятор доставки

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

URL адреса страниц

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

DDOS-защита

Если вы будете делать технический SEO-анализ сайта на Тильде, то можете обнаружить подозрительный ответ сервера. Все дело в том, что разработчики применяют различные методы по защите сайта от кибератак. Так, на Тильде срабатывает комплексная система защиты от DDoS. При сканировании страниц через сервисы-анализаторы, сервер возвращает 307 TemporaryRedirect. Если же на сайт заходит поисковый робот, то сервер отдаст 200 ОК.

Потоки

Потоки это ваше спасение, если вы уперлись в лимит по количеству страниц на сайте.

Потоки по сути являются упрощенной вариацией блога с бесконечным количеством публикаций.

Вы можете задавать мета-теги, ЧПУ, использовать заголовки разных уровней. Автоматически добавляется микроразметка BlogPosting, а так же формируются AMP и Турбо-страницы без лишних телодвижений. От AMP и Турбо-страниц можно отказаться, если что. В общем все самое необходимое для SEO есть. Однако есть и ложка дегтя. Вы не можете использовать блоки Тильды. Вообще. Можно вставлять картинки и видео. И все.

Больше информации о потоках читайте в официальном блоге Тильды.

Хлебные крошки

Использование хлебных крошек упрощает навигацию по сайту.

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

Так выглядит блок с кодом для хлбеных крошек

Тарифы

Для конструктора доступны 3 тарифа: Free, Personal, Business.

Бесплатный тариф не пригоден для SEO-продвижения т.к. сильно ограничивает необходимый для этого функционал:

Тарифный план подойдет для создания сайта-визитки, портфолио или просто для ознакомления с системой.

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

Business тариф позволит создать до 5 сайтов по 500 страниц, а также экспортировать каждый в виде архива.

При условии годовой оплаты дают бесплатно домен на 1 год + открывается возможность убрать из подвала надпись «Made on Tilda».

Полное сравнение тарифов доступно по ссылке.

Продвижение на Тильде

Можно ли продвинуть сайт на Тильде? Чтобы ответить на этот вопрос, нужно провести анализ конкурентов. Если по продвигаемым запросам есть сайт на этой платформе, тогда вероятность успеха возрастает в разы. Идентифицировать такие сайты очень просто. Чаще всего они помечаются текстом «Made on Tilda» в подвале сайта.

Однако, при использовании годовой подписки, надпись можно скрыть. Чтобы проверить принадлежность сайта, нужно посмотреть в файл robots.txt. Строки вида:

и т.д. выдают конструктор.

Если в вашей тематике в ТОП-10 поисковой выдачи нет сайтов на Тильде, тогда нужно анализировать конкурентов тщательнее. Как это сделать узнаете в одной из наших следующих статей!

SEO-настройки

Если коротко, то Тильда является SEO-friendly конструктором и позволяет выполнять базовую оптимизацию сайта. Зачастую это не так удобно, как в Битриксе, MODX и прочих CMS, но возможно. Настроить SEO-составляющую позволяют встроенные инструменты.

Аналитика

Аналитика в Тильде подключается легко. Инструкция по подключению Яндекс.Метрики и Google Analytics. Личные кабинеты Яндекс.Вебмастер и Google Search Console подключаются так же в пару кликов. Подробнее написано здесь.

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

Создать новую страницу путем копирования текущей, то идентификаторы rec2000, rec3000, form4000 будут другими и цели не сработают. Решением может быть настроить цели с условием: «url: содержит» и указать opened, button или submitted для отслеживания соответствующих событий. При таком подходе события будут зафиксированы даже при изменениях форм, но не будет понятно на какой именно странице сработала цель.

Продвижение сайта на Тильде: как сделать SEO оптимизацию и получить топ

Вступление

Очень часто такие вопросы всплывают в медийном пространстве и социальных сетях. Ряд «специалистов» утверждает, что поисковое продвижение на конструкторе не возможно, «кричат» об этом с каждого угла) и тем самым искажают реальную картину данного вопроса. Я не буду никого переубеждать и что-то кому-то доказывать. Я просто покажу как можно продвигать такие сайты и какие могут быть результаты.

Мы в агентстве Result Plus целенаправленно создали несколько внутренних affiliate проектов для продвижения в конкурентных нишах используя конструктор Tilda вопреки всем утверждением, что это невозможно. Для нас оказалось возможно. Проекты растут в видимости по ключам и по трафику, выполняют поставленные перед ними задачи. После этого мы стали продвигать клиентские проекты на конструкторе и опять увидели рост и выполняем с помощью SEO поставленные заказчиками задачи.

Оказывается продвижение сайта на Тильде возможно?

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

Тогда советую налить в кружку чай или кофе и погрузиться в чтение.

Что такое Тильда?

Tilda — простой и популярный конструктор для создания сайтов. Создать свой проект может человек совсем далекий от верстки, дизайна и программирования. Он легкий в освоении и интуитивно понятный. Принято считать, что на конструкторе, как правило, разрабатывают лендинги под контекст или таргет, что для SEO данный конструктор не подходит и продвигаться на нем невозможно, но это далеко не так. Чтобы вывести ресурс на первые позиции поисковой выдачи, нужно использовать те же приёмы, что и при продвижении сайтов на других движках.

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

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

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

Подключение домена к Тильде

Настройка Тильда осуществляется в админ части сайта. Вам для этого нужно перейти в Настройка сайта

Пройдите Настройка сайта — Домен. Если у вас есть зарегистрированный домен — тут можете его прописывать. Если домена нет — рекомендую зарегистрировать и использовать свой.Для продвижения не обязательно регистрировать домен или использовать зарегистрированный ранее. Вы можете использовать домен от конструктора, но более качественный результат даст независимое доменное имя. Если у вас нет домена, его понадобится купить. Руководство по покупке доменного имени есть в справке CMS.

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

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

Tilda Google Analytics и Яндекс.Метрика — подключение сервисов статистики

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

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

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

Для просмотра встроенной Тильда аналитики зайдите: Настройка сайта — Аналитика — Посмотреть статистику.

Для подключения к Тильда Яндекс.Метрика и Google Analytics перейдите в Настройки сайта — Аналитика и в соответствующих колонках совершите настройку.

Настройка sitemap.xml и robots.txt на Tilda

Конечно, не получится сделать различные SEO «извращения»)) с данными файлами которые делают оптимизаторы. Не получится задать приоритет к индексации различным страницам в sitemap, не получится указать clean param, Crawl-Delay и прочее в robots. Но поверьте, для 99% проектов которые продвигаются на Тильда данные манипуляции не нужны. Достаточно существующего функционала.

Страницы сайта автоматически добавляются в sitemap.xml. Если какие-то страницы необходимо скрыть от индекса — данные настройки задаются в настройках страницы на которой делаем изменения.

Тильда https — настройка протокола безопасности

Для безопасной и правильной работы ресурса нужно использовать протокол https. Когда задействованы два протокола — http и https, поисковики могут наложить штраф за дублирование контента. Сайты, защищённый по современному https протоколу, ранжируются гораздо выше так как наличие защищенного протокола обеспечивает безопасность при передаче информации и ее сохранности.

Чтобы настроить протокол безопасности вам необходимо перейти Настройки сайта — SEO.

Здесь же настраивается переадресация с www на этот же сайт, но уже без поддомена или наоборот. Переадресация защищает вас от дублирования контента и потери позиций ранжирования. Не игнорируйте этот момент!

Для перехода на https откройте в админ панели Настройка сайта — SEO — Настройка HTTPS — Редактировать.

Установите флажок в положение «защищенный протокол для сайта включен». Не забудьте настроить редиректы с HTTP — HTTPS.

Как задать главную страницу?

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

Как прописать метаданные?

О важности и необходимости корректного заполнения мета-данных на посадочных страницах писать, на мой взгляд, просто не корректно. Метаданные в Тильда прописываются очень просто. Это можно проделать, перейти в Настройки, в настройках страницы заполнить поля из меню «Главное». Если вы хотите, чтобы для социальных сетей, например Facebook, выводились специальные заголовки и описания + изображения отличимые от данных которые вы заполнили для продвижения страницы — пропишите корректную информацию в «Задать специальные мета-данные» в пункте меню «Facebook и SEO».

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

Задать Бейджик можно находясь в режиме администрирования конкретной посадочной страницы. Для этого переходим — Настройки — Бейджик.

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

Заполнив эти параметры, вы значительно поможете ранжированию сайта, но это даже не половина нужных нам настроек. Пойдём дальше?

Использование SEO заголовков в конструкторе

Для корректного ранжирования контента на странице и достижения всем заветного ТОП, поисковые системы рекомендуют использовать заголовки H1-H6. Казалось бы, всем знакомые элементарные правила, но на практике часто вижу обратное и это печально.

Чтобы создать заголовок для Тильды необходимо навести курсор мыши на любой блок на странице и нажать на + и перейти в раздел Заголовок выбрав из соответствующего списка предложенных интересующий вас. После написания заголовка перейдите в Настройка этого блока и задайте заголовку необходимый SEO тег Н1-Н3.

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

Касаясь темы заголовков не лишним будет упомянуть про заголовки для изображений. За эту опцию отвечает тег «Альтернативный текст изображения Alt». Сделать это можно перейдя в Контент блока с изображением. В теге рекомендуется размещать основные ключевые слова, чтобы получать дополнительный релевантный трафик по Яндекс и Google картинкам + данные теги влияют на текстовую оптимизацию посадочной страницы.

Настройка ЧПУ URL Tilda

Человекопонятные адреса способствуют высокому ранжированию страниц, лучше воспринимаются и запоминаются пользователями. По умолчанию при создании страницы ей присваивается URL такого вида /page4652188.html.

ЧПУ URL по умолчаниюЧто бы его изменить необходимо открыть Настройки страницы и задать необходимый URL понятный для пользователя и содержащий ключевые слова для продвижения.

Как прописать тег rel=»canonical»

Если на сайте есть страницы с одинаковым содержанием или очень схожим по смыслу (так называемые неявные дубли) необходимо для дублирующей страницы задать специальный тег еl=»canonical». Так поисковые системы будут знать какая страница должна учитываться в поиске, а какая из них является дублирующей и не учитываться в поиске. Отредактировать канонический адрес страницы можно в Настройках страницы → Facebook & SEO → Отображение в поисковой выдаче → Задать специальные мета-данные → Каноническая ссылка на страницу.

Страница ошибки 404

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

Чтобы создать страницу 404 ошибки, добавьте новую страницу в вашем сайте, оформите ее, опубликуйте и затем в Настройках сайта → Еще → Страница 404. Выберите страницу из списка, сохраните и опубликуйте все страницы.

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

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

Как добавить или изменить иконку сайта (favicon)

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

На Tilda элемент нужно загружать в формате ico. С форматами jpeg или png конструктор не работает. Иконки, отображаемые на смартфонах, в закладках браузера и в живом меню Windows 10 можно загружать в формате png.

Рекомендую конвертер для создания favicon в ISO http://www.xiconeditor.com/

Для загрузки откройте настройки сайта и перейдите в раздел «Настройка сайта» — «SEO» — «Редактирование иконок (favicons)». После загрузки не забудьте сохранить изменения.

Как создать и подключить шапку и подвал (он же footer и header)

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

Для привязки блока ко всем страничкам, нужно создать новую страницу в Tilda, а потом добавить туда необходимые элементы. Когда страница будет готова, откройте пункт меню «Шапка и подвал» в настройках сайта и присвойте ей значение header. Чтобы хедер начало= показываться, нужно опубликовать все страницы.

Подвал или footer — блок нижней части странички. В него добавляют значимую, но всё-таки не самую важную информацию. Как и хедер, футер отображается на каждой из страниц ресурса. Здесь указывают контактную информацию, знак копирайта и т.д.

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

Очень часто в шапке и подвале у конкурентов можно встретить различные «плюшки» и коммерческие факторы ранжирования. Анализируйте выдачу и оформляйте данные блоки соответственно — это улучшит ранжирование сайта.

В Тильда можно задавать каждой посадочной странице свои шапки! можно задать общие для всех страниц. Это очень удобная функция как по мне. Более подробно как это делать на видео ниже.

Как сделать 301 редирект на Тильда?

На Тильде 301 редирект делается быстро и удобно «SEO» — «Редиректы страниц» — «Редактировать». В соответствующие поля добавьте старые ссылки и урлы для переадресации.

Обязательно страница которую переадресуют должна быть удалена иначе 301 редирект не сработает!

Встроенная статистика (аналитика) в конструктор

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

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

Что бы попасть в аналитику перейдите — Настройки сайта — Аналитика — Статистика сайта.

Подключение Google Tag Manager

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

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

Подключение API для карт

Для подключения карты понадобится ввести идентификатор отслеживания. Для получения кода нужно отправить запрос модераторам Google или Яндекс. Информацию по получению API кода ищите в справках поисковиков. Когда вы получите идентификатор, его нужно прописать в настройках веб-ресурса. Поля для внесения находятся в пункте меню «Еще».

Как добавить поиск по сайту?

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

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

Настройка поиска осуществляется в меню Другое — Блок Т838 (Поиск по сайту) или Т985 или Т148. Выбирайте что вам нравится и используйте.

Поисковая строка начнёт показываться в течение 15 минут, так как ресурсу нужно будет проиндексировать содержимое страниц. Важно, чтобы не было запрета на индексацию страниц, иначе поиск будет работать некорректно. Если доступ к страницам ограничен в Личном кабинете, поиск по ним не осуществляется.

Поиск по сайту от Google

Откройте страницу программируемой поисковой системы и кликните по кнопке «Начать». В соответствующем поле укажите URL сайта и нажмите «Создать». Система сформирует код, который нужно добавить в конструкторе. Чтобы получить его, кликните кнопку «Получить код» и скопируйте идентификатор.

Теперь вернитесь в CMS и пройдите путь «Библиотека блоков» — «Другое» — «Поиск по сайту Google (Т148)». Скопированный идентификатор нужно вставить в графу «Контент». В конце сохраните изменения и опубликуйте страницу.

Как создать микроразметку на Тильда?

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

Код микроразметки можно сформировать в генераторе. Рекомендую использовать Web Code Tools.

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

В колонке справа появится код, его нужно скопировать. После этого вернитесь на Tilda и откройте настройки страницы.

В настройках вам нужен раздел «Дополнительно» и поле «HTML-код вставки внутрь HEAD». Пропишите в поле код, который скопировали. Теперь повторно опубликуйте страницу и дождитесь, пока поисковики проиндексируют её. Чтобы проверить правильность, можно воспользоваться валидаторами микроразметки Яндекс или Google.

Пример кода Schema.org Article из этой страницы

Чек лист основных пунктов оптимизации сайта на Тильда (и не только)

Недостатки Тильды

Преимущества Тильды

Какие типы проектов можно эффективно продвигать

Видео гид по SEO для сайта на Тильде

Кейсы по продвижению сайтов на Тильда

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

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

Я не пытаюсь никого переубеждать в необходимости делать сайты только на этом конструкторе. Отнюдь. Есть много других хороших CMS. Каждый выбирает свой путь и методы для реализации поставленных перед проектом/бизнесом целей. Лично мне Тильда зашла и поставленные задачи по проектам решает почти на 100%.

Спасибо что нашли в себе силы осилить сколько букв.

Анимации появления блоков

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

Каким образом можно добавить анимацию элементов на странице в Тильде?

1. Базовая анимация в настройках стандартных блоков

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

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

2. Базовая анимация в настройках элемента в ZERO-блоке

Стандартную анимацию появления элемента на странице можно задать также в том случае, если блок в Тильде собирается в таком инструменте как ZERO-блок:

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

3. Step By Step анимация (анимация по шагам) в настройках элемента в ZERO-блоке

Помимо стандартной анимации для элемента можно создать совершенно уникальную сложную анимацию по шагам через настройки элемента в ZERO-блоке:

Триггерами для проигрывания анимации могут служить различные события:

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

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

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

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

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

Итак, еще один способ добавления анимации:

4. Анимация, описанная с помощью пользовательского кода, использующая возможности CSS, JavaScript.

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