Willkommen zum zweiten Teil des AMP-Leitfadens für WordPress. In unserem letzten Artikel haben wir erfahren, wie wichtig eine Mobile-First-Webstrategie ist und wie AMP ein potenzieller Game-Changer sein kann. In der heutigen Anleitung erfahren Sie mehr über:
- So integrieren Sie AMP in WordPress
- Beste WordPress-Plugins zum Anpassen von AMP
- Müssen wir wirklich AMP in unserer WordPress-Site implementieren?
Lass uns anfangen.
AMP für WordPress-Videoanleitung
Wenn Sie dort weitermachen, wo der letzte Beitrag in unserer Serie aufgehört hat, können Sie dem Video von WPCrafter folgen, wie Sie AMP einfach mit Ihrer WordPress-Website einrichten können. Adams Video führt Sie durch jeden Schritt unseres Leitfadens – viel Spaß!
So richten Sie AMP für WordPress ein
Einrichten AMP für WordPress ist ein ganz einfacher Vorgang. Alles, was Sie tun müssen, ist das von Automattic entwickelte WordPress AMP-Plugin zu installieren und der Rest folgt.
- Gehen Sie zu WordPress Dashboard> Plugins> Neu hinzufügen
- Suchen nach „AMPERE“
Wählen Sie das Plugin aus und klicken Sie auf Jetzt installieren
Nach der Aktivierung des Plugins haben alle Post-URLs auf Ihrer Website eine AMP-Version. Sie können zu jedem Post-Link gehen, anhängen /Ampere/ bis zum Ende der URL und Sie sehen die AMP-Version.
Schauen wir uns die normale Version der Webseite an.
Und dies ist die AMP-Version derselben Seite:
Das war’s – Sie haben AMP erfolgreich in WordPress eingerichtet. Kaum zu glauben, dass es so einfach ist, oder?
Wenn Sie jedoch nicht haben hübsche Permalinks aktiviert, können Sie die Amp-Version erhalten, indem Sie anhängen ?amp=1 zum Link des Beitrags. Der Link des Beitrags wäre zum Beispiel:
- Normalversion: http://example.com/2016/01/01/hello-mobile-web/
- AMP-Version: http://example.com/2016/01/01/hello-mobile-web/amp/
- AMP-Version (mit deaktivierten Pretty Permalinks): http://example.com/2016/01/01/hello-mobile-web/?amp=1
Das AMP-Plugin fügt im Kopf Ihrer „normalen“ HTML-Seiten ein Standard-Meta-Tag hinzu, das es Google und anderen Suchmaschinen ermöglicht, die AMP-Version der Seiten zu erkennen. Es verwendet das Logo der Website, das Sie im WordPress Theme-Anpasser.
Es ist wichtig zu beachten, dass das Plugin nur die Konvertierung von Beiträgen in AMP-Versionen unterstützt. Gemäß der Beschreibung des Plugins, auf die auf 1 zugegriffen wurdeNS November 2016, Unterstützung für die AMP-Version von WordPress-Seiten befindet sich in der Entwicklung und wird in Kürze verfügbar sein.
Messung der Auswirkungen auf die AMP-Leistung
Wir haben uns entschieden, die Leistungsauswirkungen der AMP-Version der Seite in Pingdom zu messen. Die Ergebnisse waren dramatisch anders. Denken Sie daran, dass sich unser WordPress-Setup in einer Shared-Hosting-Umgebung mit dem Standardthema Twenty Fourteen ohne installierte Caching- oder Optimierungs-Plugins befand.
Der folgende Screenshot zeigt den Leistungsbenchmark der Basisversion der Seite:
Und das ist das Ergebnis der AMP-Version der Seite:
Die Ergebnisse liegen auffallend auseinander.
Jede der Komponenten erfuhr eine enorme Verbesserung:
- Seitengröße um 70 % verringert
- Ladezeit um 35 % auf unter 900 Millisekunden verringert
- Die Zahl der Anfragen wurde um fast 60 % von 17 auf nur 7 reduziert!
All dies wurde von AMP erreicht, während der Inhalt der Seite beibehalten wurde. Die folgende Tabelle enthält die Details des Tests als Referenz:
Faktor | Normal | AMPERE | Verbesserung |
Seitengröße (KB) | 563.8 | 167 | 70% |
Ladezeit (Sek.) | 1,42 | 0,929 | 35% |
Anzahl der Anfragen | 17 | 7 | 59% |
Wenn man sich diese Zahlen ansieht, ist es offensichtlich, dass es ein Kinderspiel ist, AMP zu bekommen. Es wird nicht nur dazu beitragen, Ihre SEO-Ergebnisse zu verbessern, sondern bietet auch eine schöne, übersichtliche Benutzererfahrung.
Darüber hinaus können Sie auch Tracking-Mechanismen in die AMP-Version der Seite einbinden. Wir werden das im folgenden Abschnitt behandeln.
Erweiterung der Fähigkeiten von AMP
Die Optimierung Ihrer Inhalte für die Leser ist zwar eine gute Praxis, aber es ist auch wichtig, die Markenkonsistenz zu wahren. Das bedeutet, dass selbst die AMP-Versionen Ihrer vorhandenen Inhalte dem Farbschema, den Schriftarten und der allgemeinen Benutzeroberfläche Ihrer Marke entsprechen sollten.
Das AMP-WordPress-Plugin verfügt nicht über die Möglichkeit, solche Änderungen vorzunehmen. Sein Ziel war es, eine schnelle und einfache Möglichkeit zu bieten, Ihren gesamten bestehenden WordPress-Inhalt mit AMP kompatibel zu machen – eine Aufgabe, die ziemlich gut funktioniert.
Geben Sie ein, die AMP für WP – Beschleunigte mobile Seiten Plugin.
Dieses kostenlose Plugin erweitert die Fähigkeiten von AMP in WordPress, indem es zusätzliche Funktionalitäten bietet, wie zum Beispiel:
- Google Analytics-Integration
- Unterstützung für AMP WooCommerce-Seiten
- Verwandte Beiträge unter dem Beitrag
- Liste der letzten Kommentare
- Benutzerdefinierter Logo-Upload
- Social-Sharing-Bar
- Unterstützung für das Einbetten von Rich Content, einschließlich Videos und Inhalten von Content-Plattformen wie YouTube, Instagram, Twitter, Vine usw.
Als Voraussetzung erfordert das Plugin, dass Sie das AMP-Plugin installieren und aktivieren, damit es ordnungsgemäß funktioniert. Wie üblich können Sie dieses Plugin ähnlich wie das AMP-Plugin zu Beginn dieses Beitrags installieren.
Nach der Aktivierung können Sie die verschiedenen Optionen des Plugins konfigurieren. Geh ‚rüber zu WordPress-Dashboard > AMP um auf die Einstellungen zuzugreifen.
Von den vielen Einstellungen, die das Plugin bietet, haben wir Folgendes ausprobiert:
- Kommentare aktivieren
- Verwandte Beiträge hinzufügen
- Hinzufügen einer Navigation zu nächsten/vorherigen Beiträgen
Hier ist ein Screenshot, wie die AMP-Version nach dem Speichern der Änderungen aussah:
Und hier die Leistung:
Hier ist der Screenshot der Vanilla-AMP-Seite zum Vergleich:
Die Ladezeit verringerte sich weiter um weitere 7,4 %. Es ist interessant festzustellen, dass trotz der leichten Zunahme der Seitengröße und der Anzahl der Anfragen eine Verbesserung der Gesamtleistungsbewertung (3-Punkte-Anstieg) zu verzeichnen war.
Alles in allem ist dieses Plugin hervorragend, wenn Sie ernsthaft in Richtung AMP drängen und Ihre Inhalte, Anzeigen und Analysen gut mit der Plattform funktionieren lassen.
Abschluss
Angesichts des explosionsartigen Anstiegs der Mobiltelefonnutzung in den letzten Jahren ist dies kein Möglichkeit für Online-Unternehmen, die zuerst mobil werden. Es ist ein absolute Notwendigkeit. Das Accelerated Mobile Pages-Projekt ist ein ehrgeiziger Versuch, dieses Ziel zu erreichen, und immer mehr Medienhäuser passen es schnell an.
Während es für neuere Blogs einfacher ist, AMP zu integrieren, könnten Blogs mit Tausenden von Inhaltsseiten sicherlich eine besondere Herausforderung darstellen. Der Grund ist einfach – nicht jeder befolgt beim Online-Publizieren die richtigen Standards. Organisationen entwickeln sich. Selbst die Web-Technologien, die vor fünf Jahren „heiß“ waren, sind heute obsolet. Während AMP sein Bestes versucht, auf bestehenden Webtechnologien aufzubauen, kann es mehrere Fälle geben, in denen einige Inkompatibilitäten/Fehler vorliegen. Und diese Fehler können sich negativ auf Ihre SEO-Ergebnisse auswirken.
Im Idealfall sollten Unternehmen ihre eingehenden Traffic-Quellen messen – wie viel Prozent davon kommt von einem mobilen Gerät? Wie viele davon stammen aus der mobilen Suche? Wie hoch ist die Absprungrate von mobilen Besuchern? Dies sind die Fragen, die Sie sich stellen sollten, bevor Sie AMP in Betracht ziehen.
Wenn Sie überzeugt sind, dass die Inhalte Ihrer Website technisch nach neuesten Standards aufgebaut sind, dann auf jeden Fall – setzen Sie auf AMP! Sie steigern nur Ihre SEO.
Wenn Sie jedoch wissen, dass es viele interne Fehlkonfigurationen, fehlerhafte Links und Fehler gibt, ist es am besten, diese Probleme anzugehen (und möglicherweise zu beheben), bevor Sie mit AMP fortfahren.
Was denkst du über AMP? Verwenden Sie es, um Inhalte zu konsumieren? Haben Sie es in Ihre Website integriert? Wir würden uns freuen, von Ihnen zu hören!