Meta 標籤

它必須放於與之間,主要用於本網頁的內容說明與網頁資訊,或者設定瀏覽器選項

資訊相關

編碼設定 (建議加上)

<meta charset="UTF-8" />

語系設定

<meta http-equiv="Content-Language" content="zh-TW">
//舊方法,建議設在 html tag
<html lang="zh">

給搜尋引擎看的網頁關鍵字

<meta name="description" content="網頁簡短描述">
<meta name="keywords" content="網頁關鍵字">
<meta name="author" content="作者姓名">

自動更新網頁,下面例子為5秒更新一次

<meta http-equiv="refresh" content="5" />

不暫存網頁

<meta http-equiv="Pragma" content="no-cache">

viewport 畫面設定

  • width:[數字] 或 device-width
  • height:[數字] 或 device-height
  • initial-scale:最小0.25,最大5
  • minimum-scale:最小0.25,最大5
  • maximum-scale:最小0.25,最大5
  • user-scalable:1 或 0 (yes 或 no)

1:1顯示,考量行動裝置,建議加上

<meta name="viewport" content="width=device-width, initial-scale=1">

不縮放,手機網站常用

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

FB 專用Meta

<meta name="og:description" content="網站要呈現的敘述設定" />
<meta property="og:title" content="該頁Title"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.systemlead.com.tw/index.html"/>
<meta property="og:image" content="http://www.systemlead.com/img/fb-pic1.jpg"/>
<meta property="og:site_name" content="網站名稱" />

範例 fb Sharing Debugger

results matching ""

    No results matching ""