How to make a link presentable

Question

How do I "index" a link on a website to display it in a more presentable way? Example of sites/app that do this is Whatsapp, facebook, gmail. For example, in Whatsapp just paste a link and wait a few seconds it takes an image and title of the link and makes it more presentable. If you have any plugin in php, or javascript, or jquery, etc, that does this already helps a lot. I intend to apply this solution in the Php language.

I don’t know if "index" is the correct term, but if someone knows, even English, they can pass the correct term for me to search.

Answer 1

The person responsible for generating this information is the content’s own producer. So to do this you need to 'open' the page to the point of reading its source code to get these meta parameters:

But you’re the one who has to assemble a formatted HTML in your own way to display where you want it.

Basically, see the og:title tags, og:Description, og:image e og:url.

Facebook has a tool that allows you to test with any url. Access: https://developers.facebook.com/tools/debug/sharing/

Paste some link there and see the 'indexed' link beyond these read meta tags. See an example with this link http://gifs.splitz.com.br/? p=6921 (that by the way I am myself in GIF rsrs):

Answer 2

The name of this is The Open Graph Protocol (http://ogp.me/) Find in Google by "The Open Graph Plugin Protocol" and see what is applicable to what you need.

Find something in here: https://goo.gl/Lhclr6