add opengraph tags to pages
Enables a preview of content at link when a link is shared http://ogp.me/
alternative: https://oembed.com
comparison:
example header tags from Beautiful Racket site:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Beautiful Racket by Matthew Butterick</title>
<meta content="Beautiful Racket by Matthew Butterick" name="title"/>
<meta content="Beautiful Racket" name="description"/>
<meta content="website" property="og:type"/>
<meta content="https://beautifulracket.com" property="og:url"/>
<meta content="Beautiful Racket by Matthew Butterick" property="og:title"/>
<meta content="Beautiful Racket" property="og:description"/>
<meta content="https://beautifulracket.com/img/og-image.jpg?1735396175" property="og:image"/>
<meta content="summary_large_image" property="twitter:card"/>
<meta content="https://beautifulracket.com" property="twitter:url"/>
<meta content="@mbutterick" property="twitter:sitel"/>
<meta content="Beautiful Racket by Matthew Butterick" property="twitter:title"/>
<meta content="Beautiful Racket" property="twitter:description"/>
<meta content="https://beautifulracket.com/img/og-image.jpg?1735396175" property="twitter:image"/>
<link rel="stylesheet" type="text/css" media="all" href="/styles.css"/>
<script type="text/javascript" src="/functions.js"></script>
<script type="text/javascript" src="/clipboard.min.js"></script>
<script>
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(101120956);
</script>
<script async src="//static.getclicky.com/js"></script>
</head>
add opengraph tags to pages
Enables a preview of content at link when a link is shared http://ogp.me/
alternative: https://oembed.com
comparison:
example header tags from Beautiful Racket site: