HTML Head Meta Information

?
R
Markup

Most commonly used HTML <head> tags.

1<head>
2    <meta charset="utf-8">
3    <meta http-equiv=“x-ua-compatible”>
4    <meta name=“viewport” content=“width=device-width, initial-scale=1, shrink-to-fit=no”>
5
6    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
7    <meta name="application-name" content="Application Name">
8    <meta name="description" content="A description of the page">
9
10    <meta name=“keywords” content=“HTML,CSS,XML,JavaScript”>
11    <meta name=“author” content=“John Doe”>
12
13    <meta name="robots" content="index,follow"><!-- All Search Engines -->
14    <meta name="googlebot" content="index,follow"><!-- Google Specific -->
15    <meta name="google" content="nositelinkssearchbox">
16    <meta name="google" content="notranslate">
17    
18    <meta name="google-site-verification" content="verification_token"><!-- Google Search Console -->
19
20    <meta name="subject" content="your document's subject">
21    <meta name="rating" content="General">
22    <meta name="referrer" content="no-referrer">
23    <meta name="format-detection" content="telephone=no">
24    <meta http-equiv="x-dns-prefetch-control" content="off">
25    
26    <meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
27
28    <meta http-equiv="Window-Target" content="_value">
29
30    <meta name="ICBM" content="latitude, longitude">
31    <meta name="geo.position" content="latitude;longitude">
32    <meta name="geo.region" content="country[-state]"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
33    <meta name="geo.placename" content="city/town"><!-- eg. content="New York City" -->    
34
35    <link rel="me" href="https://google.com/profiles/thenextweb" type="text/html">
36    <link rel="me" href="mailto:name@example.com">
37    <link rel="me" href="sms:+15035550125">    
38
39    <link rel="manifest" href="manifest.json">
40
41    <link rel="icon" type="image/png" sizes="16x16" href="/path/to/favicon-16x16.png">
42    <link rel="icon" type="image/png" sizes="32x32" href="/path/to/favicon-32x32.png">
43    <link rel="icon" type="image/png" sizes="96x96" href="/path/to/favicon-96x96.png">    
44    
45    <meta property="fb:app_id" content="123456789">
46    <meta property="og:url" content="http://example.com/page.html">
47    <meta property="og:type" content="website">
48    <meta property="og:title" content="Content Title">
49    <meta property="og:image" content="http://example.com/image.jpg">
50    <meta property="og:description" content="Description Here">
51    <meta property="og:site_name" content="Site Name">
52    <meta property="og:locale" content="en_US">
53    <meta property="article:author" content="">
54    
55    <meta name="twitter:card" content="summary">
56    <meta name="twitter:site" content="@site_account">
57    <meta name="twitter:creator" content="@individual_account">
58    <meta name="twitter:url" content="http://example.com/page.html">
59    <meta name="twitter:title" content="Content Title">
60    <meta name="twitter:description" content="Content description less than 200 characters">
61    <meta name="twitter:image" content="http://example.com/image.jpg">    
62
63    <link href="https://plus.google.com/+YourPage" rel="publisher">
64    <meta itemprop="name" content="Content Title">
65    <meta itemprop="description" content="Content description less than 200 characters">
66    <meta itemprop="image" content="http://example.com/image.jpg">
67    
68    <!-- Disable automatic detection and formatting of possible phone numbers -->
69    <meta name="format-detection" content="telephone=no">
70
71    <!-- Add to Home Screen -->
72    <meta name="apple-mobile-web-app-capable" content="yes">
73    <meta name="apple-mobile-web-app-status-bar-style" content="black">
74    <meta name="apple-mobile-web-app-title" content="App Title">
75
76    <!-- Touch Icons -->
77    <!-- In most cases, one 180×180px touch icon in the head is enough -->
78    <link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
79
80    <!-- Apple Safari Site -->
81    <link rel="mask-icon" href="/path/to/icon.svg" color="red">
82
83
84    <!-- Android -->
85    <meta name="theme-color" content="#E64545">
86    <!-- Define your web page as a web app -->
87    <meta name="mobile-web-app-capable" content="yes">    
88    <!-- Homescreen Icon -->
89    <link rel="icon" sizes="192x192" href="/path/to/highres-icon.png">    
90    
91    <!-- Add to home screen -->
92    <meta name="mobile-web-app-capable" content="yes">
93    <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
94
95</head>

Created on 11/20/2017