Когда я делюсь ссылкой HTTPS на мою веб-страницу в Telegram, она не имеет предварительного просмотра.Как решить эту проблему? - PullRequest
1 голос
/ 02 июля 2019

Я создал веб-страницу, которая содержит мета-теги Open Graph и Twitter.Я тестировал метатеги на разных мессенджерах и социальных сетях.Предварительный просмотр страницы работает должным образом в Facebook, Twitter, Skype, WhatsApp и Viber, но у меня возникла проблема с Telegram.

Если я впервые делюсь ссылкой на мою веб-страницу, протоколом является HTTPS,тогда ссылка показывается без предварительного просмотра.Если моя ссылка имеет протокол HTTPS, Telegram игнорирует метатеги Open Graph и Twitter и кэширует пустой предварительный просмотр.Я должен использовать @webpagebot для обновления данных предварительного просмотра.Если я использую ссылку HTTPS, @webpagebot игнорирует метатеги предварительного просмотра.@webpagebot обновляет предварительный просмотр ссылки успешно только тогда, когда я использую HTTP (тогда отображаются заголовок и описание).

Если я делюсь ссылкой HTTP в первый раз, то ссылка отображается сразу с предварительным просмотром.

Когда я делюсь ссылками HTTP / HTTPS на страницы популярных сайтов (таких как youtube и т. Д.) В Telegram, отображаются предварительные просмотры, и в @ webpagebot нет необходимости.

Мне нужно сделать предварительный просмотрработает как для HTTP, так и для HTTPS-ссылок без использования @webpagebot.Цель состоит в следующем: когда пользователь делится ссылкой HTTP / HTTPS на мой веб-сайт в Telegram, предварительный просмотр ссылки должен отображаться сразу .

Не могли бы вы сообщить мне возможные причинымоя проблема?Я полагаю, что HTML-код является правильным.Я попытался добавить префикс = "og: http://ogp.me/ns#" к тегу HTML, но это не помогло. Может быть, мне нужно изменить конфигурацию сервера? Я использую NodeJS с механизмом шаблонов Pug и веб-сервером Nginx.

Это мой код на Pug:

doctype html
html(lang="en", prefix="og: http://ogp.me/ns#")
    head
        meta(charset='UTF-8')
        title Test

        meta(name="viewport", content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no")

        - var url = 'https://' + req.get('host') + '/test/';

        // Twitter Card meta tags
        meta(name='twitter:url', content=url)
        meta(name='twitter:card', content='summary')
        meta(name='twitter:site', content='@test')
        meta(name='twitter:title', content='Twitter: title')
        meta(name='twitter:description', content='Twitter: description')

        // Open Graph meta tags
        meta(property='og:title', content='Open Graph: title')
        meta(property='og:site_name', content='Test')
        meta(property='og:description', content='Open Graph: description')
        meta(property='og:type', content='website')
        meta(property='og:url', content=url)

        link(rel="canonical", href=url)
    body
        h1 Demo
...