Forum

Heyxu Forum

Forum Dictionary / Programming / 網頁/網站程式 / DHtml /

Meta 標籤的使用與介紹

New Subject
Random
Previous
Next
|
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,用來得知網頁的編碼,不然可能會有亂碼發生。

  • This is a reposted article. [The Source]
  • Keywords : content, 語法, 網站, equiv, 屬性, 檢索, 檔案, 標籤, 查詢, 鏈結可以, distribution, 關鍵字, 重要, 明如下, 內容, keywords, expires, description, 設定, 編碼
0 0
2012-06-16T18:42:00+0000


  • Now, you can post comments by Facebook Account when your Heyxu account was logout or unvariable. whatever, we suggest to post comment by Heyxu Account to get more bounds to join new events of Heyxu
Comment
Verify
Comment
  • Auto Platform
    For better browsing experience, it will auto detects your device to display webpage.
  • Bug Report
    Tell us about the idea, problem and errors you found.
  • Copyright
    © 2009 Heyxu Multimedia, Inc - All rights reserved.
  • Revised Version
    V2.1.313
    02 Feb 2019 (GMT+8)