在部落格中使用加速行動網頁（AMP）

AMP（即「加速行動網頁」Accelerated Mobile Pages）是一種專為行動裝置設計的網頁格式，能在行動裝置上幾乎瞬間載入。為了快速載入內容，您的部落格文章的 AMP 版本將不會載入任何 JavaScript 檔案、樣式表、HubSpot 表單、HTML 頁首或 HTML 頁尾。

開始之前

在為您的部落格啟用 AMP 之前，請先檢視以下要求與注意事項。

了解限制與注意事項

• AMP 不適用於 HubSpot 著陸頁或網站頁面。
• 啟用 AMP 的部落格文章中，特色圖片的 寬度應至少為1200 像素。
• 啟用 AMP 的內容瀏覽次數將 不會 出現在聯絡人的時間軸上，因為 AMP 會阻擋HubSpot 追蹤程式碼中所包含的 JavaScript。
• 您可以為部落格上的所有文章啟用 AMP，或僅針對特定文章啟用。

將 AMP 套用至部落格的所有文章

使用此選項可為所有現有及未來的部落格文章啟用 AMP。若您希望在整個部落格中一致地套用 AMP，且無需逐篇管理，此方法最為合適。

請注意：若 您想為多個由 HubSpot 託管的部落格啟用 AMP，則需針對每個部落格重複執行這些步驟。

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的「設定圖示」。
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」核取方塊，然後點擊「發佈」。

HubSpot 將對這篇特定的部落格文章進行驗證。下次 Google 爬取該部落格文章時，將會將 AMP 版本存入快取。若 AMP 版本出現錯誤，Google 會直接寄送電子郵件通知您。

排除 AMP 問題

若 Google Search Console 回報您的AMP 頁面出現問題，HubSpot 建議您使用AMP 驗證工具進行檢查。此工具會提供詳盡的錯誤訊息，並能定位錯誤所在位置。

1. 請在瀏覽器中開啟AMP 驗證工具，然後開啟新分頁以存取 HubSpot。
2. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「部落格」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「部落格」。
3. 點擊您的文章名稱。
4. 點擊「檔案 」選單，並 選擇「部落格設定」。
5. 在「文章網址」區段中 ，點擊「複製連結」。
6. 在 AMP 驗證工具中，將該部落格文章的網址貼上至「網址」欄位 。

7. 在網址末尾輸入?hs_amp=true ，然後點擊「驗證」。
8. 驗證 URL 後，任何 AMP 錯誤都會顯示在 HTML 下方。AMP 錯誤可能包括：

• • <div> 標籤中未出現 'style' 屬性：這通常是由Wistia嵌入程式碼所引起，而 AMP 頁面目前尚不支援此程式碼。
  • <script> 標籤僅在特定形式下才被允許：這通常是由Wistia嵌入程式碼所引起，而 AMP 頁面目前尚不支援此功能。
  • <span> 標籤中未出現「style」屬性：這通常是由Wistia 嵌入程式碼所引起，而 AMP 頁面目前尚不支援此功能。
  • <a> 標籤中「href」屬性的 URL「...」格式不正確：文章正文中的連結 URL 格式不正確。
  • <a> 標籤中「href」屬性的 URL 協定「...」無效：文章正文中的連結 URL 格式不正確。
  • AMP 圖片寬度應至少為 1200 像素：您的部落格文章沒有寬度至少為 1200 像素的特色圖片 。