/

Opengraph metacrap

html
Table of contents
  • Metatags.io
html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="" />
<meta name="description" content="" />
<!-― facebook open graph tags -->
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<!-― twitter card tags additive with the og: tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:domain" value="" />
<meta name="twitter:title" value="" />
<meta name="twitter:description" value="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" value="" />
<meta name="twitter:label1" value="" />
<meta name="twitter:data1" value="" />
<meta name="twitter:label2" value="" />
<meta name="twitter:data2" value="" />
<link href="style.css" rel="stylesheet" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
</head>
</html>

Everything you ever wanted to know about unfurling but were afraid to ask /or/ How to make your site previews look amazing in Slack

Facebook: developers.facebook.com/d...rs

sproutsocial.com/insig...uide/

Metatags.io

Metatags.io is a very useful service to validate your metatags but also to generate the code needed for them too.

Want to make your own site like this?
Try gatsby-theme-code-notes by Zander Martineau.
Notes on code. My second brain, by Zander Martineau.