-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
175 lines (140 loc) · 7.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!--
APPLICATION_NAME "My application"
APPLICATION_DESCRIPTION "Just a useless application"
OFFLINE_MANIFEST_PATH "./offline.appcache"
LANG "en"
LOCALE "en_US"
PAGE_KEYWORD "uselessness"
PAGE_NAME "About uselessness"
PAGE_DESCRIPTION "Some useless news about nothing in particular. Just trying to find out the answer."
PAGE_IMAGE_URL "https://static.example.com/article/about-uselessness.png"
PAGE_CANONICAL_URL "https://example.com/about-uselessness"
PAGE_SHORTLINK_URL "https://bit.ly/totoenvacances"
GOOGLE_WEBMASTER_TOOLS_KEY "xxx"
TWITTER_CREATOR_ACCOUNT "@ChtefiD"
TWITTER_WEBSITE_ACCOUNT "@ChtefiD"
FACEBOOK_PUBLISHER "https://www.facebook.com/my-website-page"
FACEBOOK_AUTHOR "https://www.facebook.com/personal-author-page"
GOOGLE_PUBLISHER "https://plus.google.com/+my-website-page"
GOOGLE_AUTHOR "https://plus.google.com/+personal-author-page"
SITEMAP_URL "/sitemap.xml"
-->
<html lang="{{ LANG }}" manifest="{{ OFFLINE_MANIFEST_PATH }}">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="{{ LANG }}">
<meta name="language" content="{{ LANG }}" />
<meta name="application-name" content="{{ APPLICATION_NAME }}">
<meta name="description" content="{{ PAGE_DESCRIPTION }}">
<meta name="keywords" content="{{ PAGE_KEYWORD }}" />
<meta name="robots" content="index,follow" /> <!-- robots.txt devrait suffir -->
<link rel="pingback" href=".../xmlrpc.php" />
<link rel="alternate" type="application/rss+xml" title="..." href=".../feed/" />
<link rel="prev" title="..." href=".../page/1" />
<link rel="next" title="..." href=".../page/3" />
<link rel="canonical" href="{{ PAGE_CANONICAL_URL }}" />
<link rel="shortlink" href="{{ PAGE_SHORTLINK_URL }}" />
<link rel="publisher" href="{{ GOOGLE_PUBLISHER }}"/>
<link rel="author" href="{{ GOOGLE_AUTHOR }}"/>
<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ SITEMAP_URL }}" />
<!-- Resolve DNS asap (can be useful for future pages) -->
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//themes.googleusercontent.com">
<!-- Better: DNS + TCP handshake + optional TLS negotiation -->
<!-- Use for current page -->
<link rel="preconnect" href="//fonts.googleapis.com">
<!-- Download a resource right now (into cache) if we know it's going to be used later -->
<!-- (can be useful for future pages) -->
<link rel="prefetch" href="image.png">
<!-- Download directly (high priority, whereas prefetch is low priority)
a resource that will be discovered later in the page (such as <script> at the end) -->
<link rel="subresource" href="app.js">
<!-- Fetch the whole content of another page (css, process js etc.) -->
<!-- Useful when you know that the user will click on it for sure -->
<!-- It will take only a instant (everything will be already loaded!) -->
<link rel="prerender" href="http://example.com/about">
<!-- always nice to use dns-prefetch or preconnect before, for stylesheets that are using those urls -->
<!-- eg: <link ref="preconnect" href="//fonts.gstatic.com"> -->
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300">
<link rel="profile" href="http://gmpg.org/xfn/11" /> <!-- ?? -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Enable Chrome Frame -->
<meta http-equiv="Default-Style" content="dark">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes, minimal-ui">
<!-- Don't want the content to be translated on the fly by the browser ? -->
<meta name="google" value="notranslate">
<meta name="google-site-verification" content="{{ GOOGLE_WEBMASTER_TOOLS_KEY }}">
<!-- fav icon -->
<link rel="fluid-icon" href="https://.../fluidicon.png" title="..."> <!-- ? -->
<link rel="shortcut icon" type="image/x-icon" href="http://.../favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="image_src" href="{{ PAGE_IMAGE_URL }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Open Graph -->
<!-- TODO DYNAMIC ACCORDING TO THE TYPE -->
<meta property="og:locale" content="{{ LOCALE }}" />
<meta property="og:type" content="article" /> <!-- product... -->
<meta property="og:title" content="{{ PAGE_NAME }}" />
<meta property="og:description" content="{{ PAGE_DESCRIPTION }}" />
<meta property="og:image" content="{{ PAGE_IMAGE_URL }}" />
<meta property="og:url" content="{{ PAGE_CANONICAL_URL }}" />
<meta property="og:site_name" content="{{ APPLICATION_NAME }}" />
<meta property="article:publisher" content="{{ FACEBOOK_PUBLISHER }}" />
<meta property="article:author" content="{{ FACEBOOK_AUTHOR }}" />
<meta property="article:section" content="Technology" />
<meta property="article:published_time" content="2015-01-06T23:07:41+00:00" />
<meta property="article:modified_time" content="2015-05-12T22:24:50+00:00" />
<meta property="og:updated_time" content="2015-05-12T22:24:50+00:00" />
<meta property="fb:admins" content="???" />
<meta property="fb:app_id" content="123456789456489" />
<!-- TODO DYNAMIC ACCORDING TO THE CARD TYPE -->
<meta name="twitter:card" content="summary"/> <!-- photo -->
<meta name="twitter:title" content="{{ PAGE_NAME }}"/>
<meta name="twitter:description" content="{{ PAGE_DESCRIPTION }}"/>
<meta name="twitter:site" content="{{ TWITTER_WEBSITE_ACCOUNT }}"/>
<meta name="twitter:image" content="{{ PAGE_IMAGE_URL }}" />
<meta name="twitter:creator" content="{{ TWITTER_CREATOR_ACCOUNT }}"/>
<meta name="twitter:domain" content="mon.site.com"/>
<!-- Bing -->
<meta name="geo.placename" content="United States" />
<meta name="geo.position" content="x;x" />
<meta name="geo.region" content="usa" />
<meta name="ICBM" content="x,x" />
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/...","name":"...","alternateName":"..."}</script>
<!-- Really Simple Discovery http://en.wikipedia.org/wiki/Really_Simple_Discovery -->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.example.com/xmlrpc.php?rsd" />
<!-- WindowsLiveWriter -->
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.example.com/wlwmanifest.xml" />
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="...">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- utiliser les roles -->
<header role="banner">...</header>
<nav role="navigation">...</nav>
<!-- Google Analytics -->
<script async type="text/javascript"> <!-- async -->
var _gaq = _gaq || [];
...
</script>
</body>
</html>