Weinig dingen zijn frustrerender dan een website bezoeken om te ontdekken dat het laden van de homepage lang duurt^{(homepage takes ages to load)} . Erger nog, is wanneer de afbeeldingen van slechte kwaliteit zijn en de lay-outs niet goed zijn geoptimaliseerd.

Uit een Google-onderzoek^{(Google study)} bleek zelfs dat 53 procent van de mensen sites verlaat die niet binnen drie seconden of minder worden geladen, wat leidt tot hoge bouncepercentages en lagere inkomsten.

Om deze problemen aan te pakken, heeft Google de Accelerated Mobile Pages ( AMP ) gemaakt. AMP versnelt niet alleen de laadtijd van uw site, maar het helpt u ook bij het ontwerpen van een boeiende site^{(design a compelling site)} , een opwindende mobiele ervaring en een verhoging van de gemiddelde klikfrequentie ( CTR ).

In deze handleiding leggen we uit waarom Google AMP het voorkeursformaat van Google is voor mobiele pagina's en hoe je AMP voor WordPress kunt implementeren .

Wat is Google AMP?^{(What Is Google AMP?)}

Google AMP is een raamwerk voor webcomponenten dat in oktober 2015^{(October 2015)} is gelanceerd om lichtgewicht, gebruikersvriendelijke websites te helpen maken en bouwen. Het mobiele initiatief is ontworpen om het internet te versnellen door een uitgeklede versie van uw webpagina weer te geven.

Veel grote bedrijven, waaronder WordPress , Pinterest , Washington Post en Reddit , hebben AMP geadopteerd en hebben een toename van het aantal unieke bezoekers per maand^{(increase in monthly unique visitors)} ervaren .

Wanneer uw webpagina wordt weergegeven aan mobiele gebruikers via AMP in Google , ziet deze er eenvoudig en simplistisch uit, waarmee het doel van AMP wordt bereikt : razendsnelle, dynamische ervaringen en betere bruikbaarheid.

Heeft u AMP nodig op uw WordPress-site?^{(Do You Need AMP on Your WordPress Site?)}

AMP is snel, maar het is niet de enige manier om webpagina's sneller te laten laden of de snelheid van uw site te verhogen^{(increase your site speed)} .

Er zijn veel casestudy's die de positieve impact van AMP op uitgevers, bedrijven en andere industrieën aantonen, maar er zijn ook veel mislukkingen bij casestudy's. Dit betekent dat er geen duidelijke beslissing is of AMP voor alle sites is of niet.

Wat wel klopt, is dat het succes van AMP afhangt van een aantal beslissingsfactoren. Als uw gebruikers bijvoorbeeld voornamelijk afkomstig zijn van desktopcomputers, is AMP niets voor u omdat AMP -pagina's niet worden weergegeven met uitgebreide functies op desktops en ze niet worden weergegeven vanuit de AMP-cache , zodat gebruikers mogelijk niet van deze voordelen profiteren.

De gouden regel is dat AMP voornamelijk wordt aanbevolen voor uitgevers die nieuwssites en blogs beheren. Iets anders, zoals een portfoliosite of bestemmingspagina's, heeft niet per se AMP nodig .

En als uw niet - AMP -pagina's binnen of onder de 2,5-secondennorm kunnen worden geladen, hoeft u ^(AMP)AMP waarschijnlijk niet te installeren of te onderhouden .

AMP implementeren op een WordPress-site^{(How to Implement AMP on a WordPress Site)}

Het maken van een AMP -versie van uw webpagina op WordPress lijkt misschien een taak die alleen ontwikkelaars aankunnen, maar met een beetje kennis en wat begeleiding kunt u het zelf doen.

Google heeft een workflowproces dat u begeleidt bij het bouwen van een AMP -pagina, het integreren en optimaliseren van de pagina, het instellen van het bijhouden van analyses^{(set up analytics tracking)} en het ontwerpen van de pagina voor de behoeften van uw site.

Om aan de slag te gaan, zal Google u een sjablooncode geven, die u kunt kopiëren en opslaan in een .html-extensie, en vervolgens de vereiste opmaak kunt toevoegen. Hierdoor wordt de pagina een werkbaar AMP HTML - document.

Voordat u publiceert, kunt u afbeeldingen toevoegen, de lay-out wijzigen, de pagina optimaliseren voor SEO^{(optimize the page for SEO)} , een voorbeeld bekijken en de pagina's finaliseren met behulp van de instructies in de zijbalk.

Als je wilt, kun je experimenteren met AMP op de amp.dev- startpagina voordat je het op je eigen WordPress - site uitprobeert.

Hoe Google AMP op WordPress te installeren^{(How to Install Google AMP on WordPress)}

Het handmatig instellen en installeren van Google AMP op uw WordPress- site is ingewikkeld. U kunt echter plug-ins gebruiken zoals de officiële AMP-plug-in voor WordPress^{(official AMP plugin for WordPress)} , AMP voor WP^{(AMP for WP)} of AMP WP om het proces eenvoudiger te maken.

Voor deze handleiding laten we u zien hoe u AMP instelt^(AMP) en installeert op een WordPress - site met behulp van de officiële WordPress AMP -plug-in.

Hoe de WordPress AMP-plug-in te gebruiken om AMP te installeren^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Installeer en activeer om te beginnen de WordPress AMP -plug-in op uw WordPress - site. Ga naar het WordPress- dashboard, selecteer Plugins > Add New .

1. Typ AMP -plug-^(plugin) in in het zoekvak en selecteer Nu^{(Install Now)} installeren om de plug-in te installeren.

Opmerking^(Note) : als u WordPress.com gebruikt , moet u upgraden naar het Business -abonnement om ^(Business)eventuele plug-ins^{(install any plugins)} te installeren .

1. Ga naar Plug- Plugins > Installed Plugins , zoek AMP en selecteer de link Activeren om de ^{(Activate )}AMP -plug-in te activeren en deze op uw site te laten werken.

1. Nadat u de plug-in heeft geactiveerd, past u de instellingen aan om de AMP - pagina's aan te passen. Om de plug-in te configureren, ga je naar AMP > Settings en gebruik je de wizard om je AMP -pagina-instellingen te configureren.

1. Selecteer de knop Publiceren^{(Publish )} als u klaar bent met het aanpassen van de instellingen. Uw site is niet zichtbaar voor uw bezoekers of vindbaar door Google , maar u kunt kiezen of u de pagina's, berichten of beide wilt weergeven op uw AMP- site. Ga hiervoor naar AMP > Settings > Advanced Settings, en schakel het selectievakje Ondersteunde sjablonen^{(Supported Templates)} uit om meer opties te krijgen.

1. Selecteer de gewenste opties^(options) en selecteer vervolgens Wijzigingen opslaan^{(Save Changes)} .

1. Je kunt Yoast SEO ook integreren in je AMP - configuratie door naar Plugins > Add New te gaan en vervolgens te zoeken naar Yoast SEO & AMP . 
2. Selecteer Nu installeren^{(Install Now)} en activeer^(Activate) de plug-in. Eenmaal geactiveerd, ga je naar SEO en selecteer je AMP om verdere aanpassingsopties voor je pagina te krijgen, en selecteer vervolgens Wijzigingen opslaan^{(Save Changes)} . 
3. Voordat u publiceert, kunt u een voorbeeld van uw AMP - site bekijken door amp toe te voegen aan het einde van een bericht of pagina- URL die u wilt. U kunt bijvoorbeeld naar https://yourwebsite.com/blog-post-title/amp/ gaan

Hoe WordPress AMP te valideren^{(How to Validate WordPress AMP)}

Nu AMP op uw WordPress -site is geïnstalleerd, is de volgende stap om te testen of het correct werkt. Niet alleen dat, maar validatie zorgt er ook voor dat ondersteunde platforms toegang hebben tot en linken naar uw site, en u kunt AMP- fouten vinden voor het oplossen van problemen^{(errors for troubleshooting)} .

U kunt WordPress AMP^{(WordPress AMP)} handmatig valideren of de AMP-testtool van Google gebruiken^{(Google’s AMP Testing tool)} .

Hoe WordPress AMP handmatig te valideren^{(How to Validate WordPress AMP Manually)}

1. Open hiervoor een AMP -pagina en voeg #development=1 toe aan het einde van de URL voor de webpagina die u valideert.

1. Ga naar uw browser en open de console voor ontwikkelaarstools^{(developer tools console)} . Als u Firefox gebruikt , selecteert u het menu > Web Developer > Web Console . Als er fouten op de AMP -pagina staan, worden deze rood gemarkeerd.

Validatiefouten kunnen worden veroorzaakt door onjuiste code, ongeldige voorvoegsels of niet-toegestane tags, maar naast de fout ziet u een verklaring van de oorzaken.

Hoe WordPress AMP te valideren met de AMP-testtool van Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Open de Google AMP-testtoolpagina^{(Google AMP Testing tool)} , voer de URL van uw site, bericht of pagina in en selecteer vervolgens Test-URL . U kunt ook de code van de site plakken en URL testen^{(Test URL)} selecteren .

1. De Googlebot analyseert uw site en indien geldig, ziet u een voorbeeld van hoe uw AMP- pagina's op Google SERP^{(Google SERPs)} 's kunnen verschijnen .

Met de Google AMP^{(Google AMP Testing)} - testtool kunt u AMP -fouten identificeren en de probleemveroorzakende code op uw site bekijken. U kunt ook de Share -knop selecteren om de analyse met uw collega's te delen.

U kunt ook de Google AMP Validator -tool gebruiken om ervoor te zorgen dat uw code valideert, of de Chrome AMP-extensie^{(Chrome AMP extension)} gebruiken , die ook de pagina's valideert en eventuele waarschuwingen of fouten weergeeft.

Verbeter uw WordPress-site^{(AMP up Your WordPress Site)}

Google AMP is een grote verandering voor elke site, vooral als je al veel mobiel verkeer hebt. Als u een site met nieuwsinhoud heeft, kan het zinvol zijn om AMP meteen te installeren, maar voor andere bedrijven kan dit uw conversies schaden als u het bij het verkeerde eind heeft.

We raden u aan AMP^(AMP) te testen op een paar pagina's met veel verkeer om te zien of u positieve of negatieve resultaten krijgt voordat u besluit het op uw hele site te gebruiken.

Heb je AMP^(AMP) op je WordPress- site geprobeerd ? Heb je nog andere tips over het gebruik van AMP voor WordPress ? Deel met ons in de reacties.

What Is AMP for WordPress and How To Install It

Few things are more fruѕtrating than visiting a website only to find that itѕ homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Hoe een WordPress-site van de ene host naar de andere te verplaatsen

• Hoe WordPress te installeren en in te stellen op Microsoft Azure

• Supersnel WordPress draaien op Microsoft Azure

• Hoe privacy in WordPress te configureren en waarom het belangrijk is

• Hoe installeer ik WordPress op Google Cloud Platform

• Hoe te controleren of een website is verbannen uit AdSense

• Verbroken links volgen met Google Webmaster Tool

• Hoe u een WordPress-site kunt versnellen met .HTACCESS

• Wix versus WordPress: wat is het beste voor het maken van uw website?

• Hoe alle sporen van een WordPress-plug-in te verwijderen

• Hoe over te stappen van de klassieke WordPress-editor naar Gutenberg?

• Hoe WordPress handmatig op een domein in te stellen

• Moet WordPress Yoast SEO-instellingen 2022 hebben

• Squarespace versus WordPress: wat is het betere siteplatform?

• WordPress Gutenberg-zelfstudie: hoe de nieuwe editor te gebruiken

• 11 Beste WordPress Podcast-plug-ins

• Een WordPress-site versnellen in 11 stappen

• De 3 beste SEO-plug-ins voor WordPress

• Hoe u uw WordPress-beheerderslogin kunt vinden

• Een Wix-blog bouwen dat net zo goed is als WordPress