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çinamp-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
veamp-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.