Was ist AMP für E-Mail und was sollten Sie wissen, bevor Sie es ausprobieren?

Veröffentlicht: 2019-02-15

Jahre nachdem Google das mobile Web beschleunigen wollte, ist der kleine blaue Blitz zu einem erkennbaren Symbol in den Suchmaschinenergebnissen geworden.

Mit zig Millionen Domains, die jetzt „AMP“ sind, hat das Open-Source-Framework seine Reichweite erweitert. Vermarkter beschleunigen mit AMP nicht nur Post-Click-Landingpages, Blog-Posts und vollständige Websites. Sie verbessern damit auch E-Mails.

Was ist AMP für E-Mail?

AMP für E-Mail ist eine weitere Möglichkeit für Vermarkter, die Geschwindigkeit des beschleunigten Frameworks für mobile Seiten zu nutzen. In der offiziellen Veröffentlichung im AMP-Blog bezeichnet Aakash Sahney, Produktmanager für Gmail und Chat, es als eine leistungsstarke Möglichkeit für Entwickler, ansprechendere, interaktivere und umsetzbare E-Mail-Erlebnisse zu schaffen.

Was können Sie mit AMP für E-Mail tun?

Eine der am häufigsten gestellten Fragen zu AMP für E-Mail lautet: Können Sie mit AMP für E-Mail all die Dinge tun, die Sie mit AMP können?

Die Antwort ist nein."

AMP-E-Mail ist jedoch weit weniger eingeschränkt als herkömmliche E-Mail. Und obwohl Sie nicht ALLE AMP-Befehle in Gmail verwenden können, können Sie dennoch eine sehr reichhaltige Benutzererfahrung erstellen. Laut AMP können Sie in Ihren AMP-E-Mails Folgendes verwenden:

Dynamische Inhalte

Bisher waren E-Mail-Inhalte hauptsächlich statisch. Der Benutzer kann nicht anders als zum Lesen, Ansehen oder Durchklicken damit interagieren. Mit AMP für E-Mail ermöglichen dynamische Inhalte ein vielseitigeres Engagement, wie beispielsweise die Formularübermittlung. Hier sind einige der dynamischen Inhaltselemente, die Sie mit AMP für E-Mails verwenden können:

  • amp-form: Dies ist das Formularelement von AMP. Es ermöglicht Designern, Formulare direkt in E-Mails zu erstellen, die von Benutzern ausgefüllt werden können.
  • amp-selector: Dies ist ein Mehrfachauswahl-Widget zur Verwendung in einem Formular.
  • amp-bind und amp-state: Einfache Skriptsprache in AMP, die die Manipulation einer Zustandsmaschine für Interaktionen zwischen Elementen ermöglicht. Kann auch verwendet werden, um Verhalten bei bestimmten Ereignissen hinzuzufügen. amp-state wird verwendet, um die Anfangszustandsmaschinenwerte aus der Ferne abzurufen.
  • amp-list: Ruft JSON-Daten aus der Ferne ab, die von einer .
  • template type=”amp-mustache”: Ein Mustache-Template-Markup zum Rendern der Ergebnisse eines amp-list-Aufrufs.

Layout

Das Layout traditioneller E-Mails ist ziemlich starr. AMP für E-Mail öffnet es mit Elementen wie einem Karussell für Medien, Leuchtkästen für Bilder und Text und Akkordeons zum Ein- und Ausblenden verschiedener Abschnitte. Hier sind die Elemente, mit denen Sie Ihre E-Mails auf neuartige Weise anzeigen können:

  • amp-accordion: Ein UI-Element, das das Ein-/Ausblenden verschiedener Abschnitte erleichtert.
  • amp-carousel : Eine Karussell-UI-Komponente.
  • amp-sidebar: Eine Seitenleiste für Navigationszwecke.
  • amp-image-lightbox: Eine Lightbox zur Aufnahme von Bildern.
  • amp-lightbox: Eine Lightbox zur Aufnahme von Inhalten.
  • amp-fit-text: Eine Hilfskomponente zum Anpassen von Text in einen bestimmten Bereich.
  • amp-timeago: Bietet eine bequeme Möglichkeit zum Rendern von Zeitstempeln.

Medien

Im Kampf gegen die Absprungrate sind Medien Ihr größter Feind und tragen mehr zu den Ladezeiten bei als jedes andere Element. Mit den beiden folgenden Elementen sorgen Sie für Effizienz und Geschwindigkeit, ohne Kompromisse beim Design einzugehen.

  • amp-img: Eine AMP-Komponente, die „image“ ersetzt.
  • amp-anim: Bettet GIF-Dateien ein.

3 Beispiele für AMP für E-Mail

AMP wurde noch nicht vollständig für alle Nutzer eingeführt. Das bedeutet jedoch nicht, dass wir keine Beispiele für seine Verwendung haben. Im Jahr 2018 haben sich einige Unternehmen mit Google zusammengetan, um aufzuzeigen, was Vermarkter mit AMP für E-Mails tun können. Auf der AMP-Konferenz 2018 präsentierten sie die Ergebnisse.

1. Gekritzel

Doodle ist ein Tool, das die Planung von Meetings erleichtert. Mithilfe von Orts- und Zeitumfragen können Manager die optimalen Sammelzeiten für alle Teilnehmer ermitteln.

Normalerweise erfordern diese Umfragen, dass Besucher dynamischere Aktionen auf einer Webseite ausführen. Bei AMP für E-Mail sieht die Sache jedoch etwas anders aus.

Unten sehen Sie ein Bild einer Umfrage, die in Doodle eingerichtet wird. Der Titel lautet „Rette die Welt mit Dynamic Mail:“

AMP für E-Mail-Doodle-Beispiel

Wenn der Benutzer auf "Weiter" klickt, kann er die für ihn günstigsten Zeiten auswählen und ihn dann per E-Mail an die Gruppe senden:

AMP für E-Mail-Besprechungsplan

So sieht die E-Mail in Gmail aus. Sie werden feststellen, dass unter dem Titel der Veranstaltung „Rette die Welt mit dynamischer E-Mail“ die Benachrichtigung „4 von 11 Teilnehmern – 0 Kommentare“ angezeigt wird. Hier glänzt AMP für E-Mail:

AMP für E-Mail-Meeting-Antworten

Dynamische Inhalte

Was Sie sehen, ist dynamischer Inhalt. Wie in wird dieser Inhalt aktualisiert, wenn mehr Benutzer an der Umfrage teilnehmen. Wenn ein fünfter Benutzer die Umfrage abschließt, sehen Sie, dass 5 von 11 teilgenommen haben. Wenn jemand kommentiert, wird eine aktualisierte Kommentaranzahl angezeigt.

Dies steht im Gegensatz zu den normalerweise statischen Inhalten, die wir in E-Mails erhalten. Wenn wir bei einer statischen E-Mail über die Anzahl der Personen informiert werden möchten, die an der Umfrage teilgenommen haben, müssen wir eine zweite E-Mail erhalten. Was Sie oben sehen, enthält unabhängig davon, wann es geöffnet ist, die aktuellsten Informationen über die Umfrage.

Ein weiteres großartiges Beispiel für AMP für E-Mail von seiner besten Seite ist unten in der Funktion „Erinnerung senden“ der E-Mail zu sehen:

AMP für E-Mail-Erinnerung senden

Hier werden Sie feststellen, dass der Benutzer die E-Mail-Adressen der Teilnehmer eingeben und dann auf „Senden“ klicken kann, um sie daran zu erinnern, die Umfrage abzuschließen. Dies ist ein weiteres leuchtendes Beispiel für AMP für E-Mail am Arbeitsplatz.

Was Sie sehen, ist das Ausfüllen eines Formulars, wie es auf einer Website oder in einer App aussehen würde. Es befindet sich jedoch in einer E-Mail, was das Ausfüllen viel einfacher macht.

Als nächstes sehen wir, wie es aussieht, wenn die Mehrheit der Teilnehmer die Umfrage abgeschlossen hat und der Benutzer ein endgültiges Datum und eine endgültige Uhrzeit auswählen kann. Sie werden sehen, dass der dynamische Inhalt anzeigt, dass 10 Personen Montag, den 19. Februar, schaffen können, während nur 9 an diesem Dienstag und 8 Personen an diesem Mittwoch machen können:

AMP für E-Mail-Bestätigung des Meetings

Durch Klicken auf das Datum und dann auf die Schaltfläche „Fertig“ kann der Benutzer die Uhrzeit des Meetings festlegen, woraufhin die Teilnehmer benachrichtigt werden.

2. Booking.com

Wie Doodle nutzt Booking.com die dynamischen Inhalte von AMP, um Benutzern ein besseres E-Mail-Erlebnis zu bieten. In diesem Fall bezieht es sich auf ihre Wohnungssuche.

Wie Sie in dieser ersten E-Mail sehen, bietet Booking.com seinen Nutzern eine Zimmerempfehlung mit Bild an. Aber ein Miniaturbild? Das ist kaum alles, was Sie sehen müssen, um sich für ein Zimmer zu entscheiden:

AMP für E-Mail-Buchungsbeispiel

Aber im Gegensatz zu statischen E-Mails, die Sie zwingen würden, sich zur Auflistungsseite durchzuklicken, um die Fotos dieser Wohnung zu sehen, ermöglicht AMP für E-Mail dem Benutzer, auf den Pfeil am Rand des Bildes zu klicken, um zum nächsten Foto zu gelangen, siehe unten:

Schieberegler für das AMP-E-Mail-Karussell

Der Benutzer erhält eine informiertere Ansicht des Eintrags, ohne die E-Mail jemals verlassen zu müssen. Während ein solcher E-Mail-Slider mit CSS erstellt werden kann, wird er mit AMP für E-Mail als viel reibungsloser bezeichnet.

Aber was ist, wenn der Benutzer diese Auflistung komplett ausschließt? Mit AMP für E-Mail kein Problem.

Wenn der Benutzer nach unten scrollt, findet er mehrere andere Einträge. Hier sehen Sie einen in Moskau, Paris, Amsterdam und mehr.

Und wenn dies nicht ausreicht, kann der Benutzer am gewünschten Ort auf "Neuen Deal anzeigen" klicken, und an dieser Stelle wird ein weiterer Eintrag angezeigt:

AMP-E-Mail mit weiteren Inhaltsoptionen

Und wenn Benutzer feststellen, dass sie zu viele Werbe-E-Mails von Booking.com erhalten, können sie einfach zum Ende der Nachricht scrollen und auf „Ihr Abonnement verwalten“ klicken, wodurch ein Formular unten angezeigt wird:

AMP-E-Mail-Abmeldeformular

Hier profitieren sowohl der Nutzer als auch der Vermarkter stark. Der Benutzer kann bestimmen, wie oft er diese E-Mails erhalten möchte, oder sich ganz abmelden, während der Vermarkter mehr Daten darüber sammelt, wie Benutzer auf ihre Kampagnen reagieren.

3. Pinterest

Pinterest war schon immer ein sehr visuelles soziales Netzwerk, das seinem Team hilft, aufmerksamkeitsstarke E-Mails zu erstellen. Vor AMP für E-Mail können sie leider nur Aufmerksamkeit erregen.

Nehmen Sie diese E-Mail unten:

Beispiel für AMP-E-Mail für Pinterest

Wenn sich diese E-Mail in Ihrem Posteingang befindet, müssen Sie sich normalerweise durchklicken, um Details zum Rezept, seinen Inhalt, Kommentare dazu, Variationen usw.

Aber mit AMP für E-Mail können Sie auf das Rezept „Korean Fried Chicken Tacos“ oben rechts im Board klicken, und es wird in der E-Mail zu einem größeren und detaillierteren Pin erweitert:

Google AMP-E-Mail mit detailliertem Pinterest-Pin

Für Pinterest ist AMP für E-Mail auf der ganzen Linie sinnvoll, insbesondere aber während des Onboarding-Prozesses, der den Benutzern nur schwer zum Abschluss bringt. So viel einfacher könnte es mit AMP für E-Mails sein…

Wenn sich ein Benutzer anmeldet, erhält er normalerweise eine E-Mail wie die untenstehende, die ihn anweist, 5 oder mehr Themen zu folgen, damit Pinterest ihm einen benutzerdefinierten Homefeed erstellen kann:

Google AMP E-Mail Pinterest folgen Themen

In einer statischen E-Mail müssten Benutzer sich durch diese zur Pinterest-Website klicken, um fünf Themen auszuwählen, denen sie folgen möchten.

Dynamische Überschrift

Wie Sie jedoch im folgenden Beispiel sehen, ändert sich die Überschrift der E-Mail dynamisch in „Folge 3 (oder mehr!) Themen:“, sobald der Benutzer auf Themen klickt:

Google AMP E-Mail Pinterest zusätzliche Themen

Sie können nicht nur aus den angezeigten Themen auswählen, sondern auch aus den durch Filter versteckten Themen unter der Untertitelzeile. Sie lesen „Essen“, „DIY“ und „Kunst“. Wenn der Benutzer darauf klickt, wird eine neue Gruppe von aktuellen Fotos angezeigt, auf die der Benutzer klicken kann, um sie zu abonnieren.

Wenn die Themenauswahl abgeschlossen ist, wird der ausgegraute CTA oben rot und anklickbar und lautet „Fertig“. Außerdem lautet die Überschrift „Alles klar!“ über der Zwischenüberschrift „Bereit, einen benutzerdefinierten Homefeed für Sie zu erstellen“. Wie das aussieht, seht ihr hier:

Google AMP für E-Mail Pinterest Themen eingestellt

Wenn der Benutzer auf „Fertig“ klickt, wird ein Homefeed erstellt und die Ladeleiste unten wird wie in einer App mit der Überschrift/Unterüberschrift „Homefeed erstellen/Ideen finden aus…“ erstellt.

E-Mail- und AMP-Pinterest-Building-Homefeed

E-Mail und AMP Pinterest Homefeed bereit

Nach Abschluss ist der Benutzer bereit, mit der App zu beginnen, und die E-Mail informiert ihn mit einer Schaltfläche mit der Aufschrift "Homefeed ready!" durch die sie sich zur Website durchklicken können.

Mögliche negative Auswirkungen auf AMP für E-Mails

Obwohl AMP für E-Mail revolutionäres Potenzial für ein leistungsstarkes Medium bietet, sind nicht alle davon überzeugt, dass es zum Besseren sein wird. In einem Blogbeitrag für Litmus skizziert Jain Mistry einige Probleme, mit denen die Technologie möglicherweise konfrontiert ist:

  • Es gibt wenig Unterstützung von ESPs: E-Mails, die AMP verwenden, sind nicht wie herkömmliche E-Mails und können daher nicht auf herkömmliche Weise erstellt werden. Wenn Ihr E-Mail-Dienstanbieter die für deren Erstellung erforderliche Technologie nicht unterstützen kann, können Sie dies möglicherweise nicht.
  • AMP für E-Mail funktioniert nur in Gmail: Derzeit ist AMP für E-Mail exklusiv für Gmail verfügbar. Wenn Ihre E-Mail-Liste hauptsächlich aus Gmail-Nutzern besteht, ist dies möglicherweise kein Problem. Ist dies nicht der Fall, müssen Sie möglicherweise eine Nicht-AMP-Version Ihrer E-Mail für Nicht-Gmail-Nutzer erstellen.
  • Tracking kann eingeschränkt sein: Tracking ist entscheidend für die Optimierung. Derzeit können Vermarkter Öffnungen, Klicks usw. verfolgen, um Kampagnen zu verbessern. Wenn Sie der Liste der Aktionen hinzufügen, die Benutzer ausführen können, fügen Sie auch hinzu, was Marketer nachverfolgen müssen. Wird es Möglichkeiten geben, sie zu verfolgen?
  • Dies kann die Benutzer verwirren: Das Problem bei der vollständigen Änderung der Art und Weise, wie wir E-Mails verwenden, besteht darin, dass es möglicherweise zu früh zu viel sein könnte.

Beispiel: Dynamische Inhalte geben Marketingspezialisten zwar die Möglichkeit, ihre E-Mails nach dem Senden auf dem neuesten Stand zu halten, könnten jedoch Benutzer verwirren, die statische Inhalte erwarten. Mistry schreibt: „Stellen Sie sich vor, Sie würden dieselbe E-Mail einmal, zweimal und dann ein drittes Mal öffnen und erwarten, denselben Inhalt zu finden und nicht? Es ist eine Taktik, die dazu führen kann, dass das Vertrauen Ihrer Abonnenten verloren geht – ein wertvolles Gut im E-Mail-Marketing.“

Werden Sie AMP für E-Mails verwenden?

Laut einer Umfrage von Litmus geben 55,4% der 55,6%, die mit AMP für E-Mail vertraut sind, an, dass sie es eher oder sehr wahrscheinlich verwenden:

Verwendung in der AMP-E-Mail-Branche

In den obigen Beispielen sind die Vorteile klar. AMP für E-Mail ermöglicht Benutzern eine einfachere und reibungslose Interaktion mit Marken per E-Mail. Für Marken werden die Vorteile der Vereinfachung der Interaktion immer im ROI gesehen.

Wenn sie eine Umfrage per E-Mail ausfüllen können, ist dies wahrscheinlicher. Wenn sie in ihrer E-Mail nach Hoteleinträgen suchen können, ist dies wahrscheinlicher. Dasselbe gilt im Fall von Pinterest für das Onboarding über soziale Medien.

Wenn Sie AMP verwenden möchten, um Ihre Post-Click-Landingpages zu verbessern, melden Sie sich für eine Instapage-Demo an, um zu sehen, was es für Ihre Kampagnen tun kann.