Open Graph Protocol

Open Graph is a protocol designed to influence what a link should look like, when it is shared on the Internet.

https://ogp.me

Using special HTML meta tags you can specify title, description, picture and other information about the page.

All posts on this blog now have these tags. For example, for this page they look like this:

<meta property="og:type" content="article" />
<meta property="og:url" content="https://chuhlomin.com/blog/2022/ogp" />
<meta
  property="og:title"
  content="Open Graph Protocol \ Microblog \ Constantine Chukhlomin"
/>
<meta
  property="og:image"
  content="https://chuhlomin.com/blog/2022/../2022/ogp.png"
/>
<meta property="article:author" content="https://chuhlomin.com" />
<meta property="article:published_time" content="2022-05-21" />
<meta property="article:tag" content="blog" />

A few useful tools:

• Link Preview
• Meta Tags Toolkit
• Open Graph Debugger/Simulator
• Open Graph Generator
• About Twitter Cards
• Twitter Card Preview Tool
• Facebook Preview Tool

Bonus: Hand-picked OG Images