Open Graph Protocol

This is a standard that uses websites to tell external websites how a link preview should look

Works by defining <meta/> tags like <meta property="og:{}" content="{}" />

Example

<html prefix="og: https://ogp.me/ns#">
    <head>
        <title>The Rock (1996)</title>
        <meta property="og:title" content="The Rock" />
        <meta property="og:type" content="video.movie" />
        <meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
        <meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
        ...
    </head>
...
</html>

Official documentation

https://ogp.me/

Why learned this

I Linked to Bolivar Paralelo in My LinkedIn and the preview was garbage

784 B Raw Blame History

Open Graph Protocol

Example

Official documentation

Why learned this

784 B

Raw Blame History