Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Obtain a good, BIG/LARGE image in rich link preview in Telegram

I saw a lot or request about rich link preview in Telegram, but this is specifically about "how to get a BIG/LARGE image" in the preview.

Let's take this article on my site as example. It already has all of the OGs:

<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" />

Result: it works when the link is posted on Telegram, but the image is small and floated right even if the og:image (this) is 1000 px wide. I'd like to have it big, on it's own line.

Check this out (first entry is my site, the one I want to fix: note the small image, floated right. 2nd and 3rd is the result I want as shown by a YouTube video and a Mashable article).

enter image description here

The 3 URLs used in the image above are:

  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 isn't helpful, because it preview the image as "small" on all of the theree (one, two, three).

Strange thing is: it works as expected on Facebook. There, I get big, wide images. It's perfect on Twitter too.

What am I missing?

like image 219
Dr. Gianluigi Zane Zanettini Avatar asked Dec 08 '18 18:12

Dr. Gianluigi Zane Zanettini


People also ask

How can I get link in Telegram preview?

Once you paste a URL to the message input field, Telegram will start analyzing the link and getting a preview for it. If you prefer to send a particular message without the preview, just tap the x to remove it. Rich link previews are now shown for most websites.

How do I update my Telegram link preview?

You can use an official Telegram bot @Webpagebot to update page previews on Telegram. Add it, send a "/updatepreview" command, and send up to 10 links to this bot. The page previews (titles, descriptions, and badges) will be updated shortly.


1 Answers

Adding twitter meta tags fixed the issue for me

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="{IMAGE URL}" />
like image 75
mikheevm Avatar answered Sep 22 '22 20:09

mikheevm