いつも使うhead内meta dataなので、コピペで使えるようにまとめてみました。
<!-- Behavioral Meta Data --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!-- Core Meta Data --> <meta name="author" content="!!! auther here !!!"> <meta name="description" content="!!! description here !!!"> <meta name="keywords" content="!!! keyword here !!!"> <!-- Open Graph protocol (forFB) Meta Data --> <meta property="og:description" content="!!! description here !!!"> <meta property="og:image" content="!!! thumbnail image path for OG !!!"> <meta property="og:site_name" content="!!! site name !!!"> <meta property="og:title" content="!!! site title !!!"> <meta property="og:type" content="!!! article | blog | website !!!"> <meta property="og:url" content="!!! site url !!!"> <!-- Twitter Card Meta Data --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="!!! site url !!!"> <meta name="twitter:creator" content="!!! @useraccount !!!"> <meta name="twitter:title" content="!!! site title !!!"> <meta name="twitter:description" content="!!! description !!!"> <meta name="twitter:image" content="!!! thumbnail image path for Twittercard !!!"> <!-- Humans --> <link rel="author" href="humans.txt" /> <!-- Styles --> <link rel="stylesheet" type="text/css" href="!!! stylesheet path !!!"/> <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="!!! root URL !!!/favicon.png" type="image/png"> <!-- Apple Touch Icons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57-precomposed.png"> <!-- Apple Startup Images --> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)"> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)"> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"> <link rel="apple-touch-startup-image" href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"> <!-- Google Analytics --> <script> !!! Google Analytics Code !!! </script>