Когда ссылку на лендинг с Тильды кидают в Telegram или WhatsApp, а вместо нормальной карточки вылезает пустой прямоугольник или картинка с логотипом непонятно откуда, дело почти всегда в том, что og превью ссылки тильда никто не настраивал руками. Разбираю это на практике каждый раз, когда клиент присылает скриншот с кривым предпросмотром, поэтому ниже точный порядок действий: где искать нужные поля в редакторе, что туда вписывать и почему картинка иногда не обновляется даже после правки.
По теме статьи
Готовое решение
Скрипт расчёта налога (НДС) в корзине Tilda
Автоматический расчёт НДС отдельной строкой в корзине Tilda — для США, ЕС и B2B.
от5 000 ₽
Кастомный скрипт
Когда стандартных блоков не хватает
Доработка сайтов на Тильде: скрипты для корзины, промокоды, зоны доставки, интеграции с CRM и Telegram. Простой скрипт от 3 000
от3 000 ₽
Как формируется og превью ссылки в Тильде
Когда мессенджер или соцсеть разворачивает ссылку в карточку с картинкой и текстом, он не открывает страницу как браузер, а запрашивает её HTML и ищет в head набор мета-тегов Open Graph: og:title, og:description, og:image и og:url. Эти теги существуют отдельно от видимого текста страницы, их читает бот мессенджера, а не человек.
Тильда генерирует эти теги автоматически при публикации каждой страницы, беря значения из вкладки «Соцсети» в настройках страницы. Если там ничего не задано, заголовок и описание берутся из вкладки «Главное», а картинка из вкладки «Бейджик»; если бейджик не загружен, подставляется первое изображение со страницы. Результат в этом случае предсказать сложно, поэтому для важных страниц (главная, посадочные под рекламу, карточки товаров) эти поля стоит заполнять руками, а не полагаться на автоподбор.
Где менять OG-картинку и текст в настройках страницы
Настройки конкретной страницы
В редакторе открываю нужную страницу, внизу нажимаю на шестерёнку настроек страницы, перехожу на вкладку «Соцсети» и нажимаю «Настроить отображение в Соцсетях». Там заполняются заголовок и описание, добавляется бейджик и вручную прописывается адрес страницы - именно эти значения уходят в og-теги. Загружаю туда картинку явно, а не жду, что Тильда сама возьмёт подходящий кадр с экрана. После сохранения страницу обязательно нужно опубликовать заново: сами по себе настройки в редакторе на живой сайт не попадают, а меняются только после ре-паблиша конкретной страницы.
Настройки по умолчанию для всего сайта
В настройках сайта, тоже в разделе SEO, есть заголовок, описание и изображение по умолчанию. Это резервный вариант для страниц, где отдельные og-поля не заполнены. Полезно для многостраничных сайтов и блогов на Тильде: не тратить время на каждую служебную страницу, а прописать один общий вариант, оставив кастомные картинки только для десятка ключевых разделов.
Отдельная карточка товара в каталоге товаров
Если на сайте магазин на блоке Store, у каждого товара внутри карточки редактирования тоже есть свой SEO-блок с теми же тремя полями. Это значит, что превью для конкретного товара, который репостят в мессенджер, можно и нужно настраивать отдельно от общей карточки каталога, иначе в чате будет всплывать обложка магазина вместо фото товара.
| Уровень настройки | Где искать | Что задаёт |
|---|---|---|
| Страница | Настройки страницы → вкладка «Соцсети» → Настроить отображение в Соцсетях | og:title, og:description, og:image именно для этой страницы |
| Сайт целиком | Настройки сайта → SEO | Значения по умолчанию для страниц без своих настроек |
| Товар в каталоге товаров | Карточка товара → SEO | og-данные для страницы конкретного товара |
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Какая картинка подходит для превью ссылки
Под og:image лучше грузить отдельное изображение, а не то же самое, что стоит первым экраном на странице. На практике использую соотношение сторон примерно 1200 на 630 пикселей: это общепринятый в вебе формат под og-превью, его без искажений показывают и Telegram, и WhatsApp, и ВКонтакте. Форматы JPG и PNG работают везде без сюрпризов, а вот файлы весом в несколько мегабайт часть мессенджеров просто не успевает подтянуть при первом развороте ссылки, и тогда показывается пустой блок вместо картинки.
Открытый протокол Open Graph поддерживает и og:video, но в SEO-блоке Тильды поле принимает только изображение, так что превью всегда статичное. Текста на самой картинке лучше оставлять по минимуму: мессенджеры обрезают изображение под свои пропорции карточки, и надпись у края легко срезается на мобильном.
Почему превью не обновляется в Telegram и WhatsApp после правки
Вот с чем сталкиваюсь чаще всего: og:image в Тильде поменял, страницу republish, а в чате все равно всплывает старая картинка. Причина в том, что мессенджеры кэшируют og-данные по конкретному URL при первом развороте ссылки и потом подолгу не перезапрашивают страницу заново, даже если контент изменился.
У Facebook есть официальный инструмент Sharing Debugger, который принудительно заставляет их краулер перечитать og-теги страницы. У Telegram для этого есть бот @Webpagebot: команда Start, затем до десяти ссылок, предпросмотр которых надо обновить. У ВКонтакте есть метод API pages.clearCache, у X - сервис X Card Validator. Отдельного инструмента для WhatsApp нет, там остаётся либо ждать, пока превью обновится само, либо добавить к ссылке произвольный query-параметр, например ?v=2, и разослать уже этот вариант адреса. Для мессенджера это формально новый URL, кэша под него ещё нет, и og-данные подтягиваются заново.
Прежде чем чинить кэш, стоит проверить, что теги вообще корректно отдаются сервером, а не только видны в редакторе Тильды. Делаю это через curl с подменой user-agent под краулер соцсети:
curl -A "facebookexternalhit/1.1" -s https://example.tilda.ws/page1 | grep -i 'og:'Если в выводе нужных строк нет вообще, значит проблема не в кэше мессенджера, а в том, что страница не была переопубликована после правки полей.
Типичные ошибки при настройке og превью на Тильде
- Изменили SEO-поля в редакторе, но забыли нажать «Опубликовать» именно для этой страницы - изменения остаются черновиком.
- Загрузили слишком тяжёлую картинку, и часть мессенджеров не успевает её скачать при первом развороте ссылки.
- Задали og:image только на уровне сайта, а на важных посадочных страницах поле осталось пустым, из-за чего везде всплывает одна и та же общая обложка.
- Проверяли превью только в одном мессенджере сразу после правки и решили, что всё работает, хотя в другом чате уже висит закэшированная старая версия.
- Для карточек товаров в каталоге оставили общее SEO-изображение магазина, и в репостах разных товаров показывается одна и та же картинка.
Когда встроенных настроек Тильды не хватает
Для одной страницы или десятка ключевых разделов штатных полей SEO хватает с запасом. Сложнее, если нужно показывать разное превью для одной и той же страницы в зависимости от источника перехода, например разную картинку под разные рекламные кампании по UTM-меткам. Og-теги в Тильде статичные и вшиваются в HTML на этапе публикации, а краулеры мессенджеров не выполняют JavaScript, поэтому подменить картинку на лету скриптом в браузере не получится, это должно решаться на уровне сервера или прокси перед отдачей страницы.
То же самое с массовым заполнением og-полей, если товаров или страниц сотни и обновлять каждую руками нереально: через API Тильды это не решается: все семь его методов только читают данные (getprojectslist, getprojectinfo, getpageslist, getpage, getpagefull, getpageexport, getpagefullexport), методов записи нет, да и доступен он только на тарифе Business. Остаётся либо заполнять поля руками, либо отдавать страницы через свой сервер или прокси, который подставит нужные теги перед выдачей. Такие сценарии я закрываю через кастомную доработку на Тильде, когда стандартной панели редактора уже недостаточно.
Условия и возможности Тильды меняются, поэтому перед запуском я уточняю их у самого сервиса.
Частые вопросы
Как проверить, что og превью подключилось после сохранения?
Самый надёжный способ - посмотреть исходный код опубликованной страницы или сделать запрос curl с подменой user-agent под краулер соцсети и найти строки с og: в head. Если нужных строк нет, страница не переопубликована с новыми настройками.
Можно ли использовать видео вместо картинки в превью ссылки?
Открытый протокол Open Graph теоретически поддерживает og:video, но поле в SEO-блоке Тильды рассчитано только на изображение, так что для ссылки всегда формируется статичная картинка, а не видео-превью.
Почему в WhatsApp превью выглядит иначе, чем в Telegram?
Каждый мессенджер по-своему кэширует og-данные и по-своему обрезает картинку под свои пропорции карточки, поэтому одно и то же изображение может выглядеть чуть иначе в разных чатах, даже если og-теги на странице одинаковые.
Нужно ли настраивать og-превью отдельно для каждой страницы сайта?
Для служебных и второстепенных страниц достаточно общих настроек сайта по умолчанию. А вот для главной, посадочных под рекламу и карточек товаров в магазине лучше прописывать og:title, og:description и og:image отдельно, потому что именно эти страницы чаще всего репостят в переписках.