Picture in link preview

[jjq2r01h]

Hi
How can I include a picture/image thumbnail in the link preview of my webpage. e.g. when I type the following link in my whatsapp/signal messenger, the link preview shows the title of the article/page and a picture in it even before I have sent the message.

https://www.computing.co.uk/news/403697 ... technology

I want to be able to do the same thing on a website I have built which is

https://www.hanumanchalisa4cruk.org

Any help would be greatly appreciated.

[crispy68]

I think you need to look at Open Graph or Rich Snippets using structured Data (schema). You can add these in the page properties under meta tags.

[jjq2r01h]

I think you need to look at Open Graph or Rich Snippets using structured Data (schema). You can add these in the page properties under meta tags.

OK thanks. I will look at the links and see if I can work it out

[jjq2r01h]

See the following

Hi

Sorry can't see anything.

[crispy68]

You have to add the path yourself to the image you want to use.

[jjq2r01h]

Thank you very much for your help

I have specified the Open Graph and Twitter Card metatags now. My whatsapp and signal messenger on the windows desktop works fine now. It displays the image in the link preview together with the title, description and the website name.

However, when I try it on my ipad and my mobile phone, it only displays the title, description and the website name and not the image. I have 3 breakpoints defined at 970, 768 and 360 pixels.

Any ideas why it would not work on the ipad and mobile phone. Here is my wbs file.

https://1drv.ms/u/s!Ajp8jGjiAz6ShtMWR5Y ... g?e=WiPaxd

Many thanks.

[jjq2r01h]

Hi

Sorry I never updated this post with the solution I found.

The name of the image file (Page Properties, Metatags, Open Graph Meta Tags/Twitter Card Meta tags, image:) field had to have no space in it for it to work on my ipad and my mobile phone. e.g.

https://www.hanumanchalisa4cruk.org/images/Hanuman Cropped.png DID NOT WORK

https://www.hanumanchalisa4cruk.org/ima ... ropped.png WORKED perfectly.

I hope this helps.