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

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

On milyonlarca alan adının artık "AMP" olmasıyla, 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 tam web sitelerini hızlandırmıyor; bununla 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 sayfa ç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, geliştiricilerin daha ilgi çekici, etkileşimli ve eyleme geçirilebilir e-posta deneyimleri oluşturmasının güçlü bir yolu olduğunu söylüyor .

E-posta için AMP ile neler yapabilirsiniz?

AMP for email ile ilgili en sık sorulan sorulardan biri şudur: AMP ile yapabileceğiniz her şeyi AMP for email ile yapabilir misiniz?

Cevap hayır."

Ancak, AMP e-postası, geleneksel e-postadan çok daha az kısıtlıdır. TÜM AMP komutlarını Gmail'de kullanamasanız da, yine de 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 statik olmuştur. Kullanıcı, okumak, izlemek veya tıklamak dışında onunla etkileşime geçemez. E-posta için AMP ile dinamik içerik, örneğin form gönderme gibi daha çok yönlü etkileşime olanak tanır. E-posta için AMP ile kullanabileceğiniz dinamik içerik öğelerinden bazıları şunlardır:

• amp-form: Bu, AMP'nin form öğesidir. Tasarımcıların doğrudan e-postada, kullanıcılar tarafından doldurulabilecek formlar 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: AMP'de, öğeler arasındaki etkileşimler için bir durum makinesinin değiştirilmesine izin veren basit komut dosyası dili. Belirli olaylara davranış eklemek için de kullanılabilir. amp-state, başlangıç ​​durumu makine değerlerini uzaktan almak için kullanılır.
• amp-list: Bir .
• şablon türü=”amp-mustache”: Bir amp-list çağrısının sonuçlarını işlemek için bir Bıyık şablonu işaretlemesi.

Düzen

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

• amp-accordion: Farklı bölümleri göstermeyi/gizlemeyi 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 içeren 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şlemenin uygun bir yolunu sağlar.

medya

Hemen çıkma oranına karşı savaşta, 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 unsurla tasarımdan ödün vermeden verimlilik ve hız sağlayabilirsiniz.

• amp-img: "image" yerine geçen bir AMP bileşeni.
• amp-anim: GIF dosyalarını gömer.

3 E-posta için AMP örnekleri

AMP henüz tüm kullanıcılara tam olarak sunulmadı. Bu, kullanımına ilişkin örneklerimiz olmadığı 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ıları planlamayı kolaylaştıran bir araçtır. Yöneticiler, konum ve zamanlara ilişkin 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 tamamlamasını gerektirir. Ancak, e-posta için AMP ile işler biraz farklı görünüyor.

Aşağıda, Doodle'da oluşturulmakta olan 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 zamanları seçebilir ve ardından bunu gruba e-posta ile gönderebilir:

E-postanın Gmail'de nasıl göründüğü aşağıda açıklanmıştır. "Dinamik E-posta ile Dünyayı Kurtar" 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 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 kişiden 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ğe karşıdır. Statik bir e-posta ile, ankete katılan kişi sayısı hakkında güncel bilgi almak istiyorsak ikinci bir e-posta almamız gerekirdi. Yukarıda gördükleriniz, ne zaman açılırsa açılsın anket hakkında en güncel bilgilere sahip olacaktır.

E-posta için AMP'nin en iyi örneklerinden bir diğeri, 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, bir web sitesinde veya uygulamada görüneceği şekilde bir formun tamamlanmasıdır. Yine de, bir e-postada, bu da onu tamamlamayı çok daha kolay hale getiriyor.

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ı bir son tarih ve saat seçebiliyor. Dinamik içeriğin, o Salı yalnızca 9 kişinin ve o Çarşambayı 8 kişinin yapabileceği 19 Şubat Pazartesi gününü 10 kişinin yapabileceğini gösterdiğini göreceksiniz:

Kullanıcı, tarihi ve ardından “Bitti” düğmesini tıklatarak, toplantının saatini sonlandırabilir ve bu noktada katılımcılara bilgi verilir.

2. Booking.com

Doodle gibi Booking.com da kullanıcılara e-postada daha iyi bir deneyim sunmak için AMP'nin dinamik içeriğinden yararlanıyor. Bu durumda, konaklama aramalarıyla ilgilidir.

Bu ilk e-postada gördüğünüz gibi Booking.com kullanıcılarına resimli bir oda önerisi sunuyor. Ama, 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 listeleme sayfasına gitmeye zorlayan statik e-postadan farklı olarak, AMP for e-posta, 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-postadan ayrılmak zorunda kalmadan listenin daha bilinçli bir görünümünü elde eder. Bunun gibi bir e-posta kaydırıcısı CSS ile oluşturulabilirken, buna e-posta için AMP ile çok daha sorunsuz bir deneyim deniyor.

Ancak, kullanıcı bu listeyi tamamen dışlarsa 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"e tıklayabilir ve o yerde başka bir liste açılır:

Kullanıcılar Booking.com'dan çok fazla tanıtım e-postası aldıklarına karar verirlerse, mesajın en altına gidip "Aboneliğinizi Yönetin"i tıklayabilirler ve aşağıda bir form görüntülenecektir:

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

3. Pinterest

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

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

Normalde, bu e-posta gelen kutunuzda olsaydı, tarifin ayrıntılarını, ne içerdiğ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öşesindeki “Kore Kızarmış Tavuk Tacos” tarifine tıklayabilirsiniz ve e-postada daha büyük ve daha ayrıntılı bir iğneye genişleyecektir:

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

Normalde, bir kullanıcı kaydolduğunda, Pinterest'in onlara özel bir ana sayfa akışı oluşturabilmesi için 5 veya daha fazla konuyu takip etmelerini isteyen aşağıdaki gibi bir e-posta alırlar:

Statik bir e-postada, kullanıcıların takip edecekleri beş konu seçmek için Pinterest web sitesine tıklaması 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.

Sadece görüntülenen konulardan değil, alt başlık altında filtreler tarafından gizlenenlerden de 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, gri olan yukarıdaki CTA kırmızıya döner ve tıklanabilir hale gelir ve “Bitti” yazar. Ayrıca başlıkta “Her şey hazır!” yazıyor. "Sizin için özel bir ana sayfa beslemesi oluşturmaya hazır" alt başlığının üstünde. Burada neye benzediğini 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 ilerler ve başlık/alt başlık "Ana Besleme Oluşturma/Fikirlerinizi Şuradan Bulmak..." şeklinde okunur.

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

E-posta için AMP'ye olası negatifler

E-posta için AMP, güçlü bir ortama devrim niteliğinde bir potansiyel getirirken, herkes bunun daha iyi olacağına ikna olmuş değil. 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, bunu yapamıyor olabilirsiniz.
• 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 işlemler listesine eklediğinizde, pazarlamacıların izlemesi gerekenleri de eklersiniz. 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 erken olabileceğidir.

Örneğin: Dinamik içerik, pazarlamacılara gönderdikten sonra e-postalarını 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 kez açtığınızı ve ardından üçüncü kez aynı içeriği bulmayı umduğunuzu hayal edin, değil mi? Bu, abonelerinizin güvenini kaybetmenize yol açabilecek bir taktiktir – e-posta pazarlamasında değerli bir emtia.”

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

Litmus'tan yapılan bir ankete göre, e-posta için AMP'ye aşina olan %55,6'sının %55,4'ü onu kullanma olasılığının az veya çok yüksek 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-postayla bir anket doldurabiliyorlarsa, doldurmaları daha olasıdır; e-postalarındaki otel listelerine göz atabilirlerse, büyük olasılıkla yapacaklardır. Aynı şey, sosyal medya aracılığıyla işe alı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 için bir Instapage demosuna kaydolun.