跳至主要内容

[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