羊皮紙論壇

羊皮紙論壇

分享讓知識傳播,閱讀讓心靈成長, 創作讓文化傳承,讓我們共同努力。
  • 禁止廣告文
  • 知識傳播
  • 閱讀
  • 心靈成長
  • 創作
  • 文化傳承
羊皮紙論壇目錄 / 程式設計 / 網頁/網站程式 / DHtml /

Meta 標籤的使用與介紹

發表新主題
隨機主題
上個主題
下個主題
|
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,用來得知網頁的編碼,不然可能會有亂碼發生。

  • 本文為轉載文章 [原文]
  • 關鍵字 : content, 語法, 網站, equiv, 屬性, 檢索, 檔案, 標籤, 查詢, 鏈結可以, distribution, 關鍵字, 重要, 明如下, 內容, keywords, expires, description, 設定, 編碼
0 0
2012-06-16T18:42:00+0000


  • 當您未登入羊皮紙時,可以利用臉書 Facebook 登入來發表迴響。若使用羊皮紙會員身份發表迴響則可獲得經驗值及虛擬金幣,用來參加羊皮紙推出的活動。
發表迴響
 
驗證字串

Facebook 粉絲專頁

QRCode 條碼 & APP 連結

說明
本頁網址

在相關服務標籤中,『掃描條碼,在行動裝置』或是『點擊連結按鈕,在本裝置』中開啟網頁或是 APP 相關操作。
QRCode