What are Open Graph meta tags?
vidr.io doesn’t have any Open Graph tags.
I didn’t know what Open Graph was until yesterday.
It’s a standard which defines some
<meta> tags describing a webpage.
Those tags are intended to be used when embedding the page elsewhere,
such as when the URL is shared in social media.
Open Graph meta tags all take the form:
<meta property="og:KEY" content="VALUE"/>.
Open Graph has four “required” keys:
type is one of a set of strings like
and depending on the
type, there are more properties you can define.
The other required properties seem to have equivalents in pre-existing tags:
<meta property="og:title" content="FOO"/>is roughly the same as
<meta property="og:image" content="FOO"/>is roughly the same as
<link rel="icon" href="FOO"/>
<meta property="og:url" content="FOO"/>is roughly the same as
<link rel="canonical" href="FOO"/>
I wrote this because I want to improve Vidrio's sharing before widely publicizing it. This post is not associated with my employer. This site is hosted by Netlify (who are great, but I'm not associated with them either).