GeneratePress en AMP volledig compatibel maken?

AMP kan uw site snel maken op mobiel. Als je problemen hebt om AMP te laten werken in de overgangs- of standaardmodus met behulp van het GeneratePress-thema, dan is dit hoe ik het probleem heb opgelost.

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 dat samen met Automattic door Google is gemaakt. 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 het snelste WordPress-thema dat 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. Klik hiervoor op plug-ins in uw dashboard en klik vervolgens op Nieuw toevoegen. Zoek op de pagina naar AMP. u zult de AMP-plug-in zien.

Officiële 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 me in een e-mail 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.

AMP maakt fouten GeneratePress
AMP-fouten GeneratePress

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 probleemloos draait. Zie onder.

Hier is de test voor mijn startpagina.

GenereerDruk op AMP-thuistest

Vervolgens heb ik een berichtpagina getest:

GenereerDruk op AMP-test

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.

Mfon Abel Ekene

Mfon Abel Ekene

Ik geniet ervan om inhoud te maken die nuttig is. Mijn passie is om de internetbevolking te helpen vinden wat ze nodig hebben door ze in de goede richting te wijzen. Het is wat ik graag doe en ik heb vele uren aan onderzoek en testen besteed om ervoor te zorgen dat ik dat doe via mijn inhoud op TargetTrend.

Artikelen: 50

Technische spullen ontvangen

Tech trends, startup trends, reviews, online inkomsten, webtools en marketing een of twee keer per maand

3 reacties

  1. Bedankt voor het delen hiervan, want Generate Press amp-compatibiliteit is nog niet gepubliceerd in de Wordpress Plugin directory. Ik kon mijn website kasperkamperman.com AMP proof maken.

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *