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“-ed sind, hat das Open-Source-Framework seine Reichweite erweitert. Jetzt beschleunigen Vermarkter nicht nur Post-Click-Landing-Pages, Blog-Posts und vollständige Websites mit AMP; 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 Frameworks für beschleunigte mobile Seiten zu nutzen. In der offiziellen Veröffentlichung im AMP-Blog bezeichnet Aakash Sahney, Produktmanager von Gmail und Chat, dies als eine leistungsstarke Möglichkeit für Entwickler, ansprechendere, interaktivere und umsetzbarere 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 weitaus weniger eingeschränkt als herkömmliche E-Mail. Und obwohl Sie nicht ALLE AMP-Befehle in Google Mail verwenden können, können Sie dennoch eine äußerst reichhaltige Benutzererfahrung schaffen. Laut AMP können Sie Folgendes in Ihren AMP-E-Mails verwenden:

Dynamische Inhalte

Bisher waren E-Mail-Inhalte hauptsächlich statisch. Der Benutzer kann sich nicht anders damit beschäftigen, als zu lesen, anzusehen oder sich durchzuklicken. Mit AMP für E-Mail ermöglichen dynamische Inhalte ein vielseitigeres Engagement, wie beispielsweise das Einreichen von Formularen. Hier sind einige der dynamischen Inhaltselemente, die Sie mit AMP für E-Mail verwenden können:

  • amp-form: Dies ist das Form-Element 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 Multi-Select-Widget zur Verwendung innerhalb eines Formulars.
  • 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 anfänglichen Zustandsmaschinenwerte aus der Ferne abzurufen.
  • amp-list: Ruft remote JSON-Daten ab, die von einer .
  • template type=”amp-mustache”: Ein Moustache-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, die Sie verwenden können, um Ihre E-Mail auf neuartige Weise anzuzeigen:

  • 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 für Bilder.
  • amp-lightbox: Eine Lightbox zur Aufnahme von Inhalten.
  • amp-fit-text: Eine Hilfskomponente zum Einpassen von Text in einen bestimmten Bereich.
  • amp-timeago: Bietet eine praktische Möglichkeit zum Rendern von Zeitstempeln.

Medien

Im Kampf gegen die Absprungrate sind Medien Ihr größter Feind, da sie mehr zu den Ladezeiten beitragen als jedes andere Element. Mit den beiden folgenden Elementen stellen Sie Effizienz und Geschwindigkeit sicher, 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 Benutzer 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 zu zeigen, 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 Terminplanung vereinfacht. Mit Hilfe von Umfragen zu Orten und Zeiten können Manager optimale Versammlungszeiten 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 dynamischer Post“:

AMP für E-Mail-Doodle-Beispiel

Wenn der Benutzer auf „Weiter“ klickt, kann er die für ihn günstigste Zeit auswählen und diese 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.“ Hier glänzt AMP für E-Mail:

AMP für Antworten auf E-Mail-Meetings

Dynamische Inhalte

Was Sie sehen, sind dynamische Inhalte. Dieser Inhalt wird 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, sehen Sie eine aktualisierte Kommentaranzahl.

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 vom Zeitpunkt des Öffnens die aktuellsten Informationen zur 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-Sendeerinnerung

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 bei der Arbeit.

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 erheblich vereinfacht.

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 den Montag, den 19. Februar, schaffen können, während nur 9 den Dienstag und 8 den Mittwoch erreichen können:

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

Indem er auf das Datum und dann auf die Schaltfläche „Fertig“ klickt, 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 den Nutzern ein besseres E-Mail-Erlebnis zu bieten. In diesem Fall geht es um die Wohnungssuche.

Wie Sie in dieser ersten E-Mail sehen, bietet Booking.com seinen Nutzern eine Zimmerempfehlung mit Bild an. Aber ein Thumbnail? 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 dazu zwingen würden, sich durch die Auflistungsseite zu klicken, 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 gleiten, siehe unten:

AMP-E-Mail-Karussell-Slider

Der Benutzer erhält eine besser informierte Ansicht des Eintrags, ohne die E-Mail jemals verlassen zu müssen. Während ein E-Mail-Slider wie dieser mit CSS erstellt werden kann, wird es als weitaus reibungsloseres Erlebnis mit AMP für E-Mail bezeichnet.

Aber was ist, wenn der Benutzer diese Auflistung vollständig 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 das nicht ausreicht, kann der Benutzer am gewünschten Ort auf „Neues Angebot anzeigen“ klicken, und ein weiterer Eintrag an diesem Ort wird angezeigt:

AMP-E-Mail mit weiteren Inhaltsoptionen

Und wenn Benutzer entscheiden, 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 das folgende Formular angezeigt wird:

AMP-E-Mail-Abmeldeformular

Hier profitieren sowohl der Nutzer als auch der Vermarkter in hohem Maße. 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 sammeln kann, wie Benutzer auf seine Kampagnen reagieren.

3. Pinterest

Pinterest war schon immer ein sehr visuelles soziales Netzwerk, das seinem Team hilft, aufmerksamkeitsstarke E-Mails zu erstellen. Leider ist vor AMP für E-Mail nur Aufmerksamkeitserregung möglich.

Nehmen Sie diese E-Mail unten:

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

Wenn sich diese E-Mail in Ihrem Posteingang befände, müssten Sie sich normalerweise durchklicken, um Details des Rezepts zu sehen, was es enthält, 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:

Detaillierter Pin von Google AMP per E-Mail an Pinterest

Für Pinterest ist AMP für E-Mail auf ganzer Linie sinnvoll, aber besonders während des Onboarding-Prozesses, der Benutzer nur schwer zum Abschluss bringen kann. So viel einfacher könnte es mit AMP für E-Mail 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 an Pinterest-Follow-Themen

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

Dynamische Überschrift

Aber wie Sie im Beispiel unten sehen, ändert sich die Überschrift der E-Mail dynamisch in „Folge 3 (oder mehr!) Themen:“, sobald der Benutzer anfängt, Themen anzuklicken:“

Google AMP sendet Pinterest zusätzliche Themen per E-Mail

Sie können nicht nur aus den angezeigten Themen auswählen, sondern auch aus denen, die durch Filter unter der Untertitelzeile ausgeblendet werden. Sie lesen „Food“, „DIY“ und „Art“. Wenn der Benutzer darauf klickt, zeigen sie eine neue Gruppe thematischer Fotos an, die der Benutzer anklicken kann, um sie zu abonnieren.

Wenn die Themenauswahl abgeschlossen ist, wird der obige CTA, der ausgegraut ist, rot und anklickbar und lautet „Fertig“. Außerdem lautet die Überschrift „Fertig!“. über der Unterüberschrift „Bereit, einen benutzerdefinierten Homefeed für Sie zu erstellen.“ Wie das aussieht, kannst du hier sehen:

Google AMP für E-Mail-Pinterest-Themen festgelegt

Wenn der Benutzer auf „Fertig“ klickt, wird ein Homefeed erstellt und der Ladebalken unten wird wie in einer App fortschreiten, mit der Überschrift/Unterüberschrift „Building Homefeed/Finding your ideas from…“

E-Mail und AMP Pinterest zum Erstellen von Homefeeds

E-Mail und AMP Pinterest Homefeed bereit

Nach Abschluss ist der Benutzer bereit, sich mit der App zu beschäftigen, und die E-Mail teilt ihm dies mit einer Schaltfläche mit der Aufschrift „Homefeed ready!“ mit. die sie auf die Website durchklicken können.

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

Während AMP für E-Mail einem leistungsstarken Medium revolutionäres Potenzial verleiht, sind nicht alle davon überzeugt, dass es besser wird. In einem Blogbeitrag für Lackmus skizziert Jain Mistry einige Probleme, mit denen die Technologie konfrontiert sein könnte:

  • Es gibt wenig Unterstützung von ESPs: E-Mails, die AMP verwenden, sind nicht wie herkömmliche E-Mails, daher können sie nicht auf herkömmliche Weise erstellt werden. Wenn Ihr E-Mail-Dienstanbieter die zur Erstellung erforderliche Technologie nicht unterstützen kann, ist dies möglicherweise nicht möglich.
  • 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 Google Mail-Benutzern 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, die Benutzer ausführen können, hinzufügen, fügen Sie auch hinzu, was Marketer verfolgen müssen. Wird es Möglichkeiten geben, sie zu verfolgen?
  • Es kann Benutzer verwirren: Das Problem bei einer vollständigen Änderung der Art und Weise, wie wir E-Mails verwenden, besteht darin, dass es möglicherweise zu früh zu viel wird.

Zum Beispiel: Dynamische Inhalte geben Vermarktern zwar die Möglichkeit, ihre E-Mails nach dem Senden auf dem neuesten Stand zu halten, könnten Benutzer jedoch verwirren, die statische Inhalte erwarten. Mistry schreibt: „Stellen Sie sich vor, dieselbe E-Mail einmal, zweimal und dann ein drittes Mal zu öffnen und zu 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-Mail verwenden?

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

Nutzung der AMP-E-Mail-Branche

In den obigen Beispielen sind die Vorteile klar. AMP für E-Mail ermöglicht Benutzern eine einfachere und reibungslosere Möglichkeit, mit Marken per E-Mail zu interagieren. Für Marken werden die Vorteile einer einfacheren Interaktion immer im ROI gesehen.

Wenn sie eine Umfrage per E-Mail ausfüllen können, ist es wahrscheinlicher, dass sie es tun; Wenn sie Hotellisten in ihren E-Mails durchsuchen können, ist es wahrscheinlicher, dass sie dies tun werden. Und das Gleiche gilt im Fall von Pinterest für das Onboarding über soziale Medien.

Wenn Sie bereit sind, AMP zur Verbesserung Ihrer Post-Click-Landingpages zu verwenden, melden Sie sich für eine Instapage-Demo an, um zu sehen, was es für Ihre Kampagnen tun kann.