Google中文網站管理員 - 中文網誌 [TW]: 如何有效評估 AMP 網頁的相關問題

中文網站管理員 - 中文網誌

我們會在部落格上分享網站管理技巧以及網站管理員工具的最近更新。

如何有效評估 AMP 網頁的相關問題

2016年9月21日星期三

由於只有有效的 AMP 網頁才能顯示在 Google 搜尋中，因此在透過 Accelerated Mobile Pages 為網站製作 AMP 網頁 (#AMPlify) 後，請務必定期留意網頁的驗證狀態。實作 AMP 時，網頁有時候會有錯誤，導致 Google 搜尋無法為網頁建立索引。網頁上出現的某些警告可能代表現有的實作方式不盡理想，或者是某些內容以後可能會出錯。 Google Search Console 是一項免費服務，可讓您查看 Google 發現含有錯誤的 AMP 網頁。瞭解哪些網址發生問題後，您可以使用下列幾項實用工具，透過更輕鬆的方式進一步檢查驗證錯誤。 1. 瀏覽器開發人員工具如何使用開發人員工具進行驗證：

在瀏覽器中開啟您的 AMP 網頁

將「#development=1」附加到網址中，例如：http://localhost:8000/released.amp.html#development=1。

開啟 Chrome DevTools 控制台，檢查是否有驗證錯誤。

Developer Console 錯誤看起來是這樣子的： Screen grab of AMP Validator errors in chrome developer console

Screen grab of AMP Validator errors in chrome developer console

2. AMP 瀏覽器擴充功能您可以使用 AMP 瀏覽器擴充功能 (適用於 Chrome 和 Opera) 快速識別無效的 AMP 網頁並進行偵錯。瀏覽網站時，擴充功能會評估您造訪的個別 AMP 網頁，並判斷該網頁是否有效。

	如果 AMP 網頁內含錯誤，擴充功能圖示會顯示為紅色，並顯示出現的錯誤數量。
	如果 AMP 網頁沒有錯誤，圖示會顯示為綠色，並顯示警告的數量 (如果有的話)。
	如果該網頁不是 AMP 網頁，但指定提供 AMP 版本，圖示會顯示為藍色連結圖示，按一下擴充功能即可將瀏覽器重新導向至 AMP 版本網頁。

使用擴充功能時，您只要點選擴充功能圖示，即可查看網頁的錯誤或警告內容。這項功能會逐一列出造成問題的原始碼在哪一行、哪一欄，以及錯誤說明訊息。如果有更詳盡的問題說明，您還會看到「瞭解詳情」連結，讓您直接連到 ampproject.org 的相關說明頁面。 screenshot

screenshot

3. AMP Web Validator AMP Web Validator (網址：validator.ampproject.org) 提供簡單的網頁使用者介面，可讓您測試 AMP 網頁是否有效。 validator-web-ui

validator-web-ui

如要使用該工具，請輸入 AMP 網址，或複製/貼上您的原始碼，網路驗證工具隨即會在其中顯示錯誤訊息。您可以直接在網路驗證工具中進行編輯，藉此觸發重新驗證程序，瞭解您建議的調整是否能解決問題。您最喜歡使用什麼方式檢查您 AMP 網頁的狀態？歡迎在下方留言處或 Google 網站管理員 Google+ 專頁中提出您的寶貴意見。如有任何問題或需要協助，您也一樣可以隨時在網站管理員說明論壇中提問。發佈者：AMP 社群經理 Tomo Taylor

标签

Google Webmaster
Top Contributor

博客归档

2020
- 十一月
- 九月
- 八月
- 七月
- 六月
- 五月
- 四月
- 三月
- 二月
- 一月

2019
- 十一月
- 十月
- 九月

2018
- 七月
- 五月
- 二月
- 一月

2017
- 十二月
- 十一月
- 六月
- 四月
- 三月

2016
- 十二月
- 十月
- 九月
- 八月
- 五月
- 三月
- 一月

2015
- 十二月
- 十一月
- 十月
- 九月
- 八月
- 七月
- 五月
- 四月
- 三月
- 二月
- 一月

2014
- 十一月
- 九月
- 八月
- 七月
- 六月
- 五月
- 四月
- 三月
- 二月

Feed

如果您有任何意見或問題，請前往我們的產品論壇提問.

Google
Privacy
Terms