Open Graph - Basics
<head>
<meta charset="utf-8" />
<title>OG:Basic</title>
<meta name="description" content="Getting started with Open Graph definitions" />
<!-- ... -->
<meta property="og:type" content="website" />
<meta property="og:title" content="OG:Basic - An introduction to Open Graph" />
<meta property="og:description" content="Getting started with Open Graph definitions.
Defining a type, a title, and a description." />
</head>
The Open Graph protocol is a set of standards originally annouced by Facebook in 2010 which define metadata tags that describe content and controls how it's displayed when sharing links on social media. It has been widely adopted by many platforms at this point. In the above example it duplicates the definition for title and definition, so when posted to most social media apps, the OG tags will be preferenced, but the title the browser tab will preference the standard html title tag. If the OG:description tag is omitted, most sites fallback to the standard description meta tag. This cascading definitions can be useful when targetting specific information to social media apps.<br/>In order for your content to be represented with the og:type tag. There are full type veritcals for music amd video with subtypes (eg: albums, movie, apisode), along with other simplier types like article, profile, or in this case, website.