提升使用者互動

以下是一些提升 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 藍圖的更新和功能：roadmap。

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

• 透過範例學習如何使用 AMP 元件。