Über das Thema AMP ist mittlerweile vermutlich fast jeder schon einmal gestoßen. In unserem heutigen Artikel widmen wir uns diesem Thema, erklären kurz die Grundlagen und Funktionsweisen und gehen hier natürlich auch auf das Thema AMP und WordPress ein.
Grundlagen von AMP
Was ist AMP ?
Accelerated Mobile Pages (AMP) ist eine im Jahr 2015 von Google und Twitter ins Leben gerufene Open-Source-Initiative mit dem Ziel, Webinhalte auf Mobilgeräten blitzschnell zu laden, indem lediglich die essenziellen Elemente einer Webseite geladen werden.
In Zeiten von Mobile First, also quasi die Priorisierung von Mobilgeräten, ist dieser Ansatz natürlich sinnvoll denn neben der top Performance wird auch die User Experience erheblich verbessert.
Wie funktioniert AMP?
AMP ermöglicht das nahezu sofortige Laden mobiler Seiten, sobald es eingebunden ist – im warsten Sinne des Wortes “Klick und da” 😉 Diese beeindruckende Geschwindigkeit resultiert zum Teil aus bestimmten Designeinschränkungen und vor allem aus einer raffinierten Rendering-Technologie, die den Ladevorgang einer Seite initiiert, bevor ein Nutzer diese überhaupt anklickt.
Design-Beschränkungen
AMP legt strenge Regeln für das Design fest. Es erlaubt ausschließlich Inline-Styles, begrenzt CSS auf 50KB und JavaScript auf 150KB und verbannt alle unwesentlichen Elemente aus dem kritischen Rendering-Pfad. Diese Beschränkungen sind bereits wirkungsvoll, aber sie allein machen die Seiten nicht blitzschnell.
Vorausladen
Wenn die mobilen Suchergebnisse AMP-Seiten enthalten, beginnt Google, die notwendigen Ressourcen für diese Seiten zu laden, noch bevor der Nutzer eine Auswahl trifft. Wählt man eine AMP-Seite aus, ist diese bereits geladen und erscheint sofort. Bei nicht-AMP-Seiten hingegen startet der Ladevorgang erst bei der Auswahl, was zu einem bemerkbaren Geschwindigkeitsunterschied führt.
Diese Praxis sorgt für Kontroversen, da es so wirkt, als würden AMP-Seiten bevorzugt. Google gibt zu bedenken, dass ein Vorausladen aller Seiten aufgrund des unterschiedlichen Datenvolumens nicht möglich ist. Dennoch strebt das Unternehmen danach, zukünftig auch nicht-AMP-Seiten, die bestimmte Geschwindigkeitskriterien erfüllen, vorab zu laden. Eine endgültige Lösung könnte jedoch noch einige Jahre auf sich warten lassen.
WordPress und AMP
Integration von AMP in Wordpress
Die Integration in WordPress ist eigentlich gar nicht schwer. Selbstverständlich gibt es eine Vielzahl von Plugins die euch hier unterstützen und vorab möchte ich sagen dass viele der “Kinderkrankheiten” und Probleme der Anfangszeit gelöst sind.
Nach der Installation könnt Ihr auswählen, welche Inhalte über AMP ausgeliefert werden sollen und wie sie aussehen sollen. Einige Einstellungen und Anpassungen später, und schon sind Eure Seiten für die mobile Welt optimiert!
Welche Plugin-Lösungen wir hier empfehlen, erfahrt ihr weiteren Verlauf des Artikels.
Vorteile von AMP mit WordPress
- Schnellere Ladezeiten: AMP-Seiten sind so gestaltet, dass sie extrem schnell laden, was zu einer besseren Benutzererfahrung führt. Dies ist besonders wichtig auf mobilen Geräten, auf denen die Internetverbindung möglicherweise nicht so schnell ist.
- Bessere mobile Suchergebnisse: Suchmaschinen wie Google bevorzugen AMP-Seiten in den Suchergebnissen für mobile Geräte. Wenn du AMP für deine WordPress-Website nutzt, hast du also eine höhere Chance, in den mobilen Suchergebnissen angezeigt zu werden und mehr Traffic zu generieren.
- Höhere Conversions: Da AMP-Seiten schneller laden und eine reibungslose Benutzererfahrung bieten, ist es wahrscheinlicher, dass Besucher länger auf deiner Website bleiben und mehr Zeit damit verbringen, dein Angebot zu erkunden. Dies kann zu höheren Konversionsraten führen.
- Bessere Benutzererfahrung: AMP-Seiten sind einfach und minimalistisch gestaltet, was die Lesbarkeit und Navigation verbessert. Benutzer können sich auf die wichtigsten Informationen konzentrieren, ohne von unnötigem Inhalt abgelenkt zu werden.
- Unterstützung von Anzeigenformaten: AMP bietet Unterstützung für Anzeigenformate, sodass du auch weiterhin Werbung auf deiner Website schalten kannst.
AMP-Design und Anpassung
Design
Wer sich jetzt fragt, ob AMP-Seiten genauso individuell gestaltbar sind wie andere WordPress-Seiten, für den gibt es Gute Nachrichten: Ja, das sind sie! Mit AMP könnt Ihr das Erscheinungsbild und die Funktionalität Eurer Seiten nach Belieben anpassen. Egal, ob Ihr das Layout verändern, die Farbpalette anpassen oder interaktive Elemente hinzufügen möchtet – AMP bietet eine Vielzahl von Anpassungsoptionen, um Eurer Kreativität freien Lauf zu lassen!
AMP-Komponenten und Erweiterungen
Es gibt zahlreiche AMP-Komponenten und Erweiterungen, die es Euch ermöglichen, Eure Seiten mit erweiterten Funktionen auszustatten. Von Bildergalerien über Social-Media-Integration bis hin zu E-Mail-Formularen – die Möglichkeiten sind nahezu grenzenlos. Diese Komponenten und Erweiterungen ermöglichen es Euch, eine reiche, interaktive Benutzererfahrung zu schaffen, ohne die Geschwindigkeit und Performance zu beeinträchtigen.
WordPress AMP Plugins
Plugins spielen eine zentrale Rolle, wenn es darum geht, AMP in Wordpress zu integrieren. Sie erleichtern nicht nur den Prozess, sondern erweitern auch die Möglichkeiten, wie AMP auf Eurer Website funktionieren kann. Hier stellen wir Euch drei Beispiele vor:
AMP for WP
AMP for WP fügt eurer WordPress-Website automatisch die Funktionalität von Accelerated Mobile Pages (Google AMP Project) hinzu, was die Seite für mobile Besucher beschleunigt. Es stehen diverse nützliche Erweiterungen zur Verfügung, um die AMP-Funktionen auszubauen. Dazu zählen Support für AMP Adsense, Contact Form 7, E-Mail Opt-in und Call to Action.
Bewertung: 4,5 Sterne
Daten:
- Version:1.0.89
- Last updated:2 weeks ago
- Active installations:100,000+
- WordPress Version:3.0 or higher
- Tested up to:6.3.1
Features
- Unterstützung für Gutenberg
- Unterstützung für Contact Form 7
- Unterstützung für Facebook-Kommentare
- Unterstützung für Github Gist
- Unterstützung für E-Mail-Opt-in-Abonnementformulare in AMP
- Call-to-Action-Boxen und Benachrichtigungsleisten
AMP (Official)
Das offizielle AMP Plugin für WordPress, entwickelt von WordPress.com und Google, zählt zu den fortschrittlichsten AMP WordPress Plugins. AMP ist ein mächtiges Tool, das eine hervorragende Seitenperformance für eure Besucher sicherstellt. Unterstützt vom AMP-Team, erleichtert dieses Plugin die Integration von AMP in eure WordPress-Website, ohne bestehende Themes und Plugins zu verändern. Mit diesem Plugin wird eure WordPress-Seite schnell, ansprechend, sicher und zugänglich.
Bewertung: 4 Sterne
Daten:
- Version:2.4.2
- Last updated:2 months ago
- Active installations:400,000+
- WordPress Version:4.9 or higher
- Tested up to:6.3.1
- PHP Version:7.0 or higher
Features:
- Automatisierung des Prozesses zur Generierung von AMP-validem Markup so weit wie möglich
- Bereitstellung effektiver Validierungstools, um Benutzern bei AMP-Inkompatibilitäten zu helfen
- Entwicklungssupport
- Unterstützung beim Bereitstellen von AMP-Seiten
- Bereitstellung einer schlüsselfertigen Lösung für verschiedene WordPress-Nutzergruppen
AMP WP – Google AMP For WordPress
Bewertung: 4,5 Sterne
Daten:
- Version:1.5.15
- Last updated:3 months ago
- Active installations:1,000+
- WordPress Version:4.9.6 or higher
- Tested up to:6.2.2
- PHP Version:7.0 or higher
Features:
- Gutenberg-Unterstützung
- Slider-Unterstützung
- Seite lädt 5x schneller auf Mobilgeräten
- Vollständige Google AMP-Unterstützung
- Drittanbieter-Analytics zur Verfolgung von Besuchern
- Native AMP Suchfunktionalität
- Soziale Symbole
- Lightbox für Bilder
- AMP für jeden Beitrag aktivieren/deaktivieren
- Anpassbares Farbschema
- Contact Form 7-Unterstützung
AMP FAQ
Für wen ist AMP, für wen nicht?
AMP eignet sich für Nachrichten-, Blog-, E-Commerce- und Publisher-Websites, die schnelle Ladezeiten und eine optimierte mobile Benutzererfahrung wollen. Komplexere Websites, designintensive Websites und bereits effiziente Websites haben möglicherweise weniger Nutzen von AMP. Die Entscheidung sollte basierend auf den individuellen Anforderungen und Zielen der Website getroffen werden.
Welche Nachteile hat AMP?
Auch wenn AMP viele Vorteile mitbringt, gibt es einige Nachteile, die man nicht außer Acht lassen sollte. Einer der Hauptnachteile ist, dass AMP einige Einschränkungen bei der Gestaltung und den Funktionen mit sich bringt. Wenn deine Seite also auf interaktiven Content und individuellen Designelementen basiert, könnte AMP ein bisschen zu restriktiv sein.
Ein weiterer Kritikpunkt ist die Herausforderung bei der Monetarisierung. Manchmal kann es schwierig sein, Werbung und Affiliate-Links so effektiv wie auf nicht-AMP-Seiten zu platzieren, was sich auf die Einnahmen auswirken kann.
Außerdem gibt es Bedenken hinsichtlich der Kontrolle und Abhängigkeit von Google. Da AMP ein von Google gefördertes Projekt ist, gibt es Befürchtungen, dass Webmaster zu sehr in das Ökosystem von Google eingebunden werden.
Zuletzt sollte man die Implementierungskosten nicht vergessen. Auch wenn AMP Open Source ist, kann es je nach Webseite und Anforderungen Ressourcen und Zeit kosten, AMP korrekt zu implementieren und zu pflegen.
