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 gesehen habe. Sie können meine sehen Pressespiegel generieren. Die gute Nachricht ist, dass es zu 100% mit AMP kompatibel ist.

Implementieren von AMP auf Ihrer Website/Ihrem Blog

Der beste Weg, AMP zu implementieren, ist die Nutzung der Offizielles AMP-Plugin die von Google selbst gebaut wurde und gepflegt 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.

Im Moment kannst du Holen Sie sich das Plugin von GitHub.

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 hinzufügen ?Ampere am Ende Ihrer Links, einschließlich der Startseite, um auf AMP zuzugreifen.

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!

Sie können die Fehler sehen, die ich unten nach dem Ändern erhalten habe Blogging-Tools in den Übergangsmodus.

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.

Sie können verwenden Offizielles AMP-Testtool von Google zum Testen.

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.