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="..., ...">
這些
當 預設值是 您也可以利用 |
nositelinkssearchbox |
<meta name="google" content="nositelinkssearchbox"> 當使用者搜尋您的網站時,Google 搜尋結果有時會顯示您網站的專用搜尋框,以及導向您網站的其他直接連結。這個標記會指示 Google 不要顯示網站連結搜尋框。進一步瞭解網站連結搜尋框。 |
notranslate |
<meta name="googlebot" content="notranslate">
如果 Google 發現網頁內容可能不是使用者想要閱讀的語言,就可能會在搜尋結果中提供經過翻譯的標題連結和摘要。如果使用者點選翻譯後的標題連結,後續與該網頁進行的所有互動都會透過 Google 翻譯進行,系統也會自動翻譯使用者隨後點選的任何連結網頁。一般來說,這會讓您有更多機會將獨特且吸引人的內容,提供給更廣大的使用者族群。但是,也有可能因此遇到您不樂見的狀況。您可以使用這個 |
nopagereadaloud |
<meta name="google" content="nopagereadaloud"> 禁止各種 Google 文字轉語音服務透過文字轉語音 (TTS) 程序朗讀網頁內容。 |
google-site-verification |
<meta name="google-site-verification" content="...">
您可以在網站的頂層網頁中使用這個標記,向 Search Console 驗證您擁有這個網站。
請注意,雖然 |
Content-Type 與 charset |
<meta http-equiv="Content-Type" content="...; charset=..."> <meta charset="...">
這些標記可以分別定義網頁的內容類型及字元集。請務必在 |
refresh |
<meta http-equiv="refresh" content="...;url=...">
這個標記 (通常稱為中繼重新整理) 夠在一段時間之後將使用者導向到新的網址,因此有時也被當成一種簡單的重新導向方式。不過,由於不是所有的瀏覽器都支援這個標記,所以這也可能對使用者造成困擾。我們建議改用伺服器端 |
viewport |
<meta name="viewport" content="...">
這個標記會告訴瀏覽器如何在行動裝置上轉譯網頁。如果出現這個標記,Google 就會知道該網頁適合在行動裝置上瀏覽。進一步瞭解如何設定 |
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 屬性數量有限。src
和 href
等屬性可用於探索圖片和網址等資源。Google 也支援各種 rel
屬性,讓網站擁有者能夠定義外連連結。
div
、span
和 section
標記的 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 。 |
next 和 prev rel 屬性值 |
<link rel="next" href="..."> <link rel="prev" href="..."> Google 已不再使用這些 HTML |