Опубликовал новое видео на своём канале. В нём рассказал, как сделать кастомный preloader для сайта на Тильде. Всё пошагово объяснил и наглядно показал на примере своего сайта. Также в видео использовал бесплатную модификацию от Mo-Ti. Ссылка на неё оставил в описании под видео. Надеюсь, видео оказалось полезным)
В последнее время YouTube час…
В этом году запустился новый сервис модификаций и эффектов t123.ru с очень удачным названием в честь стандартного блока вставки HTML и JS-кода в Tilda.
Сайт t123.ru
На своём ютуб-канале выпустил видео. В нём подробно объяснил, как оптимизировать сайт на Tilda. Разобрал каждый шаг SEO-оптимизации. А также в качестве примера настроил свой сайт. Видео будет полезно всем разработчикам сайтов на Tilda)
В дополнение к видео делюсь с вами детальным чек-листом по настройке SEO на сайте. Его я прикрепил в своё те…
Всё.
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Слайдер в товарах стандартного интернет-магазина на Тильде"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"b1f7d1b3-7a3c-5dc2-a032-cb10a434230e","width":1080,"height":1920,"size":6494180,"type":"gif","color":"d6d2ca","hash":"","external_service":[],"duration":34.2,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Как же долго мы все ждали этого! Для интернет-магазинов на Тильде - это супер находка. Всё как и обычно создаем каталог продуктов, загружаем фотографии товаров и да, можно неограниченное колличество, вставляем скрипт с сайта t123.ru и публикуем страницу. Все добавленные фотографии в карточку товара будут отображаться в слайдере!
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"При необходимости можно настроить стили: скргуление карточек, высоту, скрытие/показ стрелок с телефона.
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Фишки модификации:
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Добавляет инуитивно понятный слайдер в каждую карточку товара
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Есть пагинация в виде точек, тем самым сразу понятно сколько фотографий в карточке
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Листать можно и без стрелок - с телефона пальцем, а с комьютера зажатием мыши
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Стрелки можно скрыть / показать
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Все картинки добавленные в карточку товара стандартным способом будут отображаться в слайдере
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Посетителям вашего сайта будет максимально быстро и удобно изучать товары, не переходя на отдельную страницу товара или pop-up
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Можно изменять оформление слайдера с помощью стилей
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Можно добавить несколько блоков с товарами ST305N, и у всех будет слайдер
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить tilda.t123.ru/swiper_slide
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Движение элементов за курсором"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"61bd3bbd-0c6b-538a-b829-06fda1763b8d","width":648,"height":712,"size":696343,"type":"gif","color":"3a06b4","hash":"","external_service":[],"duration":7.073733,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Модификация делает ваш сайт динамичным и живым. Оживить можно любой элемент в Zero Bl
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Фишки эффекта:
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Применение эффекта к неограниченному количеству элементов
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Индивидуальные настройки эффекта для каждого элемента
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Оживляет сайт и удерживает внимание
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить с ПК tilda.t123.ru/mousemove
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Меню поделиться в Тильде как в iOS и Android"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"116f682d-814c-5938-a3bc-1ac8610d37e5","width":1080,"height":1920,"size":4917800,"type":"gif","color":"8b7664","hash":"","external_service":[],"duration":33.566667,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Меню поделиться или Web Share API - это модификация, которая позволяет пользователям вашего сайта делиться контентом прямо из вашего веб-приложения в различные приложения на их устройстве. Это может быть социальная сеть, электронная почта, мессенджеры и даже некоторые нативные приложения, такие как заметки или календарь.
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Мгновенная отправка страницы сайта рекомендованным контактам
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Делиться страницей в соц.сетях, мессенджерах, по почте или другом часто используемом приложении
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Отображается заголовок страницы и ссылка
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Можно просто копировать ссылку
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Продвинутое и удобное меню поделиться
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить с телефона tilda.t123.ru/web-share-api
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Эстетичная галерея с миниатюрами в Тильде"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"e2217e77-cb42-55b5-95d2-68202ac6171f","width":1080,"height":1920,"size":9999742,"type":"gif","color":"1f1d22","hash":"","external_service":[],"duration":38.633333,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Мощная модификация для создания интерактивных галерей на вашем сайте. Легко интегрируется с вашим сайтом. Вы просто добавляете изображения в стандартные блоки Тильды, и модификация автоматически создает из них интерактивную галерею. Галерея совместима с большинством современных браузеров, обеспечивая гладкое и приятное взаимодействие для пользователей вашего сайта.
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Подходит почти для всех стандартных галерей Тильды: GL12, GL05, GL02, GL03, GL04, GL11, GL14, GL22, GL23, GL24, GL25
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Фишки модификации:
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Стильный дизайн
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Подходит для большинства стандартных блоков
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Есть миниатюры, масштаб и пагинация. Очень удобно!
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Возможность включать автовоспроизведение, полноэкранный режим, скрытие миниатюр
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Галерея создается для каждого блока отдельно, что означает картинки не смешиваются из всех галерей в одном модальном окне
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Для продвинутых, можно использовать html для создания собственной галереи
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить tilda.t123.ru/gallery
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Карточный слайдер в Тильде"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"4a1ab436-7849-51a9-b5ae-6d40376a19b2","width":812,"height":990,"size":2864532,"type":"gif","color":"476e1c","hash":"","external_service":[],"duration":18.916667,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Фишки эффекта:
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Листается слайдер: с компьютера мышью с телефона пальцем
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Добавляется в Zero Block, можно перемещать слайдер куда угодно
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Добавлять фотографий можно хоть сколько
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Размеры можно указывать любые
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить tilda.t123.ru/card_slider
"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Запуск видео при наведении курсора"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"5f70a50a-5241-572a-9d01-5d35886ec037","width":1000,"height":1000,"size":1125812,"type":"gif","color":"231d20","hash":"","external_service":[],"duration":4.7047,"isVideo":false,"has_audio":false}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"С помощью этой модификации, видео на вашем сайте начнут воспроизводиться автоматически при наведении курсора, создавая динамичное и вовлекающее взаимодействие для ваших пользователей.
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Фишки эффекта:
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Запускает видео при наведении курсора
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Видео ставится на паузу когда курсор убирается
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Сохраняет состояние воспроизведения видео при переключении вкладок браузера и сворачивании
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"★ Вставка ссылок в видео
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Протестить с ПК tilda.t123.ru/videohover
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Больше модификаций на сайте t123.ru
"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Контакты сервиса:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Сообщество: vk.com/t123mods
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"Телеграм канал t.me/t123mods
"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"#модификациитильда #тильда #тильдаобучение #tildadesign #tildaконструктор #tildapublishing #tildaschool #tilda #кодыдлятильды #скрипты_для_тильды #модификации_для_тильды #эффектыдлятильды #t123
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":2,"reposts":0,"views":1106,"hits":190,"reads":null,"online":0},"dateFavorite":0,"hitsCount":190,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/design/1344877-modifikacii-dlya-tildy-kotorye-tochno-stoit-poprobovat","author":{"id":3708341,"name":"grid container","nickname":null,"description":"web-design, сайты","uri":"","avatar":{"type":"image","data":{"uuid":"13558db6-4c45-4923-85c3-559210cebd59","width":200,"height":200,"size":0,"type":"png","color":"","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 30 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":5453298,"userId":3708341,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5453298"}],"lastModificationDate":1764954317,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199114,"name":"Дизайн","description":"Материалы о красивых вещах, логотипах, веб-дизайне.","uri":"/design","avatar":{"type":"image","data":{"uuid":"81132c2d-ddb6-0127-19d6-e1d1293194b1","width":0,"height":0,"size":1,"type":"jpg","color":"","hash":"","external_service":[]}},"cover":{"type":"image","data":{"uuid":"b8bf3924-2ba4-571c-a7b6-4be86417c6b9","width":960,"height":280,"size":21376,"type":"png","color":"dd6a8c","hash":"","external_service":[]}},"lastModificationDate":1620994027,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"design","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":1210886,"customUri":null,"subsiteId":2122538,"title":"Как сделать SEO-оптимизацию сайта на Tilda | Подробная инструкция","date":1717489525,"dateModified":1717489525,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"На своём ютуб-канале выпустил видео. В нём подробно объяснил, как оптимизировать сайт на Tilda. Разобрал каждый шаг SEO-оптимизации. А также в качестве примера настроил свой сайт. Видео будет полезно всем разработчикам сайтов на Tilda)
"}},{"type":"quote","cover":false,"hidden":false,"anchor":"","data":{"text":"В дополнение к видео делюсь с вами детальным чек-листом по настройке SEO на сайте. Его я прикрепил в своё телеграм-канале: https://t.me/studio_webmagic#seoоптимизация #seoexpert #оптимизациясайта #оптимизациясайта #tildapublishing #tildaконструктор #tildaschool #бизнес #сотрудничество #seoсайта
"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":0,"reposts":0,"views":845,"hits":131,"reads":null,"online":0},"dateFavorite":0,"hitsCount":131,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/seo/1210886-kak-sdelat-seo-optimizaciyu-saita-na-tilda-podrobnaya-instrukciya","author":{"id":2122538,"name":"Артём Папст","nickname":null,"description":"Бесплатный материал «Как привлекать клиентов строительной компании» по ссылке https://t.me/marketing_etalon_agencybot. Контакт тг: @artempapst","uri":"","avatar":{"type":"image","data":{"uuid":"dfcd0c86-6cf7-5aa1-b9cd-475813ea7949","width":801,"height":801,"size":240410,"type":"png","color":"957a6f","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAVQBVAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgYHCP/EACQQAAIBAQgCAwAAAAAAAAAAAAECAwQABQYHERIhMRMiCBTS/8QAFgEBAQEAAAAAAAAAAAAAAAAABQQC/8QAIBEAAgIBAwUAAAAAAAAAAAAAAQIAAwQRElETITEyof/aAAwDAQACEQMRAD8Ay/gepqabCNVXYpvNjelyJ9ighILrHEg3FWjX1fftYanXTk8d2JOaS6irxLsPDRsaxrfYd4wJ82oURUOXt16qAD6N+rX72hPXHH2FlLHHJk/mDWvGrVESyhJSNXUeA9N2LayK0DVjQRHAdhRboZDvBCeTChJ7O0WR2rxCJ//Z"}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":3339942,"userId":2122538,"count":0,"shareImage":"https://api.vc.ru/achievements/share/3339942"}],"lastModificationDate":1764954317,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":true,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":true,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199127,"name":"SEO","description":"Поисковая оптимизация, кейсы, советы, разборы.","uri":"/seo","avatar":{"type":"image","data":{"uuid":"3388e642-b8bf-52eb-92cd-78d66b7af6df","width":1200,"height":1200,"size":12502,"type":"png","color":"fbebeb","hash":"081c0e0e0e1b0d0c","external_service":[]}},"cover":{"type":"image","data":{"uuid":"3d49d868-858d-5587-b4d4-ebc7a947c8ae","width":960,"height":280,"size":177,"type":"png","color":"84a494","hash":"","external_service":[]}},"lastModificationDate":1613380334,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"seo","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":1}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}}],"ogTitle":null,"ogDescription":null,"isAnonymized":true}};