E-posta için AMP Nedir ve Denemeden Önce Neleri Bilmeniz Gerekir?

Google'ın mobil web'i hızlandırmayı amaçlamasından yıllar sonra, küçük mavi şimşek arama motoru sonuçlarında tanınabilir bir sembol haline geldi.

Artık "AMP" haline getirilmiş on milyonlarca alanla, açık kaynak çerçevesi erişimini genişletti. Artık pazarlamacılar, AMP ile yalnızca tıklama sonrası açılış sayfalarını, blog gönderilerini ve eksiksiz web sitelerini hızlandırmakla kalmıyor; onunla e-postayı da geliştiriyorlar.

E-posta için AMP nedir?

E-posta için AMP, pazarlamacılar için hızlandırılmış mobil sayfalar çerçevesinin hızından yararlanmanın başka bir yoludur. AMP blogundaki resmi yayında, Gmail ve Sohbet Ürün Müdürü Aakash Sahney, bunu geliştiricilerin daha ilgi çekici, etkileşimli ve üzerinde işlem yapılabilir e-posta deneyimleri oluşturmaları için güçlü bir yol olarak tanımlıyor.

E-posta için AMP ile neler yapabilirsiniz?

E-posta için AMP hakkında en sık sorulan sorulardan biri şudur: AMP ile yapabileceğiniz her şeyi e-posta için AMP ile yapabilir misiniz?

Cevap hayır."

Ancak AMP e-postası, geleneksel e-postaya göre çok daha az kısıtlıdır. Ve AMP'nin TÜM komutlarını Gmail'de kullanamasanız da oldukça zengin bir kullanıcı deneyimi oluşturabilirsiniz. AMP'ye göre, AMP e-postalarınızda şunları kullanabilirsiniz:

dinamik içerik

Şimdiye kadar, e-posta içeriği öncelikle statikti. Kullanıcı, okumak, izlemek veya tıklamak dışında onunla etkileşim kuramaz. E-posta için AMP ile dinamik içerik, örneğin form gönderme gibi çok yönlü etkileşim sağlar. E-posta için AMP ile kullanabileceğiniz bazı dinamik içerik öğeleri şunlardır:

• amp-form: Bu, AMP'nin form öğesidir. Tasarımcıların, kullanıcılar tarafından doldurulabilecek formları doğrudan e-postada oluşturmasına olanak tanır.
• amp-selector: Bu, bir form içinde kullanım için çoklu seçim widget'ıdır.
• amp-bind ve amp-state: Öğeler arasındaki etkileşimler için bir durum makinesinin manipülasyonuna izin veren AMP'deki basit betik dili. Belirli olaylara davranış eklemek için de kullanılabilir. amp-state, ilk durum makine değerlerini uzaktan getirmek için kullanılır.
• amp-list: Bir .
• template type=”amp-mustache”: Bir amp-list çağrısının sonuçlarını işlemek için bir Mustache şablon işaretlemesi.

Düzen

Geleneksel e-postanın düzeni oldukça katıdır. E-posta için AMP, medya için bir döngü, resimler ve metin için ışık kutuları ve farklı bölümleri göstermek ve gizlemek için akordeonlar gibi öğelerle onu açar. E-postanızı yeni şekillerde görüntülemek için kullanabileceğiniz öğeler şunlardır:

• amp-accordion: Farklı bölümlerin gösterilmesini/gizlenmesini kolaylaştıran bir UI öğesi.
• amp-carousel : Bir carousel UI bileşeni.
• amp-sidebar: Gezinme amaçlı bir kenar çubuğu.
• amp-image-lightbox: Görüntüleri içeren bir lightbox.
• amp-lightbox: İçeriği barındırmak için bir lightbox.
• amp-fit-text: Metni belirli bir alana sığdırmak için yardımcı bir bileşen.
• amp-timeago: Zaman damgalarını işlemek için uygun bir yol sağlar.

medya

Hemen çıkma oranına karşı mücadelede medya en büyük düşmanınızdır ve yükleme sürelerine diğer unsurlardan daha fazla katkıda bulunur. Aşağıdaki iki öğe ile tasarımdan ödün vermeden verimlilik ve hız elde edeceksiniz.

• amp-img: "Görüntünün" yerini alan bir AMP bileşeni.
• amp-anim: GIF dosyalarını gömer.

E-posta için 3 AMP örneği

AMP henüz tüm kullanıcılara tam olarak sunulmamıştır. Bu, kullanım örneklerine sahip olmadığımız anlamına gelmez. 2018'de birkaç işletme, pazarlamacıların e-posta için AMP ile neler yapabileceğini vurgulamak için Google ile ortaklık kurdu. 2018 AMP Konferansında sonuçları sergilediler.

1. Karalama

Doodle, toplantı planlamayı kolaylaştıran bir araçtır. Yöneticiler, yer ve zamanlarla ilgili anketlerin yardımıyla tüm katılımcılar için en uygun toplanma zamanlarını belirleyebilir.

Normalde bu anketler, ziyaretçilerin bir web sayfasında daha dinamik eylemler gerçekleştirmesini gerektirir. Ancak e-posta için AMP ile işler biraz farklı görünüyor.

Aşağıda, Doodle'da oluşturulan bir anketin resmini göreceksiniz. Başlıkta "Dinamik Posta ile Dünyayı Kurtarın:" yazıyor.

Kullanıcı "Devam"ı tıkladığında kendisi için en uygun zamanı seçebilir ve ardından bunu gruba e-postayla gönderebilir:

İşte e-postanın Gmail'de nasıl göründüğü. "Dinamik E-posta ile Dünyayı Kurtarın" etkinliğinin başlığının altında "11 katılımcıdan 4'ü, – 0 yorum" bildiriminin olduğunu fark edeceksiniz. E-posta için AMP'nin öne çıktığı yer burasıdır:

dinamik içerik

Gördüğünüz şey dinamik içerik. Olduğu gibi, ankete daha fazla kullanıcı katıldıkça bu içerik güncellenecektir. Beşinci bir kullanıcı anketi tamamladığında, 11 kullanıcıdan 5'inin katıldığını göreceksiniz. Birisi yorum yaptığında, güncellenmiş bir yorum sayısı görürsünüz.

Bu, e-postalarda aldığımız normalde statik içeriğin tersidir. Statik bir e-posta ile, ankete katılan kişi sayısından haberdar olmak istiyorsak ikinci bir e-posta almamız gerekir. Yukarıda gördüğünüz şey, ne zaman açılırsa açılsın anket hakkında en güncel bilgilere sahip olacaktır.

E-posta için en iyi AMP'nin bir başka harika örneği aşağıda, e-postanın "Hatırlatıcı Gönder" işlevinde görülmektedir:

Burada, kullanıcının katılımcıların e-posta adreslerini girebileceğini ve ardından anketi tamamlamalarını hatırlatmak için "Gönder"i tıklayabileceğini fark edeceksiniz. Bu, işyerinde e-posta için AMP'nin bir başka parlak örneğidir.

Gördüğünüz şey, bir web sitesinde veya uygulamada göründüğü şekliyle bir formun doldurulmasıdır. Yine de, bir e-postada, bu da onu tamamlamayı çok daha kolaylaştırıyor.

Ardından, katılımcıların çoğunluğu anketi tamamladığında nasıl göründüğünü görüyoruz ve kullanıcı son bir tarih ve saat seçebiliyor. Dinamik içeriğin, 19 Şubat Pazartesi günü yalnızca 9 kişinin katılabileceğini ve o Salı günü yalnızca 9 kişinin ve Çarşamba günü 8 kişinin gelebileceğini gösterdiğini göreceksiniz:

Tarihe ve ardından "Bitti" düğmesine tıklayarak, kullanıcı toplantının saatini sonlandırabilir ve bu noktada katılımcılar bilgilendirilir.

2. Booking.com

Doodle gibi Booking.com da kullanıcılara daha iyi bir e-posta deneyimi sunmak için AMP'nin dinamik içeriğinden yararlanır. Bu durumda, barınma arayışlarıyla ilgilidir.

Bu ilk e-postada gördüğünüz gibi Booking.com, kullanıcılarına resimli bir oda tavsiyesi sunuyor. Ancak, bir küçük resim? Bir odaya karar vermek için görmeniz gereken tek şey bu değil:

Ancak, sizi bu dairenin fotoğraflarını görmek için kayıt sayfasına gitmeye zorlayan statik e-postanın aksine, e-posta için AMP, kullanıcının aşağıda görülen bir sonraki fotoğrafa kaydırmak için görüntünün kenarındaki oku tıklamasına olanak tanır:

Kullanıcı, e-postayı bırakmak zorunda kalmadan listenin daha bilinçli bir görünümünü alır. Bunun gibi bir e-posta kaydırıcısı CSS ile oluşturulabilirken, e-posta için AMP ile çok daha sorunsuz bir deneyim olarak adlandırılıyor.

Ancak, kullanıcı bu listelemeyi tamamen reddederse ne olur? E-posta için AMP ile sorun değil.

Kullanıcı aşağı kaydırdığında, birkaç başka liste bulur. Burada Moskova, Paris, Amsterdam ve daha fazlasında bir tane görüyorsunuz.

Bunlar yeterli değilse, kullanıcı istediği yerde "Yeni anlaşmayı gör"ü tıklayabilir ve o yerde başka bir liste açılır:

Ayrıca, kullanıcılar Booking.com'dan çok fazla tanıtım e-postası aldıklarına karar verirlerse, mesajın en altına kaydırıp "Aboneliğinizi Yönetin"e tıklayabilirler.

Burada hem kullanıcı hem de pazarlamacı büyük fayda sağlıyor. Pazarlamacı, kullanıcıların kampanyalarına nasıl yanıt verdiği hakkında daha fazla veri toplarken, kullanıcı bu e-postaları ne sıklıkta almak istediğini belirleyebilir veya abonelikten tamamen çıkabilir.

3. Pinterest

Pinterest her zaman ekibinin dikkat çekici e-postalar oluşturmasına yardımcı olan oldukça görsel bir sosyal ağ olmuştur. Ne yazık ki, e-posta için AMP'den önce olabilecek tek şey dikkat çekiciydi.

Aşağıdaki bu e-postayı alın:

Normalde, bu e-posta gelen kutunuzda olsaydı, tarifin ayrıntılarını, içeriğini, yorumlarını, varyasyonlarını vb. görmek için tıklamanız gerekirdi.

Ancak, e-posta için AMP ile, panonun sağ üst kısmındaki "Kore Kızarmış Tavuk Tacos" tarifine tıklayabilirsiniz ve e-postada daha büyük ve daha ayrıntılı bir raptiye olarak genişleyecektir:

Pinterest için, e-posta için AMP, genel olarak mantıklıdır, ancak özellikle kullanıcıların tamamlaması zor olan ilk katılım sürecinde. İşte e-posta için AMP ile ne kadar kolay olabileceği…

Normalde, bir kullanıcı kaydolduğunda, Pinterest'in kendilerine özel bir ana sayfa akışı oluşturabilmesi için 5 veya daha fazla konuyu takip etmelerini söyleyen aşağıdakine benzer bir e-posta alır:

Statik bir e-postada, kullanıcıların takip edecekleri beş konu seçmek için bunu tıklayarak Pinterest web sitesine gitmesi gerekir.

Dinamik Başlık

Ancak, aşağıdaki örnekte gördüğünüz gibi, kullanıcı konuları tıklamaya başladığında, e-postanın başlığı dinamik olarak "3 (veya daha fazla!) Konuyu Takip Et" olarak değişir:

Yalnızca görüntülenen konulardan değil, alt başlık altında filtrelerle gizlenen konulardan da seçim yapabilirler. "Yiyecek", "Kendin Yap" ve "Sanat" okurlar. Kullanıcı bunları tıkladığında, kullanıcının abone olmak için tıklayabileceği yeni bir güncel fotoğraf grubu ortaya çıkar.

Konu seçimi bittiğinde yukarıdaki gri olan CTA kırmızıya dönerek tıklanabilir hale gelir ve “Bitti” yazar. Ayrıca başlıkta "Her şey hazır!" "Sizin için özel bir ana sayfa beslemesi oluşturmaya hazır" alt başlığının yukarısında. Bunun neye benzediğini burada görebilirsiniz:

Kullanıcı "Bitti"yi tıkladığında, bir ana sayfa beslemesi oluşturulur ve aşağıdaki yükleme çubuğu, bir uygulamada olduğu gibi, başlıkta/alt başlıkta "Evden Besleme Oluşturma/Fikirlerinizi bulma..." şeklinde ilerleyecektir.

Tamamlandığında, kullanıcı uygulamayla etkileşime geçmeye tamamen hazırdır ve e-posta, "Evde besleme hazır!" yazan bir düğmeyle bunu bilmelerini sağlar. web sitesine tıklayabilirler.

E-posta için AMP'nin olası olumsuzlukları

E-posta için AMP, güçlü bir ortama devrim niteliğinde bir potansiyel getirirken, herkes bunun daha iyi olacağına ikna olmadı. Litmus için bir blog yazısında, Jain Mistry teknolojinin karşılaşabileceği birkaç sorunu özetliyor:

• ESP'lerden çok az destek var: AMP kullanan e-postalar, geleneksel e-postalar gibi değildir, bu nedenle geleneksel şekilde oluşturulamazlar. E-posta servis sağlayıcınız bunları oluşturmak için gereken teknolojiyi destekleyemiyorsa, kendinizi destekleyemeyebilirsiniz.
• E-posta için AMP yalnızca Gmail'de çalışır: Şu anda e-posta için AMP, Gmail'e özeldir. E-posta listeniz öncelikle Gmail kullanıcılarıysa, bu bir sorun olmayabilir. Değilse, Gmail dışı kullanıcılar için e-postanızın AMP olmayan bir sürümünü oluşturmanız gerekebilir.
• İzleme sınırlı olabilir: İzleme, optimizasyon için çok önemlidir. Şu anda, pazarlamacılar kampanyaları iyileştirmek için açılışları, tıklamaları vb. izleyebilir. Kullanıcıların gerçekleştirebileceği eylemler listesine eklediğinizde, pazarlamacıların izlemesi gerekenleri de eklemiş olursunuz. Onları izlemenin yolları olacak mı?
• Kullanıcıların kafasını karıştırabilir: E-postayı kullanma şeklimizi tamamen değiştirmenin sorunu, potansiyel olarak çok yakında çok fazla olabilmesidir.

Örneğin: Dinamik içerik, pazarlamacılara e-postalarını gönderdikten sonra güncel tutma fırsatı verirken, statik içerik bekleyen kullanıcıların kafasını karıştırabilir. Mistry şöyle yazıyor: "Aynı e-postayı bir, iki ve ardından üçüncü kez açtığınızı, aynı içeriği bulmayı umduğunuzu ve bulmadığınızı hayal edin? Bu, aboneleriniz arasındaki güveni kaybetmenize yol açabilecek bir taktik - e-posta pazarlamasında değerli bir meta."

E-posta için AMP kullanacak mısınız?

Litmus tarafından yapılan bir ankete göre, e-posta için AMP'ye aşina olan %55,6'nın %55,4'ü onu kullanmaya bir şekilde veya çok muhtemel olduğunu söylüyor:

Yukarıdaki örneklerde, faydalar açıktır. E-posta için AMP, kullanıcılara e-posta yoluyla markalarla etkileşim kurmanın daha kolay ve sorunsuz bir yolunu sunar. Markalar için etkileşimi kolaylaştırmanın faydaları her zaman yatırım getirisinde görülür.

E-postada bir anket doldurabilirlerse, doldurmaları daha olasıdır; e-postalarında otel listelerine göz atabilirlerse, büyük olasılıkla yapacaklardır. Aynı şey, sosyal medya aracılığıyla katılım için Pinterest'in durumunda da söylenebilir.

Tıklama sonrası açılış sayfalarınızı iyileştirmek için AMP'yi kullanmaya hazırsanız, kampanyalarınız için neler yapabileceğini görmek üzere bir Instapage demosuna kaydolun.