羊皮紙論壇

羊皮紙論壇

分享讓知識傳播,閱讀讓心靈成長, 創作讓文化傳承,讓我們共同努力。
  • 禁止廣告文
  • 知識傳播
  • 閱讀
  • 心靈成長
  • 創作
  • 文化傳承
論壇目錄 / 程式設計 / 網頁/網站程式 / 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, target, robots, revisit, resource, reply, rating, global, generator, general, copyright, classification, author, after, Window
    00
    2012-06-16T18:42:00+0000


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