meta標籤佈置網站頁面SEO優化教程詳解
meta標籤是網站頁面HTML標準常用的標籤,在SEO優化層面可以起到很好的註明和引導作用,也是網站支持瀏覽器和用戶體驗不可缺少的元素標籤。
一,meta標籤常用的HTTP-EQUIV類型:
Set-Cookie(cookie設定)
說明:如果網頁過期,存盤的cookie將會被刪除(必須是GMT的時間格式)
Window-target(顯示窗口的設定)
說明:強制頁面在當前窗口以獨立頁面顯示----用來防止別人在框架裏面調用你的頁面
Content-Type(顯示字符集的設定)
說明:設定頁面使用的字符集
expires(期限)
說明:用於設定網頁的到期時間,一旦網頁過期,必須到服務器上重新調閱(必須使用GMT的時間格式)
Pragma(cache模式)
說明:禁止瀏覽器從本地機的緩存中調閱頁面內容(訪問者無法脫機瀏覽)
Refresh(刷新)
說明:需要讓頁面定時鏈接到其他頁面的話,就用這句(停留五秒後自動跳轉到URL地址)
html中的meta信息裡可以直接設置跳轉,可以設置跳轉延遲時間和跳轉url,經常應用,比如支付完了告訴用戶支付成功並跳轉到訂單頁面。下麪的列子表示:5秒鐘後頁面會自動跳轉到https://www.seosiguan.com。
二,meta標籤name變量語法
keywords(關鍵字)---已經過時
說明:用來告訴搜索引擎 你網頁的關鍵字是什麼
description(簡介)------(import)
說明:用來告訴搜索引擎你網站的主要內容
robots(機器人嚮導)------(import)
說明:robots用來告訴搜索機器人 哪些頁面需要索引 哪些不需要 ;用來阻止搜索引擎獲取拷貝頁面、私密頁面和未完成的頁面.content參數有:all,none,index,noindex,follow,nofollow.默認all
其中:
all:文件將被檢索,且頁面上的鏈接可以被查詢;
none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
index:文件將被檢索;
follow:頁面上的鏈接可以被查詢;
noindex:文件將不被檢索;
nofollow:頁面上的鏈接不可以被查詢。
author:標註網頁的作者
notranslate----(important)
說明:有時,Google在結果頁面會提供一個翻譯鏈接,但有時候你不希望出現這個鏈接
三,meta標籤以下是一些不常用的例子和簡要的說明
viewport屬性說明:
width:可視區域的寬度,值可為數字或關鍵詞device-width
height同width
intial-scale:頁面首次被顯示時可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別,
maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放,no 禁止縮放
啟用WebAPP全屏模式
隱藏狀態欄/設置狀態欄顏色:只有在開啟WebApp全屏模式時才生效。content的值為default | black | black-translucent 。
添加到主屏後的標題
忽略數字自動識別為電話號碼
忽略識別郵箱
針對手持設備優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓
微軟的老式瀏覽器
uc強制豎屏
QQ強制豎屏
UC強制全屏
QQ強制全屏
UC應用模式
QQ應用模式
windows phone 點擊無高光
四,meta標籤其他實例
在html頁面上設置不緩存
網站頁面大部分需要佈置都離不開meta標籤,比如搜索引擎的網站驗證、頁面端識別等其他,網站前端SEO優化有一半需要用到meta標籤,其中瀏覽器兼容也是SEO的一部分,所以有必要熟悉meta標籤的使用範圍和方法。