Skip to content

Instantly share code, notes, and snippets.

@dletorey

dletorey/undocumented-head.html

Last active February 11, 2024 11:51
Show Gist options
  • Save dletorey/c1299b9cc268fe1e4f9ca82b2ee5bc4a to your computer and use it in GitHub Desktop.
Save dletorey/c1299b9cc268fe1e4f9ca82b2ee5bc4a to your computer and use it in GitHub Desktop.
Download ZIP
This is an example of an HTML <head> element and what goes in there.
Raw
undocumented-head.html
<!-- a documented version of this is available here - https://gist.github.com/dletorey/71cf178a3191e6d921b313771afad658 -->
<head>
<meta charset="utf-8" />
<title>Title of the page</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
<meta name="author" content="Dave Letorey" />
<meta name="description" content="The description of the page can improve SEO and understanding of what the page is about" />
<meta name="theme-color" content="#ff0000" />
<meta property="og:title" content="Title of post" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://letorey.co.uk/path-to-post" />
<meta property="og:image" content="https://letorey.co.uk/images/image-of-post.png" />
<meta property="og:description" content="Brief description of the content" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Title of post" />
<meta name="twitter:description" content="Description of your content here" />
<meta name="twitter:site" content="@yourusername" />
<meta name="twitter:image" content="https://letorey.co.uk/images/image-of-post.png" />
<meta name="twitter:creator" content="@yourusername" /><!-- optional if sames as twitter:site -->
<link rel="icon" type="image/svg+xml" href="images/favicon.ico" />
<link rel="apple-touch-icon" sizes="144x144" href="images/icon144.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/icon114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/icon72.png" />
<link rel="apple-touch-icon" href="images/icon57.png" />
<link rel="icon" href="images/icon32.png" />
<link rel="manifest" href="manifest.json" />
<link rel="stylesheet" href="styles.css" />
<script>
document.documentElement.classList.remove("no-js");
</script>
<script defer src="javascript.js"></script>
</head>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment