12 <meta charset='utf-8'>
18 <meta property='og:title' content='···'>
19 <meta name='twitter:title' content='···'>
25 <link rel='canonical' href='http://···'>
26 <meta property='og:url' content='http://···'>
27 <meta name='twitter:url' content='http://···'>
33 <meta name='description' content='···'>
34 <meta property='og:description' content='···'>
35 <meta name='twitter:description' content='···'>
41 <meta property="og:image" content="http://···">
42 <meta name="twitter:image" content="http://···">
47 <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
52 <meta name='viewport' content='width=device-width'>
53 <meta name='viewport' content='width=1024'>
59 <meta property='og:site_name' content='···'>
60 <meta property='og:type' content='website'>
64 <meta property='fb:app_id' content='···'>
65 <meta property='fb:admins' content='UID1,UID2'>
66 <!-- ···unless there's app_id -->
70 <meta property='og:audio' content='http://···/theme.mp3'>
71 <meta property='og:video' content='http://···/trailer.swf'>
74 See: [OpenGraph protocol](https://developers.facebook.com/docs/opengraphprotocol/) _(developers.facebook.com)_
76 ### Opengraph for articles
78 - `article:published_time`
79 - `article:modified_time`
80 - `article:expiration_time`
88 <meta name='format-detection' content='telephone=no'>
91 ## Progressive web apps
96 <meta name='mobile-web-app-capable' content='yes'>
97 <meta name='apple-mobile-web-app-capable' content='yes'>
101 <meta name='apple-mobile-web-app-status-bar-style' content='black'>
102 <!-- black | black-translucent | default -->
108 <meta name='theme-color' content='#ff00ff'>
112 See: [Theme color](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
117 <link rel='manifest' href='/manifest.json'>
121 See: [Manifest](https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/)
127 <link rel='icon' type='image/png' href='favicon@32.png'>
128 <link rel='icon' sizes='192x192' href='icon@192.png'>
129 <link rel='apple-touch-icon' href='icon@152.png'>
130 <meta name='msapplication-square310x310logo' content='icon@310.png'>
135 <link rel='apple-touch-icon' href='touch-icon-iphone.png'>
136 <link rel='apple-touch-icon' sizes='76x76' href='touch-icon-ipad.png'>
137 <link rel='apple-touch-icon' sizes='120x120' href='touch-icon-iphone-retina.png'>
138 <link rel='apple-touch-icon' sizes='152x152' href='touch-icon-ipad-retina.png'>
143 <meta name='msapplication-square70x70logo' content='icon_smalltile.png'>
144 <meta name='msapplication-square150x150logo' content='icon_mediumtile.png'>
145 <meta name='msapplication-wide310x150logo' content='icon_widetile.png'>
148 Chrome on Android recommends [192x192](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android).
149 See: [Icons](https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/)
154 * <https://dev.twitter.com/cards>
155 * <https://developers.facebook.com/docs/opengraphprotocol/#types>