AMP

Kullanıcı etkileşimini geliştirme

Important: this documentation is not applicable to your currently selected format stories!

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.