Add Open Graph protocol tags so Utopian.io links show a preview

Words
101
Reading
1 min
Listen
Play
9y

Components

This concerns the HTML of the Utopian.io website.

Proposal

I propose that Utopian adds The Open Graph protocol in order to show a preview when the url posted online. This requires the use of a few meta tags that would look something like this:

<meta name="og:type"...
<meta name="og:image"...

There are libraries that do this but I have not yet looked into any.

Mockups / Examples

Utopian

image.png

Steemit

image.png

Benefits

Really makes Utopian look professional and it is a great help to users to have some content to look at before hitting the link.



Posted on Utopian.io - Rewarding Open Source Contributors

Add Open Graph protocol tags so Utopian.io links show a preview | Ecency