Looking for help with your next project, contact us today to see how we can help

Let's Chat

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="...">