Kategorien
SEO

AMP

Was ist AMP (Accelerated Mobile Pages)?
Wenn du jemals nach Inhalten gesucht hast und mit den Ergebnissen auf einem mobilen Gerät interagiert hast, bist du wahrscheinlich schon auf AMP oder Accelerated Mobile Pages gestoßen.

AMP ist ein Open Source Framework, das von Google in Zusammenarbeit mit Twitter entwickelt wurde. Accelerated Mobile Pages sorgen für bessere und schnellere Erlebnisse im mobilen Web. Im Kern erlaubt dir das Framework, leichtgewichtige Erlebnisse für Mobilgeräte zu bauen, indem es das HTML vereinfacht und schlanken CSS-Regeln folgt.

AMP wurde ursprünglich als Antwort auf Facebooks Instant Articles entwickelt. Im Laufe der Jahre hat es sich jedoch zu einer mächtigen Plattform entwickelt, um Inhalte direkt aus den Suchergebnissen in nahezu blitzschneller Geschwindigkeit auszuliefern. Anfang dieses Jahres hat Google einen Schlussstrich gezogen und angekündigt, dass es sich für die Aufnahme des AMP-Technologie-Frameworks in die Webstandards einsetzen wird.

Wie funktioniert AMP?
Unter der Haube hat das AMP-Framework 3 Hauptbestandteile.

AMP HTML: Stell dir AMP HTML als eine schlankere Version von regulärem HTML vor. Das AMP-Framework hat strenge Regeln für die HTML-Tags, die du verwenden kannst. Um einen schnellen Seitenaufbau zu gewährleisten, sind bestimmte HTML-Elemente wie Formulare auf AMP nicht erlaubt. Das AMP-Framework erfordert auch, dass du eine schlankere Version von CSS verwendest. Schau dir die vollständige Liste der erforderlichen HTML-Tags für das AMP-Framework an. Nichts davon sollte neu sein, wenn du es gewohnt bist, Webinhalte mit modernem HTML und CSS zu erstellen.
AMP JS: Um einen schnellen Seitenaufbau auf mobilen Plattformen zu gewährleisten, schränkt AMP die Verwendung von Javascript ein. Die einzige Ausnahme sind AMP-Skripte, die mit Blick auf die Beschleunigung des Seitenladens optimiert sind. Was AMP bei JS wegnimmt, bietet es mit einer Bibliothek von einfach zu implementierenden Komponenten. Du kannst Animationen erstellen, Inhalte dynamisch laden, das Layout modifizieren und vieles mehr, indem du die umfangreiche Komponentenbibliothek von AMP nutzt. (Und keine Sorge, es gibt auch eine AMP-Komponente für die Einhaltung der GDPR).
AMP CDN: Allgemein bekannt als AMP Cache, ist eine wichtige Komponente der AMP-Plattform das proxy-basierte Content Delivery Network (CDN). Das CDN holt AMP-Inhalte ab und speichert sie für eine schnelle Auslieferung. Standardmäßig zwischenspeichert das AMP CDN alle gültigen AMP-Inhalte und bietet keine Option zum Abmelden. Du kannst jedoch weiterhin deinen eigenen CDN-Anbieter über den AMP-Cache nutzen, um deine Content-Delivery-Konfigurationen anzupassen.
Sollte ich also AMP für meine Website nutzen?
In den wenigen Jahren seit der Einführung von AMP hat sich die Erkenntnis durchgesetzt, dass Medienseiten gut mit AMP zurechtkommen. Da der Großteil der Inhalte auf Medienseiten statisch ist, haben diese Websites einen signifikanten Anstieg des organischen Suchtraffics erfahren. Darüber hinaus hat Google es für Publisher einfach gemacht, ihre Inhalte mit Rich Cards hervorzuheben. Für eCommerce-Websites mit stark dynamischen Inhalten, die sich je nach Auswahl des Nutzers ändern (z.B. Filtern, Sortieren, in den Warenkorb legen und weitere dynamische Nutzeraktionen), ist noch nicht klar, wie sehr AMP die Leistung auf mobilen Geräten steigern kann. Alle SEO und Mobile Performance Enthusiasten scheinen sich einig zu sein, dass eine gut implementierte AMP Website:

Das Volumen des organischen Suchtraffics signifikant erhöhen wird.
Engagement und Konversionen durch schnellere und bessere mobile Erlebnisse erhöhen.
Die Last auf deinen Servern reduzieren, da das AMP CDN die meisten Suchergebnisse zwischenspeichert und darauf reagiert.
Biete die Möglichkeit, dass deine Inhalte prominent im AMP-Karussell in den mobilen Suchergebnissen angezeigt werden.

Aber was sind die Nachteile von AMP?
Der häufigste Grund, warum sich einige digitale Webmarken gegen AMP entschieden haben, ist der Aufwand, der nötig ist, um deine Web-Assets zu AMP-ifizieren. Es ist unbestreitbar, dass Mobile eine Chance darstellt, aber es erfordert auch einen bedeutenden und durchdachten Ansatz. Um die Vorteile eines AMP-Erlebnisses zu nutzen, muss dein Entwicklungsteam separate Assets für AMP erstellen und pflegen.

Da AMP Inhalte zwischenspeichert, ohne jedes Mal eine Anfrage an deine Server zu stellen, können sich deine Analyse- und Messtools nicht zu 100% auf Serveranfragen verlassen. Du wirst spezielle Tracking-Parameter implementieren müssen, um CTRs und Engagement-Metriken der AMP-Version deiner Website genau zu erfassen.

Um es einfach auszudrücken, AMP ist HTML auf Diät – was bedeutet, dass du keine reichhaltigen Nutzererlebnisse wie bewegte Karten, rotierende Bilder und mehr auf AMP liefern kannst. Wenn Teile deiner Website stark auf ein reichhaltiges UX angewiesen sind, solltest du die Erstellung von AMP-Versionen dieser Webabschnitte überdenken.

Zu guter Letzt sind AMP-Erlebnisse von vornherein ummauert und restriktiv. Es ist schwer für Nutzer, irgendetwas von einem AMP-Erlebnis aus zu tun, außer zurück zu den Google-Suchergebnissen zu gehen. Dies birgt das Risiko, dass mobile Nutzer das Engagement verlieren und eine potentielle Konversion für deine Marke.