Begrenzt nicht mehr: 10 Updates für das AMP-Format, die digitale Vermarkter sehen müssen

Als AMP vor Jahren auf den Markt kam, wollte es das mobile Web beschleunigen, indem es die Verwendung bestimmter Seitenelemente einschränkte. Heute jedoch, zwischen Workarounds und Neuentwicklungen, kann es dynamische Inhalte und sogar ganze Websites unterstützen.

Dennoch bleibt das Missverständnis, dass es nur für statische Inhalte wirksam ist. Und das ist nicht das einzige Missverständnis. Heute stellen wir die wichtigsten Komponenten des AMP-Formats und ihre Entwicklung klar.

Wie sich das AMP-Format geändert hat

1. Zahl und Vielfalt der AMP-Mitwirkenden nehmen zu

AMP begann als kleines, von Google unterstütztes Projekt mit nur zwei Mitwirkenden. Bis 2018 hatten 700 Menschen an dem Projekt mitgewirkt. Ein Jahr später war diese Zahl auf 1.000 Mitwirkende von anderen Websites wie Twitter, Yahoo, eBay und Pinterest angestiegen. Nur 22% der Mitwirkenden stammten von Google:

2. Google hat die Kontrolle aufgegeben

Seit Google AMP eingeführt hat, ist es Open-Source, wobei Matt Ubl, AMP-Projektleiter, wichtige Entscheidungen über seine Zukunft überlässt.

Projekte wie AMP wirken sich jedoch auf das gesamte Web aus: Unternehmen, Menschen, Arbeitsplätze, Informationen und mehr. Und deshalb planten Ubl und sein Team, die Kontrolle an einen Vertreter der Gemeinde zu übergeben, die beim Aufbau mitgewirkt hat.

Kürzlich hat das Team diesen Plan umgesetzt, indem es ein „konsensorientiertes Governance-Modell“ eingeführt hat. Sagt Ubl:

Bei der Auswahl eines Governance-Modells (ein System, das beschreibt, wie Entscheidungen getroffen werden) für AMP haben wir uns zunächst auf Agilität konzentriert. AMP wurde immer von den Stimmen und dem Feedback der Entwickler und Organisationen angetrieben, die es verwenden. Die Governance konzentrierte sich jedoch auf den Tech-Lead (das bin ich, der Autor dieses Beitrags), der letztendlich entschied, was und wie ausgeführt wurde.

Obwohl dies für kleinere Projekte hervorragend funktioniert, haben wir festgestellt, dass es sich nicht auf die Größe des heutigen AMP-Projekts skalieren lässt. Stattdessen möchten wir zu einem Modell übergehen, das allen Mitgliedern der Community explizit eine Stimme gibt, einschließlich derer, die selbst keinen Code beisteuern können, wie z. B. Endbenutzer. Die von uns vorgeschlagene Änderung basiert auf monatelanger Recherche, bei der wir uns entschieden haben, der Führung des Node.js-Projekts zu folgen und zu einem konsensorientierten Governance-Modell überzugehen.

Bei dieser Entscheidung wurden die Ziele berücksichtigt, die sie erreichen wollten:

• Sie wollten eine Vielzahl von Menschen ermutigen, die Zukunft von AMP zu bestimmen: über Funktionen, Fehler, Beiträge usw. zu entscheiden. Und dazu gehören auch Menschen, die keinen Code beisteuern, aber von AMP betroffen sind.
• Sie wollten klären, wie eine Einzelperson und ein Unternehmen zu AMP beitragen können. Dies geht über die Genehmigung von Code hinaus auf Aktivitäten wie das Festlegen von Produkt- und Technologie-Roadmaps.
• Sie wollten eine bessere Balance zwischen der täglichen Arbeit und einer langfristigen Governance finden.
• Sie wollten wissen, was in anderen Open-Source-Projekten funktioniert hat und was nicht, deshalb trafen sie sich mit Leuten, die an Projekten wie Node.js und Kubernetes beteiligt waren, und schauten sich Governance-Philosophien von Orten wie der JS Foundation an.

Wie genau werden sich die neuen Änderungen auf das AMP-Format auswirken?

• Wichtige Entscheidungen über das AMP-Projekt werden nicht mehr von einem einzelnen Tech-Lead getroffen. Stattdessen gehen sie zu einem technischen Lenkungsausschuss, der sich aus Vertretern von Unternehmen zusammensetzt, die Ressourcen für den Aufbau von AMP bereitgestellt haben.
• Der technische Lenkungsausschuss wird Entscheidungen mit Hilfe eines Beratungsausschusses treffen, der aus vielen AMP-Wahlkreisen besteht.
• Arbeitsgruppen, die für bestimmte Aspekte von AMP wie UI, Infrastruktur und Dokumentation verantwortlich sind, werden die heute bestehenden informellen Teams ersetzen. Künftig werden Systeme und Prozesse eingeführt, um einen strukturierteren Ansatz zur Verbesserung des Webs zu gewährleisten.

3. Es kann vielseitigere Seitentypen unterstützen

Ursprünglich machte es die eingeschränkte Programmiersprache von AMP den Entwicklern schwer, viel mehr zu tun, als die Ladezeit statischer Seiten zu verbessern. Inzwischen gibt es jedoch viele Entwicklungen am Framework, die Benutzern die Möglichkeit geben, vielseitige Seiten zu erstellen, die viel mehr können, als nur Nachrichten zu teilen.

Heute kann AMP seiten- und branchenübergreifend verwendet werden. Es kann verwendet werden, um Produktseiten und Kategorieseiten zu erstellen. Es kann Checkout-Flows bilden und Zahlungen entgegennehmen. Es kann ein bestimmtes Segment personalisieren und sogar dynamische Inhalte bereitstellen. Hier ist ein Beispiel für eine beeindruckende AMP-Produktkategorieseite von Myntra:

Diese und weitere Funktionen machen es zu einer attraktiven Wahl für alle Unternehmen, von Nachrichten bis E-Commerce. Aus diesem Grund wird AMP zunehmend verwendet, um ganze Websites und sogar hybride progressive Web-Apps (PWA) zu erstellen, die wie eine App auf dem Gerät eines Benutzers leben, aber offen sind, um eine Website anzuzeigen, die mit der Geschwindigkeit von AMP geladen wird.

4. AMP ist nicht auf Mobilgeräte beschränkt

„Mobile“ ist der Name, und das aus gutem Grund: AMP begann, um peinlich langsame Ladezeiten mobiler Seiten zu beschleunigen. Aber seitdem hat sich AMP von einer reinen mobilen Lösung zu einer Lösung für alle Formate und Gerätetypen entwickelt. Das heutige AMP-Format ist eine Programmiersprache, die Hochgeschwindigkeitsseiten auf allen Geräten erstellen kann, einschließlich Desktop und Tablet. Responsive Design-Features machen dies möglich.

5. Bei AMP geht es nicht mehr nur um Geschwindigkeit

Das Ziel war Geschwindigkeit und AMP war die Antwort. Tatsächlich war die Verbesserung der mobilen Ladezeit jedoch ein Mittel zum Zweck, und dieses Ziel war die Verbesserung der Benutzererfahrung. Mit diesem übergeordneten Ziel vor Augen wurde das Ziel, Webseiten zu beschleunigen, erweitert, um andere Aspekte einer schlechten Benutzererfahrung einzubeziehen. Das heutige AMP „bietet alle möglichen integrierten UX-Vorteile“, sagt Ubl, wie das Verbieten von Interstitials und das Erzwingen eines kostenlosen Hauptthreads für reibungslose Interaktionen.

6. Bei AMP geht es nicht mehr nur darum, Seiten zu beschleunigen

Von der Beschleunigung von Seiten hat sich AMP zu Anzeigen und sogar E-Mails entwickelt. AMP-Anzeigen werden sechsmal schneller geladen als herkömmliche Anzeigen und haben sich für einige Werbetreibende als vorteilhaft erwiesen:

Für E-Mail-Marketer bietet AMP für E-Mail eine Möglichkeit, interaktive Inhalte im Text einer E-Mail zu erstellen. Dadurch ist es möglich, den aktuellsten Inhalt im Textkörper einer Nachricht zu liefern. Zum Beispiel: Webinar-Werbeaktionen können verbleibende Plätze anzeigen, Benutzer können Besprechungen mit interaktiven Dropdown-Menüs planen usw.:

7. AMP steht nicht mehr für „Accelerated Mobile Pages“

Aufgrund der vielen Änderungen im AMP-Format seit seinem Start spiegelt selbst der Name nicht mehr die Möglichkeiten des Frameworks wider. In einem Blogbeitrag sagt Paul Baukaus, ein Entwickler für AMP:

Ich habe seit einiger Zeit Probleme damit, richtig zu erklären, was AMP ist, insbesondere für diejenigen, die mit seiner Langform vertraut sind: Accelerated Mobile Pages. Die Realität ist, dass wir unseren eigenen Namen längst überlebt haben.

Wenn man bedenkt, dass es bei AMP nicht mehr ausschließlich um Beschleunigung, mobile oder Seiten geht, ist es sinnvoll, dass sich der Name geändert hat. Das heutige AMP ist nur „AMP“. Für nichts zu kurz. Wenn es jedoch für etwas stehen muss, sagt Bakaus, „wie wäre es mit Awesome Magical Power“.

8. Datenschutz hat Priorität

Die DSGVO war eine bahnbrechende Entwicklung im Kampf um den Datenschutz im Internet, aber sie ist nicht die einzige. Da immer mehr Leitungsgremien dem Datenschutz im Internet Priorität einräumen, hat sich AMP darauf vorbereitet, diesem Beispiel zu folgen. Das heutige AMP-Format wurde aktualisiert, um den neuen CCPA-Richtlinien zu entsprechen, was bedeutet, dass Publisher jetzt mehrere Einwilligungsaufforderungen einfügen und die richtige basierend auf dem Standort des Nutzers auslösen können.

9. Es macht Personalisierung möglich

Personalisierung ist das wertvollste Werkzeug des modernen Marketers. Die Segmentierung von Gruppen basierend auf Schlüsselkennungen erhöht die Relevanz Ihrer Angebote und erhöht damit die Wahrscheinlichkeit, dass Nutzer Ihr Angebot in Anspruch nehmen.

Um die Personalisierung durch AMP besser zu ermöglichen, plant das Team, das Geolocation-Targeting zu verbessern. Mit dem Element amp-geo werden Marketer bald in der Lage sein, Nutzererkennungen auf US-Staatsebene aufzudecken und darauf basierende Inhalte bereitzustellen:

10. Es ist jetzt möglich, AMP und JavaScript zusammen zu verwenden

Eines der bestimmenden Merkmale des AMP-Formats war, dass es die Verwendung von JavaScript einschränkte. Dies half bei der Verbesserung der Ladezeiten, erschwerte es den Entwicklern jedoch, dynamischere Inhalte zu erstellen. Heute muss man nicht mehr das eine für das andere opfern.

Mit Hilfe der Komponente amp-script können Sie JavaScript auf Ihrer Seite verwenden, ohne sie mit übermäßigem Code zu verzetteln. In einem Blogbeitrag erläutert Naina Raisinghani, Produktmanagerin des AMP-Projekts bei Google, wie:

Es ist eine AMP-Komponente, die Ihr eigenes JavaScript in einem separaten Worker-Thread ausführt. Auf diese Weise können Sie Ihrer AMP-Seite benutzerdefiniertes JavaScript hinzufügen und gleichzeitig die blitzschnelle Geschwindigkeit beibehalten!

Mit <amp-script> können Sie Anwendungsfälle abdecken, die mit vorhandenen AMP-Komponenten nicht möglich waren. Außerdem können Sie Code auf Ihren AMP- und Nicht-AMP-Seiten freigeben. Sie können sogar ein JavaScript-Framework verwenden. Hier sind einige der Beispiele, die das Team, das an <amp-script> arbeitet, erstellt hat:

• Todo MVC mit Vue
• Ein Passwort-Checker
• Datenvisualisierung in einem Artikel mit D3.js
• Mehrseitige Formulare, bei denen jeder Abschnitt validiert werden muss, bevor mit dem nächsten Abschnitt fortgefahren wird (siehe unten):

Beginnen Sie mit der Verwendung des AMP-Formats auf Ihren Post-Click-Seiten

AMP ist ein ganz anderes Format als früher. Und einer der größten Vorteile besteht jetzt darin, dass es Seiten unterstützen kann, die auf Conversions abzielen. Wenn die Ladezeit ein wichtiger Faktor für die Conversion-Rate ist, kann selbst eine geringfügige Geschwindigkeitssteigerung viel für das Endergebnis bedeuten.

Erfahren Sie in einer Demo von Instapage, wie Sie Ihre wichtigsten Post-Click-Landingpages mit AMP integrieren und skalieren.