浦和の小さなweb屋さん

Meta Data まとめ

いつも使う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>
共有
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Posts published: 44
Copyrights © idew. All Rights Reserved.