網頁設計, 網頁資源

網頁設計-SEO網頁優化必備的meta標籤你設對了嗎?

梅干 2009/03/25
  當有了自已的網站後,一定都希望自已的網站能被搜尋引擎搜到,因此就需要在網頁中埋入一些標籤給搜尋引擎的小蜘蛛看,當它們來造訪你的網頁時,則會依照meta中所提供的資訊來作記錄,當網友搜尋時,再將資訊呈現在搜尋結果中,因此meta標籤是一個相當重要的東西,所以梅干花了點時間,整理一下手邊較常用的meata標籤,並將各meta的用法作簡易說明,便於各位使用與檢查自已網頁中的meta是否都正確,以下是梅干較常使用到的,如你也有相關的meta標籤,也歡迎分享給大家知。

meta的存放位置

<meta…標籤須放置在<head>….</head>之間。
如:
<head>
<meta name="keywords" content="梅問題,沒問題" />
</head>

關鍵字

關鍵字須用逗號(,)隔開;最好不要有空白,例如:minwt 梅問題 教學網,因為有些搜尋引擎會將它們視為三個關鍵字。
<meta name="keywords" content="梅問題,沒問題" />

網站描述

沒有給網站描述時,搜尋引擎通常會自動抓網頁的前25字做為網頁內容摘要,呈現在搜尋結果上。但有時網頁的前25字可能未必能表達文章的宗旨。
<meta name="description" content="記錄關於影像的大小事、電腦相關雜症、網頁問題,都歡迎大家有問題沒問題,通通都梅問題。" />

網頁隱私

用來告知搜尋引擎該網頁是否可被搜尋,並且有幾個參數可作設定:
noindex:不要檢索。
nofollow:只檢索該頁,不檢索該頁裡的鏈結。
noindex, nofollow:搜尋引擎的小蜘蛛到這裡時,就會停止,不作任何的檢索。
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,follow" />
<meta name="robots" content="index,nofollow" />
<meta name="robots" content="noindex,nofollow" />

作者

<meta name="author" content="梅干扣肉">

版權宣告

<meta name="copyright" CONTENT="本網頁著作權梅問題教學網所有">

網頁編碼

網頁編碼,中文網頁較常使用big5,但有時一些特殊字元則會出現?所以建議將網頁編碼設為utf-8。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

網頁路徑

<meta name="URL" content="https://www.minwt.com">

網頁相容模式

這部分若沒指定,會依照使用者所使用的瀏覽器的版本為主,因此可利用此語法跟瀏覽器說,用那個版本來作瀏覽。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

關閉圖片選單

關閉滑鼠移到圖片上方,出現儲存圖片的相關控制選單。
<meta http-equiv="imagetoolbar" content="no" />