1. 程式人生 > >meta標簽常用屬性

meta標簽常用屬性

常用 a標簽 ros spider family con rds spi 允許

Keywords(關鍵詞)

說明:告訴搜索引擎你網頁的關鍵字(keywords)
使用方法:<meta name="keywords" content="標簽,屬性,seo優化">

Robots (機器人向導)

說明:Robots用來告訴搜索機器人頁面需要或者不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。

使用方法:<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">

all:文件將被檢索,且頁面上的鏈接能夠被查詢。
none:文件將不被檢索。且頁面上的鏈接不能夠被查詢。(和 "noindex, no follow" 起同樣作用)
index:文件將被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接能夠被查詢;
noindex:文件將不被檢索,但頁面上的鏈接能夠被查詢;(不讓robot/spider登錄)
nofollow:文件將不被檢索,頁面上的鏈接能夠被查詢。(不讓robot/spider順著此頁的連接往下探找)

viewport(視窗/移動端)

說明:viewport 是用戶網頁的可視區域,即“視區”。

使用方法:<meta name="viewport" content="width=device-width, initial-scale=1.0">

  • width:控制 viewport 的大小,可以指定的一個值,如 600,或者特殊的值,如 device-width 為設備的寬度(單位為縮放為 100% 時的 CSS 的像素)。
  • height:和 width 相對應,指定高度。
  • initial-scale:初始縮放比例,也即是當頁面第一次 load 的時候縮放比例。
  • maximum-scale:允許用戶縮放到的最大比例。
  • minimum-scale:允許用戶縮放到的最小比例。
  • user-scalable:用戶是否可以手動縮放。

舉例說明
a. 設置屏幕寬度為設備寬度,禁止用戶手動調整縮放
<meta name="viewport" content="width=device-width,user-scalable=no" />

b. 設置屏幕密度為高頻,中頻,低頻自己主動縮放,禁止用戶手動調整縮放)
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

另外iOS 7.1的Safari為meta標簽新增minimal-ui屬性,在網頁載入時默認隱藏地址欄與導航欄。

meta標簽常用屬性