GeneratePress en AMP volledig compatibel maken?

GeneratePress en AMP zijn compatibel. In dit bericht laat ik je zien hoe je GeneratePress 100% compatibel kunt maken met AMP.

Accelerated Mobile Pages (AMP) is een open source project gemaakt door Google naast Automattic. Het doel is om websites sneller te maken op mobiele telefoons.

Als de meeste van uw bezoekers van mobiel komen, heeft AMP het potentieel om uw verkeer in de loop van de tijd aanzienlijk te vergroten.

Maar als u de meeste van uw bezoekers vanaf uw desktop hebt, merkt u misschien geen significant verschil, maar het is het nog steeds waard.

GeneratePress is de snelste WordPress-thema Ik heb gezien. Je kunt mijn zien GenereerPers recensie. Het goede nieuws is dat het 100% compatibel is met AMP.

AMP implementeren op uw website/blog

De beste manier om AMP te implementeren is door gebruik te maken van de Officiële AMP-plug-in die is gebouwd en wordt onderhouden door Google zelf.

Bezoek de WordPress-map om de plug-in te installeren en te activeren. Om dit te doen, klikt u op plugins vanuit uw dashboard en klik vervolgens op Nieuw toevoegen. Eenmaal op de pagina zoekt u naar AMP. je ziet de AMP-plug-in.

Na installatie activeert u de plug-in. Klik dan op de instellingen. U ziet drie opties. Standaardmodus, Overgangsmodus of Lezermodus. De leesmodus werkt normaal. Omdat het niet afhankelijk is van uw thema om te functioneren. Maar als je een probleem hebt met het uitvoeren van GeneratePress in de overgangs- of standaardmodus, volg dan de stappen hier.

Zelfs als u een andere AMP-plug-in gebruikt, werken deze stappen.

GeneratePress en AMP volledig compatibel maken?

Volg deze stappen om GeneratePress en AMP volledig compatibel te maken:

1. Download en installeer de AMP voor GeneratePress Plugin

Er is een officiële plug-in van Tom Usborne, de ontwikkelaar en oprichter van GeneratePress. Het doel van de plug-in is om eventuele compatibiliteitsproblemen met AMP op te lossen.

De plug-in is nog niet beschikbaar in de WordPress-directory. Maar Tom vertelde het me in een email dat hij het binnenkort beschikbaar zal stellen.

Voorlopig kan dat haal de plug-in van GitHub.

Eenmaal daar, klik op Klonen of downloaden. Klik vervolgens op download zip.

Om nu naar uw WordPress-dashboard te gaan, klikt u op plug-ins en vervolgens op nieuwe toevoegen. Klik op de nieuwe pagina op upload-plug-in, selecteer vervolgens het bestand dat u zojuist hebt gedownload en installeer het.

Eenmaal geïnstalleerd, activeer het. Dat is alles.

2. Schakel AMP naar de overgangs- of standaardmodus

Ga nu opnieuw naar de AMP-plug-in-instellingen en schakel over naar de overgangs- of standaardmodus. De overgangsmodus betekent dat uw themaframework wordt gebruikt om AMP en niet-AMP weer te geven, terwijl de standaard betekent dat uw site AMP-first is.

Als uw site werkt in de AMP-overgangsmodus, werkt deze ook in de standaardmodus. Het enige verschil tussen de twee is de canonieke URL.

In de overgangsmodus moet u toevoegen versterker aan het einde van uw links inclusief homepage om toegang te krijgen tot AMP.

Maar in de standaardmodus is er geen toevoeging nodig. Uw canonieke URL's zijn amp.

Voor deze test gebruik ik de overgangsmodus om te laten zien dat het werkt. Ik gebruik liever AMP in de lezermodus omdat de meeste van mijn bezoekers van desktop komen.

3. Voer een AMP-test uit.

Na het overschakelen naar de overgangsmodus of standaard. Je zult veel fouten zien! Raak niet in paniek!

Je kunt de fouten zien die ik hieronder kreeg na het wijzigen BloggenTools naar de overgangsmodus.

Er waren 48 foutenindex.

De meeste van deze fouten zijn waarschuwingen. Sommige worden veroorzaakt door plug-ins. De waarschuwingen zijn bedoeld om u te laten weten dat de gemarkeerde items niet worden weergegeven in AMP.

Ik heb geen belangrijke waarschuwing opgemerkt die verband houdt met het thema.

Het belangrijkste probleem dat me opviel, was van mijn caching-plug-in, Breeze. Het was het toevoegen van een CSS die AMP niet gelukkig lijkt te maken. Dus ik deactiveerde Breeze en ging verder met testen.

Je kunt gebruiken Officiële AMP-testtool van Google voor testen.

Het resultaat laat zien dat AMP zonder problemen draait. Zie hieronder.

Hier is de test voor mijn startpagina.

Vervolgens heb ik een berichtpagina getest:

Uit het bovenstaande kunt u zien dat AMP en GeneratePress volledig compatibel zijn.

Gebruikelijke problemen

Als je nog steeds problemen hebt om AMP in de overgangs- of standaardmodus te laten werken, is het probleem waarschijnlijk een van je plug-ins.

De belangrijkste boosdoeners zijn waarschijnlijk caching-plug-ins of optimalisatie-plug-ins die niet AMP-compatibel zijn.