Google 支援的 meta 標記和屬性

本頁說明 meta 標記的意義、Google 為了控制索引建立作業而支援的 meta 標記和 HTML 屬性,以及在您的網站上實作 meta 標記時應注意的重要事項。

meta 標記

meta 標記是 HTML 標記,可用來為搜尋引擎和其他用戶端提供關於網頁的其他資訊。用戶端會處理 meta 標記,並忽略不支援的標記。meta 標記應置於 HTML 網頁的 <head> 部分,通常會像這樣:

<!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price:  £9.24, Length: 784 pages">
    <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=">
    <title>Example Books - high-quality used books for children</title>
    <meta name="robots" content="noindex,nofollow">
  </head>
</html>

Google 支援下列 meta 標記:

Google 支援的 meta 標記清單

description

<meta name="description" content="A description of the page">
這個標記的作用是提供簡短的網頁說明。在某些情況下,這則說明會用於搜尋結果中所顯示的網頁摘要

漫遊器和 Googlebot

<meta name="robots" content="..., ...">
<meta name="googlebot" content="..., ...">

這些 meta 標記可以控制搜尋引擎檢索及建立索引的行為。

<meta name="robots" ... 標記適用於所有搜尋引擎,而 <meta name="googlebot ... 則為 Google 專用標記。

robots (或 googlebot) meta 標記之間發生衝突時,會以限制較多的標記為準。舉例來說,如果網頁同時具有 max-snippet:50nosnippet 標記,則會套用 nosnippet 標記。

預設值是 index, follow,您不需要特別指定。 如需 Google 能支援的值完整清單,請參閱有效規則清單

您也可以利用 X-Robots-Tag HTTP 標頭規則,在網頁標頭中指定這項資訊。如果您要防止 Google 為非 HTML 檔案 (例如圖檔或其他類型的文件) 建立索引,這項指令就可以派上用場。進一步瞭解漫遊器 meta 標記

nositelinkssearchbox

<meta name="google" content="nositelinkssearchbox">

當使用者搜尋您的網站時,Google 搜尋結果有時會顯示您網站的專用搜尋框,以及導向您網站的其他直接連結。這個標記會指示 Google 不要顯示網站連結搜尋框。進一步瞭解網站連結搜尋框

notranslate

<meta name="googlebot" content="notranslate">

如果 Google 發現網頁內容可能不是使用者想要閱讀的語言,就可能會在搜尋結果中提供經過翻譯的標題連結和摘要。如果使用者點選翻譯後的標題連結,後續與該網頁進行的所有互動都會透過 Google 翻譯進行,系統也會自動翻譯使用者隨後點選的任何連結網頁。一般來說,這會讓您有更多機會將獨特且吸引人的內容,提供給更廣大的使用者族群。但是,也有可能因此遇到您不樂見的狀況。您可以使用這個 meta 標記告訴 Google 不要為這個網頁提供翻譯。

nopagereadaloud

<meta name="google" content="nopagereadaloud">

禁止各種 Google 文字轉語音服務透過文字轉語音 (TTS) 程序朗讀網頁內容。

google-site-verification

<meta name="google-site-verification" content="...">

您可以在網站的頂層網頁中使用這個標記,向 Search Console 驗證您擁有這個網站。 請注意,雖然 namecontent 的屬性值必須完全符合我們提供給您的內容 (包括大小寫),至於標記由 XHTML 改成 HTML,或者標記格式是否符合您網頁的格式,則無關緊要。

Content-Type 與 charset

<meta http-equiv="Content-Type" content="...; charset=...">
<meta charset="...">

這些標記可以分別定義網頁的內容類型及字元集。請務必在 http-equiv meta 標記中 content 屬性值的前後加上引號,否則系統可能會以錯誤的方式解譯 charset 屬性。我們建議盡量使用 Unicode/UTF-8。

refresh

<meta http-equiv="refresh" content="...;url=...">

這個標記 (通常稱為中繼重新整理) 夠在一段時間之後將使用者導向到新的網址,因此有時也被當成一種簡單的重新導向方式。不過,由於不是所有的瀏覽器都支援這個標記,所以這也可能對使用者造成困擾。我們建議改用伺服器端 301 重新導向

viewport

<meta name="viewport" content="...">

這個標記會告訴瀏覽器如何在行動裝置上轉譯網頁。如果出現這個標記,Google 就會知道該網頁適合在行動裝置上瀏覽。進一步瞭解如何設定 viewport meta 標記

rating

<meta name="rating" content="adult">
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA">

將網頁標示為含有煽情露骨成人內容,表示安全搜尋應該要過濾這個網頁。進一步瞭解如何標示安全搜尋網頁

HTML 標記屬性

HTML 標記屬性是可以設定父項標記的其他 HTML 標記值。舉例來說,<a> 標記的 href 屬性會設定錨定標記所指向的資源:<a href="https://example.com/"...>

就建立索引這個用途而言,Google 搜尋支援的 HTML 屬性數量有限。srchref 等屬性可用於探索圖片和網址等資源。Google 也支援各種 rel 屬性,讓網站擁有者能夠定義外連連結。

divspansection 標記的 data-nosnippet 屬性可讓您從程式碼片段中排除 HTML 網頁的某些部分。

其他注意事項

  • 無論網頁使用的是 HTML 或 XHTML 樣式的 meta 標記,Google 均能解讀。
  • 為了確保機器可以解讀,head 部分必須是有效的 HTML,如果是屬性的話,所有父項標記就會隨之關閉。
  • 除了 google-site-verification 以外,大小寫對 meta 標記來說無關緊要。
  • 如果其他 meta 標記對您的網站而言很重要,您就可以使用這些標記,但是 Google 會忽略不支援的 meta 標記。
  • 如果您考慮使用 JavaScript 插入或變更 meta 標記,請謹慎執行。可能的話,建議您避免使用 JavaScript 插入或變更 meta 標記,如果一定要使用,請全面測試實作項目
  • 如要檢查網頁的 meta 標記和屬性,請使用網址檢查工具

不支援的標記和屬性

Google 搜尋不支援下列標記和屬性,因此系統會予以忽略。這裡包含這些屬性,是因為它們在 HTML 中很常見,或是一直在支援範圍內。

不支援的標記和屬性
meta-keyword 標記 <meta name="keywords" content="..."> Google 搜尋不會使用 meta-keyword 標記,而且這個標記完全不會影響建立索引和排名。
HTML 標記 lang 屬性 Google 搜尋會根據網頁的文字內容來偵測網頁的語言,而不是依賴程式碼註解,例如 lang
nextprev rel 屬性值
<link rel="next" href="...">
<link rel="prev" href="...">

Google 已不再使用這些 HTML <link> 標記,而且這些標記對建立索引沒有影響。