Skip to main content

[HTML] SEO meta tag

HEAD Template with Meta Tag#

<head>  <meta charset="UTF-8" />  <title>Document</title>
  <!-- 給 google 看的 -->  <meta name="author" content="作者" />  <meta name="description" content="本頁描述,不要超過 155 個字元。" />  <meta name="keywords" content="關鍵字1, 關鍵字2" />
  <!-- Schema.org markup for Google+ -->  <link rel="author" href="google plus 個人頁網址/posts" />  <link rel="publisher" href="google plus 個人頁網址" />  <meta itemprop="name" content="網站名稱或標題" />  <meta itemprop="image" content="要顯示的縮圖網址" />  <meta itemprop="description" content="網頁描述" />
  <!-- 給fb看的 Open Graph -->  <meta property="og:title" content="fb的標題(文章標題)" />  <meta property="og:description" content="fb的描述" />  <meta property="og:type" content="website" />  <meta property="og:url" content="fb上的網址" />  <meta property="og:image" content="圖片網址" />  <meta property="og:site_name" content="Site Name, i.e. Moz" />  <meta property="fb:admins" content="Facebook numeric ID" />
  <!-- Twitter Card data -->  <meta name="twitter:card" content="summary_large_image" />  <meta name="twitter:site" content="@publisher_handle" />  <meta name="twitter:title" content="Page Title" />  <meta name="twitter:description" content="Page description less than 200 characters" />  <meta name="twitter:creator" content="@author_handle" />  <!-- Twitter summary card with large image must be at least 280x150px -->  <meta name="twitter:image:src" content=" http://www.example.com/image.html" /></head>

參考:meta data template