Мобильная версия сайта на Тильде делается автоматически: стандартные блоки сами подстраиваются под телефоны и планшеты. Вручную настраивать нужно только Zero Block и отдельные параметры блоков. Разбираем, как проверить сайт на телефоне, что можно подправить и как скрыть блок на мобильных, — по справке Tilda.
Как работает мобильная версия на Тильде
- Стандартные блоки адаптируются под смартфоны, планшеты и ноутбуки автоматически.
- В настройках каждого блока есть отдельные параметры для мобильных: размер шрифта, отступы, положение фонового изображения.
- Zero Block настраивается вручную под пять диапазонов ширины экрана или собственные значения.
Как посмотреть мобильную версию
- В редакторе нажмите значок мобильного устройства на панели и выберите размер экрана.
- Для точной проверки нажмите «Предпросмотр» — там работают анимация и все блоки.
- После публикации обязательно откройте сайт на своём телефоне: пройдите путь посетителя от первого экрана до заявки.
Как сделать мобильную версию в Zero Block
- Откройте Zero Block и переключитесь на нужную ширину экрана на верхней панели.
- Передвиньте и уменьшите элементы для этой ширины — изменения применяются только к ней и меньшим экранам.
- Проверьте каждую ширину: частая ошибка — настроить только самый маленький экран и забыть про планшет.
- Лишние на телефоне элементы можно скрыть на конкретной ширине.
Как скрыть блок на мобильных
Откройте настройки блока и найдите «Диапазон видимости на устройствах». Укажите, на каких экранах показывать блок. Так можно сделать отдельные версии блока для компьютера и телефона — например, упрощённую схему вместо широкой таблицы.
В Настройках страницы → Дополнительно адаптивность можно отключить совсем, но делать этого не стоит: большая часть посетителей приходит с телефонов, а поисковики учитывают удобство мобильной версии.
Чек-лист мобильной версии
- текст читается без увеличения, заголовки не разрываются по буквам;
- страница не прокручивается вбок;
- кнопки крупные, между ними есть расстояние, по ним легко попасть пальцем;
- телефон и мессенджеры нажимаются и открывают звонок или чат;
- формы заполняются удобно, заявка доходит;
- фотографии не тяжёлые — страница открывается быстро через мобильный интернет;
- меню открывается и закрывается, все пункты работают;
- в первом экране понятно, что вы предлагаете и что нажать.
Типичные проблемы
- Съехавшие элементы в Zero Block — не настроены промежуточные ширины экрана.
- Огромные заголовки — длинные слова в крупном шрифте не помещаются в узкий экран. Уменьшите шрифт для мобильных в настройках блока.
- Медленная загрузка — тяжёлые фото и видео. Сжимайте изображения перед загрузкой.
- Таблицы и широкие схемы — на телефоне их лучше заменить отдельным мобильным блоком.
Если сайт на телефоне выглядит устаревшим или теряет заявки, это решается без полной переделки — детейлинг сайта от 39 000 ₽ за 5–7 рабочих дней. Другие настройки Tilda — в статьях «Как сделать сайт на Тильде» и «Меню, кнопки и ссылки на Тильде».
Частые вопросы
- Нужно ли делать мобильную версию сайта на Тильде отдельно?
- Стандартные блоки адаптируются автоматически. Вручную настраиваются только Zero Block и отдельные параметры блоков: шрифты, отступы, фон.
- Как скрыть блок на телефоне в Тильде?
- В настройках блока найдите «Диапазон видимости на устройствах» и укажите, на каких экранах его показывать.
- Как посмотреть мобильную версию сайта на Тильде?
- Нажмите значок мобильного устройства в редакторе или откройте «Предпросмотр». После публикации обязательно проверьте сайт на своём телефоне.