AMP

Menyempurnakan Interaksi Pengguna

Berikut adalah beberapa tips cepat untuk menyempurnakan interaksi pengguna dengan AMP.

Bantu pembaca mengidentifikasi brand Anda dengan branding yang konsisten dan konten yang kaya informasidi seluruh halaman AMP dan non-AMP.

  • Tunjukkan brand Anda di halaman AMP. Gunakan header dan skema desain (misalnya, warna, spasi, dan font) yang sama dengan yang ada di halaman non-AMP untuk memastikan halaman dapat dikenali dan terlihat sah.

  • Tampilkan konten yang paling menarik saat mengonversi halaman. Sertakan elemen halaman utama seperti gambar, video, penyematan, data terstruktur, komentar, dan media sosial. Pelajari cara menyertakan konten pihak ketiga.

  • Simpan halaman AMP saat ini. Update live blog secara dinamis dengan amp-live-list.

Optimalkan untuk retensi dan interaksi pengguna

  • Berikan pengalaman interaktif di halaman AMP. Gunakan komponen seperti amp-carousel untuk membuat korsel yang penuh gambar dan amp-iframe untuk menyatukan elemen interaktif yang tidak didukung AMP.

  • Buat alur menjelajah yang dipersonalisasikan untuk pengguna. Tawarkan tombol login, dan jika konten dilapis oleh paywall, implementasikan peraturan dan tawaran menggunakanamp-access.

  • Perpanjang alur menjelajah. Tautkan artikel terkait atau artikel yang disarankan, dan tautkan juga ke bagian situs lainnya yang relevan.

  • Personalisasikan konten dengan menyertakan rekomendasi melalui amp-list.

  • Implementasikan menu dengan amp-sidebar untuk mendorong pengguna agar menjelajahi seluruh situs Anda.

  • Bantu pembaca membagikan konten dengan amp-social-share dan tombol bagikan yang Anda buat sendiri.

  • Kembangkan interaksi baru seperti perolehan prospek, pendaftaran newsletter, dan dukungan komentar dengan amp-form.

  • Incar jenis iklan yang menawarkan pengalaman yang baik bagi pembaca. Jelajahi format iklan AMP seperti amp-sticky-ad dan amp-fx-flying-carpet. Ikuti praktik terbaik monetisasi iklan.

  • Download aplikasi Drive. Sertakan link instal aplikasi di banner dengan amp-app-banner.

  • Pastikan transisi yang cepat ke situs Aplikasi Web Progresif (PWA) non-AMP untuk pembaca. Gunakan amp-install-serviceworker untuk mengisi cache.

Berpartisipasi di Project AMP open source untuk membantu dalam membentuk pengembangannya

  • Tonton panduan AMP untuk update dan fitur di roadmap.

  • Libatkan diri Anda. Berikan kontribusi berupa kode sumber, bug file, atau tawarkan masukan di GitHub. Bagikan masukan tentang AMP di Stack Overflow.

  • Pelajari cara menggunakan komponen AMP dengan Examples.