最新 New

[公告]草監網路更改網址至gratch.tw

0

[實用]關於meta的基礎十件事

草監網路已從Blogger搬離至獨立網站https://gratch.tw/ ，將於3秒後自動跳轉

身為網頁製作相關人員，對於HTML的熟悉度一定不可以太過忽略，因為那是整個網路的基礎根基，而其中我認為最重要的就是meta這個標籤tag，為什麼meta很重要？因為在meta裡面你可以看到很多關於網站的資訊，這些資訊除了給瀏覽器看、給知道的網友看，還有一個重要的對象，就是給SEO的機器人看。這麼重要的meta到底在做哪些事呢？

  1. 宣告編碼：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    透過這個設定可以讓瀏覽器知道您的網站是採用哪種編碼設計製作，目前幾乎都是使用UTF-8編碼格式，如果編碼格式不對或者瀏覽器誤判，則會造成頁面顯示變成亂碼。
     
  2. 宣告描述：<meta name="description" content="草監影像私人頻道是講述一個捷運客與影像和網頁設計之間錯綜複雜的三角關係" />
    這個部份是透過簡短的文字讓網友或搜尋引擎可以瞭解與收入當前網站的大綱。
     
  3. 宣告關鍵字：<meta name="keywords" content="草監影像私人頻道,HTML,CSS,XML,JavaScript" />
    在這裡你必須透過幾組辭彙點出網站經營的重點與方向。
     
  4. 宣告搜尋引擊收入的方式：<meta name="Robots" content="all|none|index|noindex|follow|nofollow" />
    這個的用途在於告知搜尋引擎該如何收入你的網站，你可以透過一些參數設定告知搜尋引擎你所希望的收入方式，其中的內容說明如下：
    設定為all：檔案將被檢索，且頁面上的連結可以被查詢。
    設定為none：檔案將不被檢索，且頁面上的連結不可以被查詢。
    設定為index：檔案將被檢索。
    設定為follow：頁面上的連結可以被查詢。
    設定為noindex：檔案將不被檢索，但頁面上的連結可以被查詢。
    設定為nofollow：檔案將不被檢索，頁面上的連結可以被查詢。
     
  5. 宣告本網站的語言：<meta http-equiv="Content-Language" content="zh-tw" />
    這個部份瀏覽器是會自動判斷的，所以基本上可寫也可不寫，如果不寫會不會對網站造成影響？基本上我個人認為影響並不會太大。
     
  6. 宣告網站建置時間：<meta name="Creation-Date" content="01-jan-2001 20:40:01" />
    建置時間的設定是為了讓懂得網友或者搜尋引擎機器人在收入時可以很快知道網站建置的時間，建置時間如果夠久，基本上就代表這個網站存在時間是非常久的，但是搜尋引擎本身收入時也會有一個時間比對值，所以設定建置時間對整體網站的影響程度有多高？基本上我覺得效果可能有限度，雖然說網站存在的時間長短對於搜尋引擎結果頁面排序上是會有幫助，但是如果內容不妥或者有過多無意義的內容，那這個頁面對SEO的幫助也不大。
     
  7. 宣告幾秒後轉向某網址：<meta http-equiv="Refresh" content="1;url=http://nowills.blogspot.com/" />
    這個通常用於強制轉址，就是當某個網域已經不想使用時，則可以透過上訴這個meta設定轉到另外的網域去。
     
  8. 禁止使用暫存網站：<meta http-equiv="Pragma" content="no-cache" />
    瀏覽器在你瀏覽網站時都會暫時將網頁上的資料與檔案暫存下來，下次你在來到同一個網站時，就會先取用暫存檔案，以加開網站開起速度，但是如果你的網站時常更新，這樣的暫存檔案設計就會讓你覺得困擾，因為網友可能會看到尚未更新過內容，這時你就可以透過這個meta設定改變這種情況，讓網友下次來到網站時會重新下載新的檔案而不取用暫存檔案。
     
  9. 設定Cookie過期時間：<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT" />
    在程式設計過期中時常會用到Cookie來紀錄，如果希望Cookie可以在某個時段全部清除，那就可以採用這個meta設定來註記Cookie過期，產生新的的Cookie。
     
  10. 宣告目前連結在本頁面中預設開起模式：<meta http-equiv="windows-Target" content="_top" />
    這個適合用在連結大部份都是外連的網站，而部落格也適合採用這樣整體設定的地方。

以上就是十件關於meta的基礎，雖然說不是每項都是必備要素，但是身為網頁設計相關人員的你一定不能不知道，如過你看完之後發現有些是你不曉得的事情，那麻煩務必多看幾次，一回生二回熟，下次遇到關於meta問題時，你就不用在滿腦子問號不知該如何侍從囉！

留言

張貼留言