Получите хорошее, БОЛЬШОЕ / БОЛЬШОЕ изображение в расширенном просмотре ссылок в Telegram - PullRequest
Новая
       29

Получите хорошее, БОЛЬШОЕ / БОЛЬШОЕ изображение в расширенном просмотре ссылок в Telegram

0 голосов
/ 08 декабря 2018

Я много видел или запрос о расширенном предварительном просмотре ссылок в Telegram, но речь идет именно о том, «как получить БОЛЬШОЕ / БОЛЬШОЕ изображение» в предварительном просмотре.

Давайте возьмем эта статья на моем сайте в качестве примера.У него уже есть все OG: 

<meta property="og:title" content="Questa settimana su TLI (08 dicembre 2018)" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://turbolab.it/immagini/12483/max" />
<meta property="og:url" content="https://turbolab.it/newsletter-turbolab.it-1349/questa-settimana-tli-08-dicembre-2018-1812" />
<meta property="og:description" content="Non hai tempo di leggerci tutti i giorni? nessun problema! ecco a te il riepilogo di quanto proposto da TurboLab.it nel corso della settimana in conclusione." />
<meta property="og:locale" content="it_IT" />
<meta property="og:site_name" content="turbolab.it" />

Результат: работает, когда ссылка размещена в Telegram, , но изображение маленькое и смещено вправо , даже если og: image ( это ) имеет ширину 1000 пикселей.Мне бы хотелось, чтобы он был большим, в отдельной строке.

Проверьте это (первая запись - мой сайт, которую я хочу исправить: обратите внимание на маленькое изображение, всплывающее справа. 2-й и 3-й - этоЯ хочу получить результат, как показано на видео YouTube и в статье Mashable).

enter image description here

3 URL-адреса, использованных на изображении выше:

  1. https://turbolab.it/newsletter-turbolab.it-1349/questa-settimana-tli-08-dicembre-2018-1812
  2. https://www.youtube.com/watch?v=y6eHY537Cao
  3. https://mashable.com/article/xiaomi-48-megapixel-camera/?europe=true&utm_cid=hp-r-1#cR2kG7X_naqO

richpreview.com не помогает, так как он предварительно просматривает изображение как "маленький "на всех трех ( один , , два , три ).

Странная вещь: она работает, как и ожидалось на Facebook. Там , я получаю большие, широкие изображения.Это прекрасно в Твиттере тоже.

Что мне не хватает?

Ответы [ 2 ]

0 голосов
/ 30 апреля 2019

Добавление метатегов в твиттере устранило проблему для меня 

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="{IMAGE URL}" />
0 голосов
/ 26 января 2019

Чего мне не хватает?

Для лучшего опыта в Telegram вы должны создать Telegram Instant View .

Пример мгновенного просмотра шаблона:

# enable for items in the post section
?path: /post/.+

# define required elements
title: //*[@itemprop="headline"]
body: //*[@itemprop="articleBody"]

# if cover exists, define images
?exists: //head/meta[@property="og:image"]/@content
cover: //head/meta[@property="og:image"]/@content
image_url: $cover/self::img/@src

Пример метатега для разрешения присоединения к вашему каналу из Мгновенного просмотра: 

<meta property="telegram_channel" content="turbolabit">

Вы можете потерять некоторую видимость показателей посетителя, но ваши пользователи получат лучший опытчтение и наслаждение вашим сайтом из Telegram и должно привести к большему количеству повторных посетителей в целом.

...