AMP

E-posta için AMP en iyi uygulamaları

AMP, e-postalarda heyecan verici, yeni, sürükleyici ve etkileşimli içerik türlerine izin verir! E-postaları tasarlarken, düzgün çalışmalarını, platformlar arasında güvenilir olmalarını ve kullanıcılarınızın beklediği gibi çalışmalarını sağlamak için aşağıdaki en iyi uygulamaları aklınızda bulundurun.

Hız

Dinamik olarak içerik getirmek için amp-list öğesini kullandığınızda, bileşenlerin yapısını bir arada tutmak için bir yer tutucu ekleyin. Yer tutucu, istenen verileri geri gönderdikten sonra, yerleşimde olabildiğince belgeye benzemelidir. Böyle olması, mesaj boyutunun yerleşimi önemli ölçüde değiştirmemesini veya bozmamasını sağlar.

Kullanılabilirlik ve erişilebilirlik

  • amp-carousel kullanırken controls özniteliğinin ayarlandığından emin olun. Bunu yapmak, akıllı telefon gibi dokunmatik ekranlı cihazları kullanan kullanıcıların döngüde gezinmelerine izin verir.
  • amp-form kullanırken, bazı giriş türlerinin iOS'ta desteklenmediğini unutmayın. Daha fazla bilgi için Safari HTML Referansında Desteklenen Giriş Değerleri sayfasına başvurun.
  • Bazı autocomplete öznitelik değerleri, farklı uygulama ve tarayıcılarda desteklenmez. Otomatik tamamlamanın kullanıcılarınız tarafından kullanılamadığını varsayın ve formları kısa tutun.

Stil Oluşturma

  • E-postanızın sadece E-posta için AMP Destekli CSS kullandığından emin olun
  • CSS veya HTML'inizin herhangi bir yerinde görünüm penceresi birimleri (vw, vh, vmin ve vmax) kullanmaktan kaçının. AMP e-postaları iframe içinde işlendiğinden, e-postanın görünüm penceresi tarayıcının görünüm penceresiyle eşleşmez.
  • Farklı tarayıcıların farklı varsayılan CSS stilleri vardır. Gerekirse stilleri normalleştiren bir CSS kütüphanesi kullanın. Varsayılan stiller, stil normalizasyonu ve kullanılabilir kütüphanelerin bir listesi hakkında daha fazla bilgi için, Yeniden Başlatma, Sıfırlama ve Akıl Yürütme sayfasına bakın.
  • CSS'te sınırları taşırmamaya dikkat edin: AMP yerleşim sınırlaması yüzünden işlenmeyebilirler.

Mobil

Cihazı tanımlamak için CSS medya sorgularını kullanarak mesajınızın tüm ekran boyutlarında iyi göründüğünden emin olun. Yerleşimin doğru olduğundan ve bileşenlerin beklendiği gibi çalıştığından emin olmak için mesajlar mobil cihazlarda test edilmelidir.

Diğer Tavsiyeler

E-posta için AMP kullanırken, aşağıdaki ipuçlarını ve püf noktalarını unutmayın:

  • E-posta için AMP oyun alanı, XHR'lere ara sunuculuk yapmaz ancak bazı e-posta sağlayıcıları bunu yapar.
  • Farklı e-posta istemcileri boyunca maksimum uyumluluğun sağlandığından emin olmak için AMP MIME bölümü, HTML MIME bölümünden önce görünmelidir.
  • amp-list için src, amp-form için action-xhr, amp-img için src veya <a> etiketi için href özniteliği, amp-bind tarafından değişime uğratılamaz.
  • Mesajlarınız, kullanıcının mesajın HTML sürümüne yönlendirilmesi durumunda veya kullanıcının mesajı yönlendirmesi durumunda statik bir HTML sürümü içermelidir