Meta標籤常用屬性和介紹

標籤：設定   縮放   引擎最佳化   inf   搜尋引擎   相容   cell   改變   initial   

一、 N ame 類：

　1、 Keywords（網頁關鍵字）

　　　How：<meta name="keywords" content="這裡寫網頁關鍵內容欄位，利於搜尋引擎最佳化"> 

　　　　what：向搜尋引擎解釋本頁面的關鍵內容欄位是什嗎？

　

　2、Description（網頁內容描述）

　　　　How：<meta name="description" content="搜尋引擎最佳化相關內容" /> 

　　　　what：向搜尋引擎解釋本頁面的關鍵內容是什嗎？

 

　3、Robots（搜尋引擎爬蟲的索引方式）

　　　　How：<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow"> 

　　　　what：Robots用來告訴搜尋機器人頁面需不需要索引。預設是all。

　　　　

all	檔案將被檢索，且頁面上的連結可以被查詢
none	檔案將不被檢索，且頁面上的連結不可以被查詢；(和 "noindex, no follow" 起相同作用)
index	檔案將被檢索；（讓robot/spider登入）
follow	頁面上的連結可以被查詢；
noindex	檔案將不被檢索，但頁面上的連結可以被查詢；(不讓robot/spider登入)
nofollow	檔案將不被檢索，頁面上的連結可以被查詢。(不讓robot/spider順著此頁的串連往下探找)

 

　4、viewport（移動端視窗設定）

　　　　How：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 

　　　　what：讓網頁適配或響應各種不同解析度的行動裝置。

width	設定網頁的寬度，為一個正整數，或字串"width-device"（範圍從 200 到 10,000，預設為 980 像素）
initial-scale	設定頁面的初始縮放值，為一個數字，可以帶小數（範圍從 > 0 到 10）
minimum-scale	允許使用者的最小縮放值，為一個數字，可以帶小數
maximum-scale	允許使用者的最大縮放值，為一個數字，可以帶小數
height	設定網頁的高度，很少使用（範圍從 223 到 10,000 ）
user-scalable	是否允許使用者進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許

 

　5、format-detection（格式讀取）

　　　　 How：<meta name="format-detection" content="email=no|telephone=no|adress=no" /> 

　　　　what：是否檢驗格式（yes/no），是否禁止作為郵箱地址觸發 | 是否禁止了把數字轉化為撥號連結 | 是否禁止跳轉至地圖

 

　6、apple-mobile-web-app-status-bar-style（改變頂部狀態條的顏色）

　　　　How：<meta name="apple-mobile-web-app-status-bar-style" content=顏色值" /> 

　　　　what：設定web app 應用下狀態條（螢幕頂部條）的顏色；預設值為 default（白色），可以定為 black（黑色）和 black-translucent（灰色半透明）

 

　7、apple-mobile-web-app-capable（網站開啟對 web app 程式的支援）

　　　　How：<meta name="apple-mobile-web-app-capable" content="yes" /> 

　　　　what：蘋果裝置：網站開啟對 web app 程式的支援

 

　8、Author（作者） 

　　　　How：<meta name="author" content=" 碼農 "> 

　　　　what：標註網頁的作者或製作組

 

　9、Copyright（著作權）

　　　　How：<meta name="copyright" content="本網站著作權歸部落格園所有"> 

　　　　what：標註著作權

 

　10、renderer（雙核瀏覽器渲染方式）

　　  How：<meta name="renderer" content="webkit | ie-comp | ie-stand ">  
　　　what：分別代表用webkit核心，IE相容核心，IE標準核心，區分大小寫。

核心	Webkit	IE相容	IE標準
核心版本	Chrome 45	IE6/7	IE9/IE10/IE11(取決於使用者的IE)
HTML5支援	YES	NO	YES
ActiveX控制項支援	NO	YES	YES

　11、revisit-after(搜尋引擎爬蟲重訪時間)

　　　　How：<meta name="revisit-after" content="2 days" > 

　　　 what：如果頁面不是經常更新，為了減輕搜尋引擎爬蟲對伺服器帶來的壓力，可以設定一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的預設時間來訪問。

 

 二、 HTTP 標題資訊 http-equiv類：

　1、Content-Type（網頁字元集的設定）

　　　　How：  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> //舊Html，不推薦   <meta charset="utf-8"> //新Html5方式 推薦 

　　　　what：字元集的設定和渲染的編碼格式

 

　2、X-UA-Compatible(瀏覽器採取何種版本渲染當前頁面)

　　　　How：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 

　　　　what：用於告知瀏覽器以何種版本來渲染頁面。

 

　 3、refresh(自動重新整理並指向某頁面)

　　　　How：<meta http-equiv="refresh" content="10; URL=https://i.cnblogs.com">   //10秒後跳轉https://i.cnblogs.com

　　　　what：網頁將在設定的時間內，自動重新整理並調向設定的網址

 

　 4、expires(網頁到期時間)

　　　　How：<meta http-equiv="expires" content="Sunday 26 October 2017 01:00 GMT" />  

　　　　what：用於設定網頁的到期時間，到期後網頁必須到伺服器上重新傳輸。

 

　 5、set-Cookie(cookie設定)

　　　　How：<meta http-equiv="set-cookie" content="CookieName=CookieValue; expires=Fri, 30 Dec 2015 12:00:00 GMT; path=/"> 

　　　　what：建立一個 cookie ，包含了 cookie 名，cookie 值，到期時間。

 

　6、cache-control(指定請求和響應遵循的緩衝機制)

　　　　How：<meta http-equiv="cache-control" content="no-cache"> 

　　　　what：控制文檔的緩衝機制。

public	所有內容都將被緩衝(用戶端和Proxy 伺服器都可緩衝)
private	內容只緩衝到私人緩衝中(僅用戶端可以緩衝，Proxy 伺服器不可緩衝)
no-cache	不緩衝
no-store	緩衝當不歸檔 but not archived

Meta標籤常用屬性和介紹