Как настроить Instant View от Telegram для WordPress
Можно ли сделать так чтобы пост https://sitebox.top/aivideo/ в ТГ открывался также как посты в Telegra.ph ?
Отвечает Gemini 2.5…
Вы наверняка замечали, что некоторые ссылки в Telegram открываются мгновенно, показывая красивую и чистую статью прямо в приложении, а другие — заставляют ждать и переходить во внешний браузер. Эта удобная функция называется Instant View (Мгновенный просмотр).
По умолчанию она работает для избранных крупных СМИ и собственного сервиса Telegram — Telegra.ph. Но есть и хорошая новость: вы можете настроить её для любого сайта, включая ваш собственный блог на WordPress.
В этой инструкции мы пошагово разберем, как это сделать.
Что такое Instant View и как он работает?
Чтобы показать вашу статью в формате Instant View, Telegram должен понять, где на странице находится основной контент, а что нужно отбросить (меню, рекламу, виджеты). Для этого ему нужна своего рода «карта» вашего сайта. Эта карта называется шаблоном.
Наша задача — создать такой шаблон, который научит Telegram правильно читать наши посты.
Пошаговая инструкция по созданию шаблона
Для создания шаблона мы будем использовать официальный инструмент от Telegram.
Шаг 1: Войдите в редактор шаблонов
Перейдите на официальный сайт редактора Instant View: https://instantview.telegram.org/
Вам будет предложено войти в систему, используя ваш аккаунт Telegram. Подтвердите вход в приложении.
Шаг 2: Вставьте ссылку на ваш пост
В поле на сайте вставьте URL-адрес любого поста из вашего блога (например, https://sitebox.top/aivideo/) и нажмите Enter. Откроется интерфейс редактора:
- Слева — ваша веб-страница.
- Справа — поле для кода шаблона.
- По центру — предпросмотр того, как будет выглядеть ваша статья в формате Instant View.
Шаг 3: Создайте правила
Теперь самое главное — нужно написать правила. Вставьте следующий код в правое поле редактора. Этот стартовый шаблон основан на структуре вашей WordPress-темы «Go» и должен отлично сработать:
# Шаблон Instant View для сайта sitebox.top
# 1. Находим заголовок статьи
title: //h1[contains(@class, "entry-title")]
# 2. Находим основной контент
body: //div[contains(@class, "entry-content")]
# 3. Находим изображение для обложки (первая картинка в посте)
cover: //div[contains(@class, "entry-content")]//img[1]
# 4. Удаляем все ненужные элементы
@remove: //div[contains(@class, "post__meta--wrapper")]
После вставки этого кода вы должны увидеть, что в центральном окне предпросмотра ваша статья отображается чисто и аккуратно.
Шаг 4: Проверьте и сохраните
Прокрутите предпросмотр и убедитесь, что весь контент (текст, картинки, видео) на месте. Если всё хорошо, ваш шаблон готов к использованию.
Финальный шаг: Публикация шаблона
Когда вы создаете шаблон, он сначала является вашим «черновиком». Чтобы Instant View работал для всех пользователей по любой ссылке с вашего сайта, шаблон нужно сделать официальным.
- «Накормите» бота ссылками: В редакторе по очереди вставьте URL-адреса 10-15 разных постов с вашего сайта, чтобы доказать Telegram, что ваш шаблон работает для всех страниц.
- Следите за счетчиком: На главной странице редактора (
My Templates) вы увидите счетчик обработанных URL для вашего домена. - Подайте на рассмотрение: Когда счетчик достигнет нужного значения (обычно около 10), станет активной кнопка «Submit Template». Нажмите ее.
- Ожидайте: Проверка шаблона может занять от нескольких часов до нескольких недель.
После одобрения любая ссылка с вашего сайта, отправленная в Telegram, будет автоматически получать кнопку «Мгновенный просмотр».