改善使用者互動

以下是一些透過 AMP 提升使用者互動的快速提示。

協助讀者透過一致的品牌形象和豐富的內容在 AMP 和非 AMP 頁面中識別您

• 在 AMP 頁面中反映您的品牌。 使用與非 AMP 頁面相同的頁首和設計方案 (例如色彩、間距、字型樣式)，以確保您的頁面容易辨識且看起來合乎規範。

• 在轉換頁面時，重點呈現您最吸引人的內容。 納入重要的頁面元素，例如圖片、影片、嵌入內容、結構化資料、留言和社群媒體。瞭解如何加入第三方內容。

• 保持 AMP 頁面為最新狀態。 使用 amp-live-list 動態更新即時部落格。

針對使用者互動和留存率進行最佳化

• 在您的 AMP 頁面中提供互動式體驗。 使用 amp-carousel 等元件建立豐富的圖片輪播，並使用 amp-iframe 納入 AMP 原生不支援的互動式元素。

• 建立個人化的使用者旅程。 提供登入按鈕，如果您的內容設有付費牆，請使用 amp-access 實作您的規則和優惠。

• 延伸後續旅程。 連結至相關或建議的文章以及您網站的其他相關章節。

• 個人化內容：透過 amp-list 加入推薦內容。

• 實作選單：使用 amp-sidebar 鼓勵使用者瀏覽您網站的其他部分。

• 協助讀者分享您的內容：使用 amp-social-share 和您自己的分享按鈕。

• 培養新的互動：例如透過 amp-form 收集潛在客戶、註冊電子報和支援留言功能。

• 目標是提供良好讀者體驗的廣告類型。 探索 AMP 廣告格式，例如 amp-sticky-ad 和 amp-fx-flying-carpet。遵循廣告營利最佳做法。

• 促使應用程式下載。 使用 amp-app-banner 在橫幅中加入應用程式安裝連結。

• 確保快速轉換：讓讀者快速轉換到您的非 AMP Progressive Web App (PWA) 網站。使用 amp-install-serviceworker 填入您的快取。

參與開放原始碼 AMP 專案，協助塑造其發展

• 查看 AMP 藍圖：前往 藍圖 查看更新和功能。

• 參與其中。 在 GitHub 上貢獻原始碼、提交錯誤或提供意見回饋。在 Stack Overflow 上分享您對 AMP 的看法。

• 學習如何使用 AMP 元件：請參閱範例。