AMP

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.