So machen Sie GeneratePress und AMP vollständig kompatibel

GeneratePress und AMP sind kompatibel. In diesem Beitrag zeige ich dir, wie du GeneratePress zu 100% mit AMP kompatibel machen kannst.

Accelerated Mobile Pages (AMP) ist ein Open-Source-Projekt, das von Google zusammen mit Automattic erstellt wurde. Ziel ist es, Websites auf Mobiltelefonen schneller zu machen.

Wenn die meisten Ihrer Besucher von Mobilgeräten kommen, hat AMP das Potenzial, Ihren Traffic im Laufe der Zeit erheblich zu steigern.

Aber wenn Sie die meisten Ihrer Besucher vom Desktop aus haben, bemerken Sie möglicherweise keinen wesentlichen Unterschied, aber es lohnt sich trotzdem.

GeneratePress ist das schnellste WordPress-Theme, das ich kenne. Meine Rezension zu GeneratePress finden Sie hier . Und das Beste: Es ist vollständig AMP-kompatibel.

Implementieren von AMP auf Ihrer Website/Ihrem Blog

Die beste Möglichkeit zur Implementierung von AMP besteht in der Verwendung des offiziellen AMP-Plugins , das von Google selbst entwickelt und gewartet wird.

Besuchen Sie das WordPress-Verzeichnis, um das Plugin zu installieren und zu aktivieren. Klicken Sie dazu in Ihrem Dashboard auf Plugins und dann auf Neu hinzufügen. Suchen Sie auf der Seite nach AMP. Sie sehen das AMP-Plugin.

Aktivieren Sie das Plugin nach der Installation. Klicken Sie dann auf die Einstellungen. Sie sehen drei Optionen. Standardmodus, Übergangsmodus oder Reader-Modus. Der Lesemodus funktioniert normal. Da es nicht auf Ihr Theme angewiesen ist, um zu funktionieren. Wenn Sie jedoch ein Problem beim Ausführen von GeneratePress im Übergangs- oder Standardmodus haben, befolgen Sie die Schritte hier.

Auch wenn Sie ein anderes AMP-Plugin verwenden, funktionieren diese Schritte.

So machen Sie GeneratePress und AMP vollständig kompatibel

Befolgen Sie diese Schritte, um GeneratePress und AMP vollständig kompatibel zu machen:

1. Laden Sie das AMP für GeneratePress-Plugin herunter und installieren Sie es

Es gibt ein offizielles Plugin von Tom Usborne, dem Entwickler und Gründer von GeneratePress. Das Ziel des Plugins ist es, Kompatibilitätsprobleme mit AMP zu beheben.

Das Plugin ist noch nicht im WordPress-Verzeichnis verfügbar. Aber Tom hat mir in einer E-Mail mitgeteilt, dass er es bald zur Verfügung stellen wird.

Aktuell können Sie das Plugin von GitHub herunterladen.

Klicken Sie dort auf Klonen oder herunterladen. Klicken Sie dann auf ZIP herunterladen.

Um nun zu Ihrem WordPress-Dashboard zu gelangen, klicken Sie auf Plugins und dann auf Neu hinzufügen. Klicken Sie auf der neuen Seite auf Upload-Plugin, wählen Sie dann die Datei aus, die Sie gerade heruntergeladen haben, und installieren Sie sie.

Aktivieren Sie es nach der Installation. Das ist alles.

2. Schalten Sie AMP in den Übergangs- oder Standardmodus

Gehen Sie nun erneut zu den AMP-Plugin-Einstellungen und wechseln Sie in den Übergangs- oder Standardmodus. Der Übergangsmodus bedeutet, dass Ihr Theme-Framework verwendet wird, um AMP und Nicht-AMP bereitzustellen, während der Standard bedeutet, dass Ihre Website AMP-First ist.

Wenn Ihre Website im AMP-Übergangsmodus funktioniert, funktioniert sie im Standardmodus. Der einzige Unterschied zwischen den beiden ist die kanonische URL.

Im Übergangsmodus müssen Sie am Ende Ihrer Links, einschließlich der Homepage, „?amp“ hinzufügen, um auf AMP zugreifen zu können.

Im Standardmodus ist jedoch kein Zusatz erforderlich. Ihre kanonischen URLs sind amp.

Für diesen Test verwende ich den Übergangsmodus, um zu zeigen, dass er funktioniert. Ich bevorzuge die Verwendung von AMP im Lesemodus, da die meisten meiner Besucher vom Desktop kommen.

3. Führen Sie den AMP-Test durch.

Nach dem Wechsel in den Übergangsmodus oder Standard. Sie werden viele Fehler sehen! Keine Panik!

Die Fehlermeldungen, die nach dem Wechsel von BloggingTools in den Übergangsmodus aufgetreten sind, können Sie unten einsehen .

Es gab 48 Fehlerindex.

Die meisten dieser Fehler sind Warnungen. Einige von ihnen werden durch Plugins verursacht. Die Warnungen sollen Sie darauf hinweisen, dass die hervorgehobenen Elemente nicht in AMP angezeigt werden.

Ich habe keine große thematische Warnung bemerkt.

Das Hauptproblem, das mir aufgefallen ist, war mein Caching-Plugin Breeze. Es wurde ein CSS hinzugefügt, das AMP nicht glücklich zu machen scheint. Also habe ich Breeze deaktiviert und weiter getestet.

Zum Testen können Sie das offizielle AMP-Testtool von Google verwenden.

Das Ergebnis zeigt, dass AMP ohne Probleme läuft. Siehe unten.

Hier ist der Test für meine Homepage.

Dann habe ich eine Beitragsseite getestet:

Aus dem Obigen können Sie sehen, dass AMP und GeneratePress vollständig kompatibel sind.

Häufige Probleme

Wenn Sie weiterhin Probleme haben, AMP im Übergangs- oder Standardmodus zum Laufen zu bringen, liegt das Problem höchstwahrscheinlich an einem Ihrer Plugins.

Die Hauptschuldigen werden wahrscheinlich Caching-Plugins oder Optimierungs-Plugins sein, die nicht AMP-kompatibel sind.