知識庫

在您的博客中使用加速移動頁面( AMP )

作者:HubSpot Support | Nov 21, 2022 12:11:35 PM

AMP (Accelerated Mobile Pages)是一種特定於行動裝置的頁面格式,幾乎可以立即在行動裝置上載入。 為了快速載入內容,網誌文章的AMP版本不會載入任何Javascript檔案、樣式表、HubSpot表單、頁首HTML或頁尾HTML。

使用AMP有一些限制: 

你可以為網誌上的所有文章開啟AMP ,或僅為特定文章開啟AMP。 

對博客上的所有文章應用AMP

請注意:如果你想為多個HubSpot託管的博客啟用AMP ,則需要為每個博客重複這些步驟。 

  • 在左側邊欄選單中,前往「內容」>「網誌」。
  • 如果你有多個網誌,請點擊「選擇要修改的網誌」下拉式選單,然後選擇一個網誌。 
  • 前往Google AMP分頁。
  • 按一下以切換「開啟Google AMP格式的頁面」開關。

  • 按一下儲存。 
HubSpot將為您的部落格範本驗證每篇部落格文章。 下次Google檢索網誌文章時,他們會快取AMP版本。 如果AMP版本發生錯誤, Google會直接傳送電子郵件通知您。

將AMP套用至特定網誌文章

請注意:只有在網誌設定開啟AMP時,此選項才可用。


  • 點擊文章名稱。 
  • 在內容編輯器中,按一下右上角的「發佈」。 
  • 在對話方塊中,選取「僅針對此網誌文章啟用Google AMP」核取方塊,然後按一下「立即發佈」。 

HubSpot現在將驗證此特定部落格文章。 下次Google檢索網誌文章時,他們會快取AMP版本。 如果AMP版本發生錯誤, Google會直接傳送電子郵件通知您。

AMP問題疑難排解

如果Google Search Console回報您的AMP頁面出現問題, HubSpot建議您檢查AMP驗證器。 此工具提供描述性錯誤訊息,並將識別錯誤的位置。 

  • 在瀏覽器中,開啟AMP驗證器,然後開啟新分頁以存取HubSpot。 
  • 點擊文章名稱。 
  • 按一下「檔案」選單,然後選取「網誌設定」
  • 在「文章網址」部分,點擊「複製連結」。 
  • 在AMP驗證器中,在網址欄位中貼上網誌文章的網址 。 

  • 在網址末尾加上? hs_amp = true ,然後按一下「驗證」。 
驗證網址後,任何AMP錯誤都會顯示在HTML下方。 AMP錯誤可能包括: 
  • 屬性'style'未出現在< div >標籤中:這通常是由AMP頁面尚不支援的Wistia嵌入代碼引起的。 
  • 除非以特定形式,否則不允許< script >標籤:這通常是由AMP頁面尚不支援的Wistia嵌入代碼引起的。 
  • 'style'屬性未出現在< span >標籤中:這通常是由AMP頁面尚不支援的Wistia嵌入代碼引起的。 
  • < a >標籤中屬性'href'的URL '...'格式不正確:文章正文中的連結URL格式不正確。
  • < a >標籤中屬性'href'的URL協議'...'無效:帖子正文中的連結URL格式不正確。
  • AMP的圖片寬度應至少為1200像素:你的網誌文章沒有寬度至少為1200像素的特色圖片。