2016 年 9 月 19 日,星期一
由於只有有效的 AMP 網頁才能顯示在 Google 搜尋中,因此在透過 Accelerated Mobile Pages 為網站製作 AMP 網頁後,請務必定期留意網頁的驗證狀態。
實作 AMP 時,網頁有時候會有錯誤,導致 Google 搜尋無法為網頁建立索引。網頁上出現的某些警告可能代表現有的實作方式不盡理想,或者是某些內容以後可能會出錯。
Google Search Console 這項工具可讓您查看 Google 發現含有錯誤的 AMP 網頁。瞭解哪些網址發生問題後,您可以使用下列幾項實用工具,透過更輕鬆的方式進一步檢查驗證錯誤。
瀏覽器開發人員工具
如何使用開發人員工具進行驗證:
- 在瀏覽器中開啟您的 AMP 網頁
-
將
#development=1
附加至網址,例如https://localhost:8000/released.amp.html#development=1
。 - 開啟 Chrome 開發人員工具主控台,檢查是否有驗證錯誤。
Play 管理中心錯誤看起來是這樣子的:
AMP 瀏覽器擴充功能
您可以使用 AMP 瀏覽器擴充功能 (適用於 Chrome 和 Opera) 快速識別無效的 AMP 網頁並進行偵錯。瀏覽網站時,擴充功能會評估您造訪的個別 AMP 網頁,並判斷該網頁是否有效。下表列出的是依據 AMP 標記的有效性,擴充功能可能會顯示的各種圖示。
如果 AMP 網頁內含錯誤,擴充功能圖示會顯示為紅色,並顯示出現的錯誤數量。 | |
如果 AMP 網頁沒有錯誤,圖示會顯示為綠色,並顯示警告的數量 (如果有的話)。 | |
如果該網頁不是 AMP 網頁,但指定提供 AMP 版本,圖示會顯示為藍色連結圖示,按一下擴充功能即可將瀏覽器重新導向至 AMP 版本網頁。 |
使用擴充功能時,只要點選擴充功能圖示,即可查看網頁的錯誤或警告內容。這項功能會逐一列出造成問題的原始碼在哪一行、哪一欄,以及錯誤說明訊息。如果有更詳盡的問題說明,您還會看到「瞭解詳情」連結,讓您直接連到 ampproject.org 的相關說明頁面。
AMP Web Validator
AMP Web Validator (網址:validator.ampproject.org) 提供簡單的網頁使用者介面,可讓您測試 AMP 網頁是否有效。
如要使用該工具,請輸入 AMP 網址,或複製/貼上您的原始碼,網路驗證工具隨即會在其中顯示錯誤訊息。您可以直接在網路驗證工具中進行編輯,藉此觸發重新驗證程序,瞭解您建議的調整是否能解決問題。
您最喜歡使用什麼方式檢查您 AMP 網頁的狀態?如果您有任何意見,歡迎在下方留言分享,或者前往 Google 網站管理員 Google+ 專頁告訴我們。如有任何問題或需要協助,您依然可以隨時在網站管理員說明論壇中提問。