Open Graph - Basics

<head>
  <meta charset="utf-8" />
  <title>Basic Title</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 announced by Facebook in 2010 that define metadata tags that describe content and control 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 preferred, but the title in the browser tab will preference the standard HTML title tag. If the og:description tag is omitted, most sites fall back to the standard description meta tag. This cascading of definitions can be useful when targeting specific information to social media apps. <br/>In order for your content to be represented with the og:type tag. There are full type verticals for music and video with subtypes (e.g., albums, movies, and episodes), along with other simpler types like articles, profiles, or, in this case, websites.