羊皮紙 服務
       
       
      分享
       
      羊皮紙論壇

      羊皮紙論壇

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