Kullanıcı etkileşimini geliştirme

AMP ile kullanıcı etkileşimini geliştirmek için bazı hızlı ipuçları.

Okuyucuların AMP ve AMP olmayan sayfalarda tutarlı markalaşma ve zengin içerikle sizi tanımlamasına yardımcı olun

• Markanızı AMP sayfalarında yansıtın. Sayfalarınızın tanınabilir ve meşru görünmesini sağlamak için AMP olmayan sayfalarınızda olduğu gibi aynı başlığı ve tasarım şemasını (ör. renkler, boşluklar, yazım stilleri) kullanın.

• Sayfalarınızı dönüştürürken en ilgi çekici içeriğinizi öne çıkarın. Resimler, videolar, yerleştirmeler, yapılandırılmış veriler, yorumlar ve sosyal medya gibi temel sayfa öğelerini ekleyin. Üçüncü taraf içeriği nasıl dahil edeceğinizi öğrenin.

• AMP sayfalarını güncel tutun. amp-live-list ile canlı blogları dinamik olarak güncelleyin.

Kullanıcı etkileşimi ve saklama için optimize edin

• AMP sayfalarınızda etkileşimli deneyimler sağlayın. Zengin resim döngüleri oluşturmak için amp-carousel ve AMP'nin yerel olarak desteklemediği etkileşimli öğeleri dahil etmek için amp-iframe gibi bileşenleri kullanın.

• Kişiselleştirilmiş kullanıcı yolculukları oluşturun. Bir oturum açma düğmesi sunun ve içeriğiniz bir ödeme duvarının arkasında bulunuyorsa, amp-access bileşenini kullanarak kurallarınızı ve tekliflerinizi uygulayın.

• İleriye dönük yolculukları uzatın. Sitenizin ilgili veya önerilen makalelerine ve diğer ilgili bölümlerine bağlantı verin.

• amp-list aracılığıyla öneriler de dahil olmak üzere içeriği kişiselleştirin.

• Kullanıcıları sitenizin geri kalanına göz atmaya teşvik etmek için amp-sidebar içeren bir menü uygulayın.

• amp-social-share ve kendi paylaşım düğmelerinizle okuyucuların içeriğinizi paylaşmasına yardımcı olun.

• amp-form ile potansiyel müşteri oluşturma, haber bülteni kaydı ve yorum desteği gibi yeni etkileşimler geliştirin.

• İyi bir okuyucu deneyimi sunan reklam türlerini hedefleyin. amp-sticky-ad ve amp-fx-flying-carpet gibi AMP reklam biçimlerini keşfedin. Reklamlardan para kazanma en iyi uygulamalarını takip edin.

• Uygulama indirme sayısını artırın. amp-app-banner ile bir banner'a uygulama yükleme bağlantısı ekleyin.

• Okuyucular için AMP Aşamalı Web Uygulaması (PWA) olmayan sitenize hızlı bir geçiş sağlayın. Önbelleğinizi doldurmak için amp-install-serviceworker kullanın.

Gelişimini şekillendirmeye yardımcı olmak için açık kaynaklı AMP projesine katılın

• Yol haritasındaki güncellemeler ve özellikler için AMP yol haritasını izleyin.

• Dahil olun. Kaynak kodu, dosya hataları ile katkıda bulunun veya GitHub'da geri bildirimde bulunun. AMP hakkındaki görüşlerinizi Stack Overflow'da paylaşın.

• AMP bileşenlerini örneklerle nasıl kullanacağınızı öğrenin.