AMP for Emailと通常のHTMLメールの違いについて

Googleが新しく提唱しているのがAMP for Emailです。AMPは元々Accelerated Mobile Pagesという名前が指し示す通り、モバイル向けのWebサイトを高速表示する技術でした。しかしAMPページがWeb検索結果において優遇されるなどもあって、盛んに取り組まれるようになっています（優遇表示は間もなく終わるようですが）。

そしてAMPの特別なHTML表示をメールにも活かすのがAMP for Emailです。現在はGmailなど限られたメールクライアントだけが対応していますが、HTMLメールをよりインタラクティブする仕組みになります。

今回はこのAMP for Emailと従来のHTMLメールの違いについて紹介します。

メールソースの違い

まず根本的に違うのはメールのソースです。通常のHTMLメールは次のようにBASE64エンコーディングされています。

Content-Type: multipart/alternative; boundary="PQ3Tg0xAkElZUGf1RaVd9eJ1iCsV15bT"

--PQ3Tg0xAkElZUGf1RaVd9eJ1iCsV15bT
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: base64

44OG44Kt44K544OI55SoDQo=
--PQ3Tg0xAkElZUGf1RaVd9eJ1iCsV15bT
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: base64

PCFkb2N0eXBlIGh0bWw+
  :
--PQ3Tg0xAkElZUGf1RaVd9eJ1iCsV15bT--

それに対してAMP for Emailはエンコーディングされておらず、HTMLがそのまま記述されています。

Content-Type: multipart/alternative; boundary="0000000000008cbec205c2bf25b4"

--0000000000008cbec205c2bf25b4
Content-Type: text/plain; charset="UTF-8"

This is the plain text content. To see dynamic emails sent from amp@gmail.dev in Gmail, whitelist amp@gmail.dev in Gmail Settings > General > Dynamic email > Developer settings.
--0000000000008cbec205c2bf25b4
Content-Type: text/x-amp-html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<!doctype html>
<html =E2=9A=A14email data-css-strict>
<head>
  <meta charset=3D"utf-8">
  <script async src=3D"https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element=3D"amp-form" src=3D"https://cdn.ampproject.o=
rg/v0/amp-form-0.1.js"></script>
  :
</body>
</html>

--0000000000008cbec205c2bf25b4
  :

特にContent-Typeが text/x-amp-html になっているのが特徴的です。

HTMLメールの中でインタラクティブなコンテンツを提供できる

AMP for Emailの中では、従来のHTMLメールではできなかったインタラクティブなコンテンツを提供できるようになります。例えば次のような機能が挙げられます。

フォーム送信
カルーセル
アコーディオン
選択

従来のHTMLメールは見栄えを整えることはできましたが、ダイナミックに変化するコンテンツは提供できませんでした。AMP for Emailによって、ユーザはWebページを訪れることなく検索を実行したり、情報入力が可能になります。

f:id:moongift:20210520212733p:plain

AMP for EmailはAMPHTMLのサブセットです

AMP for Emailで実現できることはAMPHTMLでできていたことの一部になります。HTMLメールは相手のメールボックスに届き、その上で動作するものになるため、プライバシーやセキュリティ制限が厳しくなります。そのためAMPHTMLの一部の機能がAMP for Email上で実現できるようになっています。