How to process links like in common chat apps?

Question

I want to process links like most of chat apps by adding related pictures or text to the link.

PS: the picture is not necessarly in the link, ex: www.dummydata.png

this image can be helpful:

Answer 1

It's called The Open Graph protocol

You basically need to add some meta tags to your content.
If you manage the server side, you'll be able to support it. If not, it's not up to you.

See an example

To retrieve theses tags you can use this library. Just design a view that similar to the one in the picture and populate it.