網頁

Meta 標籤的使用與介紹

[ Meta 標籤簡介 ]
在網頁的 Html 語法中 Meta 標籤是扮演一個與搜尋引擎溝通的重要橋樑,儘管 Meta 標籤對現在的搜尋引擎排名影響不是很大,但是當搜尋引擎找到網站時,可以藉由 Meta 標籤提供搜尋引擎如何描述網站的內容,當然搜尋引擎很聰明,發現網站沒有 Meta 標籤時,它會自行搜尋網站前面的標題或內容來展示網站的基本資訊,但是搜尋引擎抓到的內容可能不是你所想顯示的,或是抓到的關鍵字與文章不相干,這樣一來就算有被搜尋引擎找到,搜尋者看到網站介紹不符合自己的需求,就可能不會進入觀看,因此 Meta 標籤還是很重要的。

[ Meta 標籤的用途 ]
Meta 標籤必須放於<HEAD>...</HEAD>之間,用於網頁的內容說明,以利自己或搜尋引擎使用,主要有兩種屬性: name 和 http-equiv 。

name 屬性

1. author
語法:<meta name="author" content="小K"/>
說明:網站(頁)的作者。

2. description
語法:<meta name="description" content="電腦網路資訊技術分享!"/>
說明:網站(頁)主要內容簡述。

3. keywords
語法:<meta name="keywords" content="數位便利貼,網路工具,網頁教學,meta,SEO"/>
說明:網站(頁)主要的關鍵字,關鍵字最好以「,」隔開。

4. generator
語法:<meta name="generator" content="Blogger"/>
說明:網站(頁)的編輯工具。

5. copyright
語法:<meta name="copyright" content="本網頁著作權屬數位便利貼所有"/>
說明:網站(頁)的版權。

6. distribution
語法:<meta name="distribution" content="Taiwan"/>
說明:網站(頁)的發佈地。

7. robots
語法:<meta name="robots" content="all"/>
說明:告知搜尋引擎哪些頁面需要索引,哪些頁面不需要索引。
content 屬性說明如下:
all:HTML 檔案將被檢索,且頁面上的鏈結可以被查詢。
none:HTML 檔案將不被檢索,且頁面上的鏈結不可以被查詢。
index:HTML 檔案將被檢索。
follow:HTML 檔案頁面上的鏈結可以被查詢。
noindex:HTML 檔案將不被檢索,但頁面上的鏈結可以被查詢。
nofollow:HTML 檔案將不被檢索,頁面上的鏈結可以被查詢。

8. revisit-after
語法:<meta name="revisit-after" content="7 days"/>
說明:告知搜尋引擎多久來檢索一次。

9. distribution
語法:<meta name="distribution" content="global"/>
說明:網站(頁)的發佈範圍。
屬性說明如下:
global:網站(頁)是全球性網頁。
local:網站(頁)是本地端網頁。
Intern use:網站(頁)是測試網頁。

10. rating
語法:<meta name="rating" content="general"/>
說明:網站(頁)的分級。
content 屬性說明如下:
14 years:14歲以上。
general:都適合。
mature:適合成年人。
safe for kids:只適合孩童。

11. expires
語法:<meta name="expires" content="31 December 2000"/>
說明:告知搜尋引擎網站(頁)何時從的資料庫中刪除。

12. classification
語法:<meta name="classification" content="Computer"/>
說明:告知搜索引擎網站(頁)應被列到哪個目錄下。

13. reply to
語法:<meta name="reply-to" content="webmaster@yoursite.com"/>
說明:告知來訪者如何聯繫網站管理人。

14. resource-type
語法:<meta name="resource-type" content="DOCUMENT"/>
說明:告知搜尋引擎這個網站(頁)的形式是文件。

http-equiv 屬性

1. Content-Type
語法:<meta http-equiv="Content-Type" content="text/html"; charset="big5"/>
說明:讓瀏覽器取得該頁面正確的編碼。

2. Expires
語法:<meta http-equiv="Expires" content="Sun, 31 Dec 2000 00:00:01 GMT">
說明:設定網頁的到期時間,一旦網頁過期,必須到服務器上重新調閱。必須使用 GMT 的時間格式。

3. Pragma
用法:<meta http-equiv="Pragma" content="no-cache"/>
說明:禁止瀏覽器從本地機的緩存中調閱網頁內容。這樣設定,訪問者將無法離線瀏覽。

4. Refresh
用法:<meta http-equiv="Refresh" content="5"; URL=http://www.yahoo.com"/>
說明:定時讓網頁自動連結到其它網頁,其中的5是指停留5秒鐘後自動連結到 URL 網址,如果URL設定為自身網頁,則為定時重新整理。

5. Set-Cookie
語法:<meta http-equiv="Set-Cookie" content="cookievalue="test";
expires="Sunday, 31-Dec-89 12:30:15 GMT"; path="/"/>
說明:設定 cookie 到期時間。必須使用 GMT 的時間格式。

6.Window-target
語法:<meta http-equiv="Window-target" content="_top">
說明:強制頁面在當前視窗以獨立頁面顯示。防止別人在框架裡調用你的頁面。

[ 補充 ]
name 屬性比較重要的有 2 和 3,,description 和 keywords 屬性是影響網站曝光度的關鍵之一,其他屬性請自行評估自身需求來增加即可;http-equiv 屬性較重要的有 1,用來得知網頁的編碼,不然可能會有亂碼發生。

[ 參考資料 ]

沒有留言:

張貼留言

1. 文章如有錯誤,歡迎指正。
2. 請勿打廣告,違者一律刪。
3. 歡迎您提供寶貴的意見。