Как подключить к тильде 1с
Описание
Если у вас есть сайт на «1С-Битрикс», то вы можете делать для него красивые страницы на Tilda Publishing.
Мы сделали плагин, который позволяет публиковать на сайте все, что сделано на Tilda. Простыми словами: главная страница, постоянные элементы и элементы управления используется с вашего сайта, а зона контента из Tilda.
Артем Иванов, добрый день!
Николай Сацук, добрый день.
Добрый день. Подскажите есть желание реализовать главную уникальную на битриксе, а все внутренние генерировать на тильде. Позволит ли данное решение реализовать данную задачу?
И как сейчас модуль - вы его поддерживаете, он развивается?
Андрей Горбатый, добрый день.
На текущий момент модуль поддерживается в режиме решения возникших проблем.
Планов полностью обновлять его на ближайшее время нет.
Перед установкой модуля создайте в Тильде как минимум один проект и одну страницу.
Примечание: Взаимодействие с API возможно только для тарифа Business!
Установка и настройка модуля
Скачайте и установите модуль.
Важно! В настройках PHP обязательно должна быть включена директива "allow_url_fopen".
Перейдите в раздел Настроек модуля:
Настройки / Настройки модулей / Интеграция с Tilda.cc.
Введите публичный и секретный ключи, сгенерированные на Тильде.
Нажмите «Сохранить».
Настройка шаблонов страниц и компонентов
Рекомендуется использовать шаблоны в которых активная область контента занимает всю ширину экрана.
Если вы хотите скрывать часть элементов шаблона сайта или компонента при показе страницы из Тильды - оберните их следующей конструкцией:
Для размещения страницы из Тильды, добавьте элемент в инфоблоке или создайте статическую страницу и разместите в ней компонент.
Выберите нужный проект, в котором находится страница, которую вы хотите разместить, затем из списка ниже выберите страницу.
Если вы не хотите выводить на странице «шапку» и «подвал» шаблона сайта - включите галочку «Не выводить шаблон сайта».
При изменении страницы в Тильде вам необходимо нажать на кнопку «Очистить кеш» в левом меню Битрикс (раздел Контент).
Tilda использует jQuery версии 1.10.2. Если указанная версия конфликтует с плагинами jQuery, используемыми на вашем сайте, то воспользуйтесь опцией Не подключать jQuery Tilda при выводе контента на страницу.
В Тильде перейти в Настройки сайта → Домен, прописать домен и получить рекомендованный IP-адрес для сайта.
- запись типа A для основного домена (иногда прописывается как @) , которая бы указывала на данный IP адрес ;
- запись типа А для поддомена WWW, которая бы указывала на данный IP адрес.
Если вы прочитали инструкцию, выполнили все шаги, прошло более 24-х часов, а домен так и не подключился, посмотрите статью об ошибках или напишите в нашу поддержку, мы обязательно поможем.
Для национальных доменов в зонах .kz или .қаз необходимо использовать другой IP — 77.220.207.191. Подробнее читайте в статье «Точка присутствия в Казахстане».
Для национальных доменов в зонах .by или .бел необходимо использовать другой IP — 45.155.60.8. Подробнее читайте в статье «Точка присутствия в Беларуси».
Купить домен можно внутри Тильды или у регистраторов доменов. Таких сервисов много, найти их можно в поиске Google или Яндекс по запросу «купить домен». Пошаговая инструкция по покупке домена .
Перейдите в настройки сайта → Домен, укажите домен и сохраните изменения. Система подскажет вам оптимальный для вашего сайта IP-адрес А-записей, которые нужно установить на стороне регистратора.
Для этого в зоне управления DNS нужно добавить запись A и прописать для нее значение IP адреса из Настроек сайта → Домен. Прочитать, как прописать записи .
Как указать домен в настройках сайта на Тильде
Перейдите в Настройки сайта → Домен и укажите ваш домен. Если вы не видите вкладку «Домен», убедитесь, что вы находитесь в настройках сайта, а не в настройках страницы. Сохраните изменения.
Как указать А-записи на сайте регистратора
Вам необходимо добавить запись типа А для основного домена. Сделать это можно в панели управления доменом (обычно называется «Управление DNS зонами»)
Если ваш регистратор не предоставляет DNS-серверы по умолчанию, используйте DNS-серверы Тильды. Подробная инструкция по настройке
Если у вас есть другие записи типа A для основного домена, удалите их. Запись А для домена может быть только одна, иначе домен работать не будет.
Важно: При добавлении записей нужно избегать Wildcard-записей типа А или CNAME. Обычно такие записи начинаются с символа * (или имеют такое значение в названии поддомена / поле Хост), например:
Тильда — очень удобный и гибкий конструктор сайтов, посадочных страниц и просто статей, который мы не можем обойти стороной. У нас она используется для лэндингов и оформления статей в блоге.
Посмотреть основные сценарии использования Тильды можно на их сайте.
Чтобы подружить Битрикс и Тильду нужно всего-лишь установить модуль из Marketaplace и сделать пару настроек
Заходим в админку Битрикса, в раздел «Marketplace» → «Каталог решений». Находим и устанавливаем решение от компании UpLab «Интеграция с Tilda.cc». Установка простая и вопросов не вызовет.
После установки нужно зайти в админку в настройки модулей и найти там модуль «Интеграция с сервисом Tilda.ws», где, следуя инструкциям, указываем API ключ от сервиса Тильда.
Предположим, что нам нужно сделать на сайте новый раздел со статьями, в которых хотим использовать возможности Тильды для редактирования и отображения контента.
Первым делом нужно создать новый ИнфоБлок, например «Статьи». Сделать это можно в админке Битрикса:
Еще сделаем поле «Символьный код» обязательным и генерируемым из названия элемента:
Не забываем настроить права (иначе никто не будет видеть статьи):
Для особого удобства настроим нашу форму добавления статьи. Сделать это можно, зайдя в форму добавления самой статьи и нажав на шестерёнку справа сверху):
Далее создаем новый раздел в публичной части сайта через панель Битрикса:
Настроим компонент, чтобы он использовал ЧПУ и выводил данные из нужного ИнфоБлока:
Теперь самое интересное — добавляем статью. В поле «Детальное описание» вместо текста вставляем страницу из сервиса Тильда.
Для этого необходимо нажать на соответствующую кнопку Тильды в редакторе. Если её нет — нужно выбрать режим «Визуальный редактор». Еще её может не быть, пока не сохранишь статью:
Далее выбираем сайт и страницу на Тильде:
В результате наш детальный текст должен будет выглядеть примерно так:
После этого идем и наслаждаемся нашей статьей
Сделать такое очень просто:
Добавьте новый раздел (/lp/) через панель Битрикса (как в примере выше) и разместите на новой странице компонент Тильды. А уже в настройках компонента выбрать сайт и страницу на Тильде.
Конечно, не все так просто и гладко. Когда мы подключали Тильду к нашему блогу — столкнулись с конфликтами в стилях Тильды и нашего сайта, в итоге сайт расползался. Пришлось взять наш напильник и немного доработать сайт.
Доброго времени суток. Появился такой вопрос, стоит ли экспортировать сайт с tilda или стоит его оставить на родном хостинге. Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda. А как вы думаете?
Я лично думаю, что такой код не будет хорошо работать на других хостингах так как постоянно будет ссылать на tilda.
С чего он должен куда-то ссылать, особенно если был подключен свой домен, который вы в последствии вместе с сайтом с тильды отключаете?
А так на выходе получится нечитаемая каша из кода в которую нельзя внести правки и соответственно в дальнейшем работать в принципе с этим. Работать-то оно будет, не считая интеграций каких-то из настроек тильды и т.д.
Помимо этого там еще есть анальные ограничения "правила" для экспортируемого сайта.
Не уверен что это имеет хоть какую-то юридическую силу, но в целом нечитаемость сама по себе делает невозможным использование того что вы получите на выходе как обычный сайт.
Так что если планируете сваливать с тильды заранее, то лучше тогда не начинать там работать.
Проще купить тему-конструктор(ну или плагин конструктор) для вордпресса какого-нибудь где абсолютно так же из блоков в админке соберете свой сайт.
Считается, что и «Гугл», и «Яндекс» не дают органики сайту на конструкторе. Это не совсем так.
В Tilda есть все возможности для организации SEO-продвижения без дополнительных плагинов и сторонних инструментов. Ниже мы посмотрим, что это за возможности, и какие функции для поисковой оптимизации есть в этом конструкторе.
Особенности продвижения сайта на Tilda
На Tildа часто создаются одностраничные сайты и лендинги. У продвижения таких сайтов есть некоторые особенности:
- одностраничный сайт обычно ранжируется ниже, чем многостраничный, если речь идет об информационной средне- и высокочастотной семантике;
- монотематические сайты на Tildа ранжируются лучше, чем сайты без конкретной специализации. Например, сайт о домах из сруба изначально будет получать больше трафика, чем сайт о строительстве;
- чем больше источников трафика сайт получит на старте, тем сильнее это скажется на его дальнейшем продвижении;
- если сайт создается только как приложение к какому-либо информационному поводу (встреча, концерт, конференция), придется заниматься платным продвижением – бесплатно раскрутить его вы вряд ли успеете.
А вот один параметр для сайтов на Tilda важен не меньше, чем для любых других:
какой бы крутой ни была оптимизация сайта, она будет бесполезной, если вы не публикуете эффективный контент. Остальное – дело техники!
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Нужно ли добавлять сайт на Tilda в «Яндекс» и Google
Если контент на только что созданном сайте качественный и полезный, краулеры сами обнаружат сайт и проиндексируют его. Другое дело, что добавлять сайт в инструменты вебмастера «Яндекс» и Google Search Console все-таки нужно, иначе вы не сможете отслеживать эффективность ресурса в поиске.
Как подключить веб-аналитику сайта на Tilda
Аналитика веб-сайта предоставляет данные, которые можно использовать для улучшения взаимодействия с посетителями веб-сайта. Понимание поведения клиентов является ключом к оптимизации веб-сайта по ключевым показателям конверсии.
Для подключения веб-аналитики в Tilda все предусмотрено изначально.
Откройте раздел «Аналитика» в настройках административной панели и нажмите Connect («Подключить»):
Подключите веб-аналитику, нажав красную кнопку либо в разделе Google Analytics, либо в разделе Yandex Metrika
На открывшейся странице дайте приложению Tilda доступ к вашим данным «Яндекса» или Google:
Отметьте все чекбоксы и нажмите «Разрешить»
Google Search Console (GSC) и «Яндекс.Вебмастер»
В Tilda не нужно устанавливать сторонние плагины, чтобы связать сайт с инструментами вебмастера Google и «Яндекс». Нажмите «Редактировать» и сразу подключите стороннюю аналитику к своему сайту:
После нажатия появится новое окно, в котором нужно будет нажать кнопку «Подключить» и дать доступ Tilda к GSC
SEO-рекомендации
В настройках Tilda есть собственный раздел с аналитикой, который поможет улучшить оптимизацию сайта. Самые серьезные ошибки будут указаны в специальном отчете:
На странице нет H1-тега, отсутствует семантический URL + много не опубликованных страниц
Метатеги страницы
Метатеги – это фрагменты информации, которые можно использовать, чтобы сообщить поисковым системам и пользователям больше данных о странице. К метатегам относятся:
- title – название страницы;
- description – описание контента на странице;
- alt – описание иллюстраций, альтернативный текст, поясняющий, что изображено на картинке.
Как задать title и description для отдельных страниц в Tilda
В админке найдите страницу, которую нужно изменить. Теперь пройдите в ее настройки и остановитесь на вкладке «Главное»:
Указываем заголовок и описание страницы
Лучше всего ранжируются страницы с title до 65 символов. Заголовок должен соответствовать содержимому, поэтому постарайтесь указать здесь главную мысль контента на странице. Description не должен превышать 175 символов.
Не спамьте ключевыми словами: ни в заголовке, ни в описании.
Как задать метатег alt изображениям в Tilda
Цель альтернативного текста – улучшить доступность сайта для людей с нарушениями зрения или не имеющих под рукой современного устройства / скоростного интернета для вывода изображений. Альтернативный текст заменяет иллюстрации, поэтому должен описывать изображения, а еще помогает сканерам поисковых систем, поэтому должен содержать ключевые слова. Грамотно составленные alt улучшают SEO.
Чтобы добавить теги alt для изображений, в блоке «Галерея» откройте панель «Содержимое», нажмите «Текст» рядом с загруженной картинкой и добавьте описание в поле «Альтернатива изображения для SEO». Если хотите установить удобный для чтения URL-адрес, введите его в настройках страницы.
Здесь вы можете добавить alt для картинки
Как отредактировать сниппет на Tilda
Внешний вид сниппета по конкретному запросу Google и «Яндекс» формируют полуавтоматически. Вы можете порекомендовать им использовать ту или иную информацию для формирования сниппета.
Для этого сперва откройте интересующую вас страницу в админке Tilda и зайдите в ее настройки. Затем откройте вкладку SEO и заполните все предложенные поля. Миниатюра покажет, как будет выглядеть предполагаемый сниппет (поисковик потом все же может его изменить).
Настраиваем отображение сниппета сайта на странице результатов поиска
Как сделать расширенный сниппет: очень подробное руководство
Как задать H1, H2, H3 на странице в Tilda
Откройте страницу в режиме визуального редактора и нажмите «Настройки» в левом верхнем углу экрана:
Кликните по выделенной кнопке
В строке «SEO: тег для заголовка» впишите требуемый вариант форматирования элемента:
Назначьте необходимый заголовок созданному тексту
Как использовать ключевые слова в заголовках статей
Как работать с микроразметкой данных на Tilda
Разметка Schema информирует поисковую систему о том, какой тип контента размещен на веб-странице. Добавление индивидуальных «схем» для всех страниц сайта поможет поисковой системе сканировать страницы и глобально повысит рейтинг сайта. Буквально такая разметка говорит, например: «Это – страница контактов», – и поисковику не нужно догадываться самому. Такие данные поисковики могут также использовать для формирования расширенного сниппета.
Сперва нужно создать код семантической разметки для выбранного типа контента (статья, хлебные крошки, рецепт, отзыв и так далее). Сделать это можно вручную или автоматически. Второй вариант для новичков более предпочтителен. Инструментов для создания семантической разметки очень много. Сама Tilda рекомендует webcode.tools.
Зайдите на сайт этого или другого инструмента. Выберите необходимый тип данных и заполните обязательные сведения.
Этих подтипов сущностей вполне хватит для 95 % сайтов
Мы выбрали схему «Хлебные крошки» (она же Breadcrumb). В этом случае нас просят также указать имя страницы, на которой расположен этот типа контента, и вписать URL размечаемой страницы.
После этого нажмите «Add breadcrumb item» и добавьте еще одну страницу хлебных крошек:
Нажмите выделенную кнопку для добавления новой страницы
В итоге сервис выдаст небольшой фрагмент кода, который нужно скопировать в буфер обмена:
В нашем случае фрагмент кода не полный, так как включает только одну размеченную страницу
После этого возвращаемся в админку Tilda и открываем страницу, на которую нужно встроить микроразметку. Идем в «Настройки» страницы:
Нажмите выделенную красным кнопку
Откроется знакомая страница настроек. Листаем ее вниз и в строке «Дополнительно» находим пункт «HTML-код для вставки внутр Head»:
Нужно отредактировать код только выбранной страницы
Откроется новое окно. Вставляем сгенерированный код микроразметки и сохраняем настройки. Все! Мы разметили страницу необходимым типом контента, и теперь она может получить лучшее представление в поиске.
В Tilda вы можете настроить абсолютно бесплатный SSL-сертификат, подходящий любым сайтам.
Определение основного адреса сайта в Tilda
Как получить SSL-сертификат: переезжаем на криптографический протокол правильно
Редирект страниц
Редиректы, или перенаправления важны как для посетителей, так и для поисковых систем в ситуациях, когда контент с одной страницы сайта перемещается на другую. Самый частый сценарий: пользователь запрашивает контент, который ранее был доступен по URL, а теперь нет, и попадает на страницу 404. Чтобы вместо страницы-ошибки он сразу получал нужный контент, мы как раз и устанавливаем перенаправление.
В Tildа для настройки редиректов достаточно указать две версии URL веб-страницы. Для этого зайдите в раздел «Мои сайты», далее – вкладка «Настройки», далее – раздел «SEO» и вкладка «Настройка редиректов»:
Быстрая настройка перенаправления доступна абсолютно для каждой веб-страницы
URL нужно прописывать без доменного имени, например:
В процессе работы над сайтом часто требуется создавать перенаправления. В Tilda вы можете настроить два сценария редиректа в один клик:
Настройте 301-й редирект сразу для всего сайта
Благодаря этому инструменту определить правило переадресации для сайта можно за считанные секунды.
Canonical-версия в админке Tilda
Иногда из-за внутренних изменений на сайте некоторые его страницы дублируются. Чтобы пользователи не блуждали между таким страницами, настраивают канонические страницы, которые будут открываться по умолчанию. Канониклы – это альтернатива редиректам.
Дубли сайта: как бороться с повторяющимся контентом
Чтобы указать канонические ссылки, откройте настройки интересующей веб-страницы и пропишите канонический URL-адрес в этой строке:
Укажите каноническую версию страницы и нажмите «Сохранить изменения»
Карта сайта
Карта сайта – это файл, в котором вы предоставляете информацию о страницах, видео и других файлах на сайте, а также о связях между ними. Поисковые системы, такие как Google, читают этот файл, чтобы более эффективно сканировать сайт.
В Tilda вручную настраивать карту сайта и редактировать стандарты исключения для роботов не нужно – конструктор делает это автоматически при создании нового сайта.
Управление файлами ADS.TXT и APP-ADS.TXT
Согласно правилам Google AdSense, каждый сайт-участник AdSense (в настоящий момент программа заморожена в России) должен размещать специальный файл для указания авторизованных распространителей своего рекламного инвентаря. Решить этот вопрос в Tilda можно за одну минуту.
Откройте раздел «Управление файлами ADS.TXT и APP-ADS.TXT» в глобальных настройках сайта и скопируйте код, который предоставил Google AdSense:
Управление Clean-param в robots.txt
Файл robots.txt содержит инструкции для ботов, на какие страницы они могут или не могут получить доступ. Инструкции рекомендательные – боты не обязаны их соблюдать.
Если страницы сайта включают в себя GET-параметры или другие метки, но они не затрагивают контент страницы, то вы можете прописать такие параметры в этом разделе:
Укажите GET-параметры, которые не влияют на содержимое
Благодаря инструменту clean-param вы можете удалить партнерские метки из ссылки или, например, удалить фильтрацию в необходимых выборках.
Как скрыть сайт от поисковых роботов: 2 безотказных способа
Иконка сайта (фавикон)
Tilda позволяет настроить фавикон сайта прямо в настройках админки. Вы можете загрузить не только фавикон, но и кастомизировать внешний вид иконки «плиток» (только для ОС Windows 10), а также иконку для «Сафари» + иконку для сайта на десктопе и смартфоне.
Загрузите файлы необходимого размера, чтобы настроить отображение иконок сайта
Запрет индексации сайта
Если для тестов или экспериментов требуется запретить обход краулерами всего сайта, отметьте этот чекбокс в разделе «SEO»:
Запрет индексации сайта
Поисковые системы «увидят», что индексировать сайт не нужно. Но будут ли они соблюдать эту директиву – большой вопрос.
Резюме
SEO-возможности в Tilda реализованы отлично. Например, реализована работа с редиректами, управление clean-param и файлами ads.txt. Легко настроить метатеги, изменить стандарты исключения для роботов и карту сайта, настроить семантическую разметку страниц. Очень просто работать с каноническими версиями, указывать перенаправления и скрывать ненужные страницы от краулеров.
Читайте также: