AMP

E-Posta Biçimi için AMP

AMP, mobil istemcilerde süper hızlı web sayfaları geliştirmek için bilinen bir teknolojidir. AMP, performans ve güvenliğe daha fazla odaklanarak işlevselliği kolayca sağlayan JavaScript tarafından desteklenen bir dizi HTML etiketidir. Resim döngüsü, duyarlı form öğelerine, uzak uç noktalardan taze içerik almaya kadar her şey için AMP bileşenleri vardır.

E-posta için AMP biçimi, e-posta mesajlarında kullanabileceğiniz AMP bileşenlerinin bir alt kümesini sağlar. AMP e-postalarının alıcıları, doğrudan e-postada AMP bileşenlerini görüntüleyebilir ve bunlarla etkileşim kurabilir.

Gerekli işaretleme

Aşağıdaki kod, geçerli bir AMP e-posta mesajı oluşturan en az biçimlendirme miktarını temsil eder:

<!DOCTYPE html>
<html 4email data-css-strict>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

Bir AMP e-posta mesajı GEREKLİDİR

  • <!doctype html> doctype ile başlayın. 🔗
  • üst düzey bir <html ⚡4email> etiketi içerir (<html amp4email> de kabul edilir). 🔗
  • <head> ve <body> etiketlerini içerir (Bunlar HTML'de isteğe bağlıdır). 🔗
  • head etiketinin ilk alt öğesi olarak bir <meta charset="utf-8"> etiketi içerir. 🔗
  • head etiketinin ilk alt öğesi olarak bir <script async src="https://cdn.ampproject.org/v0.js"></script> etiketi içerir. 🔗
  • içeriği AMP JS yüklenene kadar ilk başta gizlemek için head etiketinin içinde amp4email standart metni (<style amp4email-boilerplate>body{visibility:hidden}</style>) içerir. 🔗

AMPHTML işaretlemesinin tamamı 200.000 baytı aşmamalıdır.

Yapı ve işleme

E-posta için AMP, RFC 1521, bölüm 7.2.3'te tanımlandığı gibi standart multipart/alternative MIME alt türüne dayanır.

Daha fazla bilgi için bkz. AMP e-postalarının yapısı ve işlenmesi.

Desteklenen AMP bileşenleri

E-posta Desteklenen Bileşenler için AMP bakın.

HTML gereksinimleri

E-posta için AMP'de desteklenen HTML bakın.

CSS gereksinimleri

Desteklenen seçiciler ve özellikler

E-posta için AMP'de desteklenen CSS bakın.

AMP belgesinde CSS belirtme

Herhangi bir AMP belgesindeki tüm CSS, başlık içindeki <style amp-custom> etiketine veya satır içi style özniteliklerine dahil edilmelidir.

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

Not: <style> etiketinin tamamı 50.000 baytı aşamaz. Doğrulayıcı bunu kontrol edecektir.

Belge boyutları

  • Optimum genişlik: 800px veya daha az (daha geniş herhangi bir içerik ve bazı istemcilerde beklenmedik bir şekilde kesilebilir).

  • Yükseklik: değişken, istemci kullanıcının içeriği kaydırmasına için izin verir.

Doğrulama

E-posta mesajlarınızın E-posta AMP biçimi için katı kriterleri karşıladığından emin olmak için AMP'nin mevcut doğrulama araçlarını kullanabilirsiniz.

Daha fazla bilgi için AMP E-postası Doğrulama bakın.

Gizlilik ve Güvenlik

E-posta açılışlarını ve etkileşimlerini izleme

AMPHTML, normal HTML e-postalarıyla aynı piksel izleme teknikleriyle e-postaların açılmasını izlemenizi sağlar. Dış hizmetlerden gelen veriler için kullanıcı tarafından başlatılan tüm istekler, kullanıcının mesajla etkileşimde bulunduğunu da gösterir. E-posta istemcileri, kullanıcılarına uzak görüntülerin ve diğer harici isteklerin yüklenmesini devre dışı bırakma olanağı sunabilir.

AMP'ye özgü analitikler

Aşağıdaki AMP'ye özgü analitik teknikler desteklenmez:

Bileşene özgü hususlar

<amp-carousel> veya <amp-accordion> içindeki resim istekleri, gönderene kullanıcının mesajla etkileşimde bulunduğunu gösterebilir.

<amp-form>'deki yönlendirmelere çalışma zamanında izin verilmez.

Geri Bildirim ve Destek

E-posta için AMP ile ilgili destek ve geri bildirim için lütfen aşağıdaki kanalı kullanın: ongoing-participation