Metatags Cheatsheet

There are lots of different meta tags, all of which are used in different ways - they each have their own job to do. Importantly, they are not all-important or relevant to SEO. However, for all you tech junkies or developers out there - we’ve compiled a list of usable HTML, meta and link tags just for you!

Basic HTML Meta Tags

Show/Hide Options

Character Set

<meta charset="...">
ASCII ISO 8859-1 UTF-8 UTF-16 UTF-32

Viewport

<meta name="viewport" content="...">
width=device-width initial-scale=1.0 height=device-height minimum-scale=1.0 maximum-scale=1.0 user-scalable=no

Titles

<title>...</title> <meta property="og:title" content="..."> <meta name="twitter:title" content="...">

URL's

<link rel="canonical" href="http://..."> <meta property="og:url" content="http://..."> <meta name="twitter:url" content="http://...">

Descriptions

<meta name="description" content="..."> <meta property="og:description" content="..."> <meta name="twitter:description" content="...">

UA

<meta http-equiv="X-UA-Compatible" content="...">
IE=5 IE=7 IE=8 IE=9 IE=10 IE=11 IE=edge chrome=1 IE=EmulateIE7 IE=EmulateIE8 IE=EmulateIE9 IE=EmulateIE10 IE=EmulateIE11

Opengraph Protocol

General OG Meta Tags

<meta property="og:site_name" content="···"> <meta property="og:type" content="website"> <meta property="fb:app_id" content="···"> <meta property="fb:admins" content="..."> <meta property="og:determiner" content="..."> <meta property="og:locale" content="...">
en_GB
<meta property="og:locale:alternate" content="..."> <meta property="og:locale:alternate" content="...">

Image

<meta name="twitter:image" content="http://···"> <meta property="og:image" content="http://···"> <meta property="og:image:secure_url" content="https://..."> <meta property="og:image:type" content="...">
image/jpeg
<meta property="og:image:width" content="..."> <meta property="og:image:width" content="..."> <meta property="og:image:alt" content="..." />

Video

<meta property="og:video" content="http://.../file.swf"> <meta property="og:video:secure_url" content="https://.../file.swf"> <meta property="og:video:type" content="..."> <meta property="og:video:width" content="..."> <meta property="og:video:height" content="...">

Audio

<meta property="og:audio" content="http://.../file.mp3"> <meta property="og:audio:secure_url" content="https://.../file.mp3"> <meta property="og:audio:type" content="...">