在部落格中使用加速行動頁面 (AMP)

AMP 或Accelerated Mobile Pages 是一種行動專用的頁面格式，幾乎可在行動裝置上立即載入。為了快速載入內容，AMP 版本的部落格文章不會載入任何 JavaScript 檔案、樣式表、HubSpot 表單、頁首 HTML 或頁尾 HTML。

瞭解限制與注意事項

• AMP 不適用於 HubSpot 登陸頁面或網站頁面。
• 開啟 AMP 的部落格文章上的精選圖片應至少有 1200 像素寬。
• 由於 AMP 會阻擋HubSpot 追蹤代碼中的 JavaScript，因此開啟 AMP 的內容的瀏覽次數， 將不會 在聯絡人的時間線上追蹤。
• 您可以為部落格上的所有文章開啟 AMP，也可以只為特定文章開啟。

在部落格的所有文章中應用 AMP

使用此選項為所有現有和未來的部落格文章開啟 AMP。如果您希望 AMP 一致地應用於整個部落格，而不需要逐篇文章進行管理，則最好使用此方法。

請注意： 如果您要為多個 HubSpot 託管的部落格開啟 AMP，您需要為每個部落格重複這些步驟。

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
2. 在左側功能表中，導覽到內容>部落格。
3. 如果您有多個部落格，請按一下目前檢視 下拉式功能表，然後選擇一個部落格。
4. 按一下Google AMP 索引標籤。
5. 切換開啟 Google AMP 格式化頁面 開關。

6. 自訂 Google AMP 頁面的標誌、字型和字體顏色。進一步瞭解Google對於此內容的建議。
7. 完成後，按一下「儲存」。

將 AMP 套用至特定的部落格文章

如果您只想針對特定的部落格文章開啟 AMP，請使用此選項。如果您正在測試 AMP 或只需要針對特定內容開啟 AMP，這將會很有幫助。

請注意： 此選項僅在您的部落格設定中未開啟 AMP 時可用。

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
2. 按一下您的文章名稱。
3. 在內容編輯器中，按一下右上方的「發佈」。
4. 在對話方塊中，選取啟用 Google AMP (Enable Google AMP just for this blog post) 核取方塊，然後按一下Publish。

HubSpot 現在將驗證這篇特定的部落格文章。下次 Google 抓取博文時，他們會快取 AMP 版本。如果 AMP 版本有錯誤，Google 會直接寄電子郵件通知您。

排除 AMP 問題

如果 Google Search Console 報告您的AMP 頁面有問題，HubSpot 建議您檢查AMP 驗證器。此工具會提供描述性的錯誤訊息，並找出錯誤的位置。

1. 在瀏覽器中，開啟AMP 驗證器，然後開啟新標籤以存取 HubSpot。
2. 在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
3. 點選您的文章名稱。
4. 按一下檔案功能表 ，然後選擇部落格設定。
5. 在文章 URL 部分，按一下複製連結。
6. 在 AMP 驗證器中，將部落格文章的URL 貼到 URL 欄位。

7. 在 URL 結尾，輸入?hs_amp=true ，然後按一下驗證。
8. 驗證 URL 後，任何 AMP 錯誤將出現在 HTML 下方。AMP 錯誤可能包括

• • 屬性「style」沒有出現在 <div> 標籤中：這經常是由Wistia嵌入程式碼造成的，AMP 頁面尚未支援此程式碼。
  • 除特定形式外，不允許使用 <script> 標籤：這經常由Wistia嵌入程式碼引起，AMP 頁面尚未支援此程式碼。
  • <span>標籤中沒有出現「style」屬性：這經常是由Wistia 嵌入程式碼所造成，AMP 頁面尚未支援此程式碼。
  • <a> 標籤中屬性 'href「 的畸形 URL 」...' ：文章正文中的連結 URL 格式不正確。
  • <a> 標籤中屬性 'href「 的 URL 協定 」...' 無效：文章正文中的連結 URL 格式不正確。
  • AMP 的圖片至少要有 1200 像素寬：您的部落格文章沒有至少 1200 像素寬的特色圖片 。