AMP-pagina’s vereenvoudigen je leven

AMP Pages. Steeds meer mensen gebruiken hun mobiele apparaten om sites te bekijken en op internet te zoeken. Er zijn hele nieuwe industrieën ontstaan voor het maken van producten voor mobiele apparaten, zoals mobiele toepassingen, diverse gadgets en andere technologieën. En het totale verkeer van smartphones en tablets heeft het desktopverkeer van computers en laptops al overtroffen.

Volgens de statistieken van Google en Facebook zijn er echter veel gebruikers in de wereld waar mobiel internet niet zo snel is (bijv. 3G, GPRS). Daarom zijn deze twee giganten begonnen met maatregelen om een “betere ervaring” te bieden aan gebruikers met langzame internetverbindingen. De meeste mensen, vooral buiten de top 10, maken nog steeds geen gebruik van snelle 4G, LTE of Wi-Fi-netwerken. Zo lanceerde Google een open AMP-project voor mobiele apparaten met trage internettoegang. Het is zo dat websites steeds complexer en “zwaarder” worden, en er is een trend – een steeds grotere hoeveelheid content voor mobiele apparaten. In augustus 2016 waren er al meer dan 150 miljoen AMP-documenten in de Google Search Index, en dit aantal groeide elke week met 4 miljoen.

Wat is AMP?

Accelerated Mobile Pages, of eenvoudig gezegd AMP, is voornamelijk HTML met extensies en enkele aangepaste pagina-elementen/blokken voor mobiele sites. Er zijn bepaalde tags die je kunt gebruiken bij het ontwikkelen van websites en andere die je niet kunt gebruiken. Zo wordt bijvoorbeeld de IMG-tag (afbeelding) AMP-IMG. Ook al legt het bepaalde beperkingen op aan ontwikkelaars, het is goed voor de snelheid en de promotie van websites (helpt bij SEO). Verschillende Java-scripts kunnen niet worden gebruikt om AMP-pagina’s te ondersteunen. Maar het goede nieuws is dat je CSS3 zonder beperkingen kunt gebruiken. 

AMP HTML-documenten kunnen ook worden gebruikt voor de ontwikkeling van websites. Dus als je niet apart 2 versies van de site wilt ontwikkelen, kun je hem gewoon bouwen op basis van AMP-HTML en alleen deze versie uploaden naar de webserver. Sommige deskundigen stellen echter voor beide te maken voor een betere compatibiliteit. De zoekmachine Google promoot deze technologie. Het is ontworpen om het mobiele internet te versnellen. Hier zie je twee belangrijke principes:

1. AMP-documenten zijn zo licht mogelijk: ze bevatten geen zware scripts of complexe code (je kunt hier een voorbeeld zien). Dat wil zeggen, de aanmaakregels zijn uiterst strikt.
. .
2. Accelerated Mobile Pages worden opgeslagen in een speciale cache van Google.

Inderdaad, als je vanuit de Google zoekresultaten gaat, is de download direct. Gewoon de AMP URL intikken maakt het laden iets langzamer, maar sneller dan de belangrijkste mobiele versie.

Wie zou geïnteresseerd kunnen zijn?

AMP-technologie wordt veel gebruikt door nieuwssites, blogs, vlogs en andere informatiebronnen met veel pagina’s met template-inhoud. De lijst is niet beperkt: op AMP; kun je voor elke site zowel een landingspagina als een mobiele versie maken, inclusief een online catalogus met volwaardige productpagina’s.

Surfers kunnen AMP op twee fundamenteel verschillende manieren gebruiken. Bij de eerste worden gegevens van de server van de site-eigenaar overgebracht naar de computer van de bezoeker en wordt een versnelde versie van de pagina weergegeven in de browser. Op een site met AMP kunt u bijvoorbeeld instellen dat alle mobiele gebruikers automatisch naar versnelde pagina’s worden doorgestuurd. Een bezoeker kan naar AMP gaan via een link met een mobiel apparaat of het / amp/suffix toevoegen aan de URL in de adresbalk van de browser op een vaste pc.

De tweede methode omvat het bekijken van de gecachete versie van AMP van een Google-server. De grootste zoekmachine ter wereld toont links naar versnelde pagina’s in een carrouselformaat in de SERP (search engine results page). Bij het bekijken van de pagina gaat de gebruiker niet naar de site, maar bekijkt de inhoud vanuit de SERP.

AMP voor online winkels

Bedenk dat AMP’s alleen niet bedoeld zijn voor online handel. Maar ze zijn ontworpen om potentiële kopers aan te trekken.

Als een bezoeker besluit een aankoop te doen, dan zal hij de bestelling afronden op de mobiele versie van de site of op de aangepaste desktop, afhankelijk van hoe je site is geconfigureerd.

Bedenk dat AMP vooral nuttig is voor gebruikers die een traag en onstabiel internet hebben. Bijgevolg moet de mobiele versie van de site ook licht en snel zijn; anders kan de bezoeker “afbreken” en de aankoop afsluiten voor een deal.

De AMP-ontwikkelaars stellen dat online winkels versnelde pagina’s kunnen en moeten gebruiken. Het belangrijkste argument voor de invoering van de technologie op e-commercebronnen is dat het verhogen van de laadsnelheid van mobiele pagina’s de conversie positief beïnvloedt. Overigens experimenteert eBay al sinds medio 2016 met AMP.

Waarom blogs en uitgevers AMP zouden moeten inschakelen

Omdat het lezen van traag ladende pagina’s onrealistisch frustrerend is voor gebruikers, verliezen uitgevers de kans om geld te verdienen aan advertenties. AMP-technologie helpt om de bezoeker langer op de site te houden, wat mogelijk bijdraagt aan een toename van het aantal klikken op advertenties.

AMP-pagina’s verschijnen met een bliksemschichtpictogram om ze te onderscheiden van de normale inhoud. Iemand die hierop klikt, wordt direct naar de AMP-pagina’s gebracht die met de AMP-browser worden geopend. Ook is de inhoud meteen beschikbaar in Google search en op platforms als Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel en Pinterest.

Meer nog, uitgevers krijgen toegang tot Google Analytics om de prestaties van hun pagina’s te volgen. Ze kunnen de beste inhoud van AMP gebruiken om de prestaties van de site te optimaliseren en de gebruikerservaring te verbeteren.

In het kort over de AMP-functionaliteit

Bij het bouwen van sites is het al lang niet meer nodig om sliders, modale vensters en andere rotzooi te herprogrammeren, daar zijn al lang zogenaamde jQuery-bibliotheken voor uitgevonden. Die. De layout designer schrijft de code niet vanaf nul, maar neemt een kant-en-klare (net het geval dat “alles al voor ons gestolen is”) en past die aan voor een specifieke site. Met AMP werkt alles op vrijwel dezelfde manier, met een paar verschillen:

# 1 – voor AMP blijft alleen de code over die geschikt is voor het snel laden van inhoud. Foto’s mogen bijvoorbeeld niet meteen worden geladen, maar verder, als de gebruiker naar beneden scrolt op de pagina. Dit omvat ook modale vensters, schuifbalken en andere “lichtheid”.

# 2 – alleen asynchrone scripts worden gebruikt, d.w.z. alles weer voor het snelste laden.

# 3 – de code is zo geschreven dat de AMP-pagina op elk mobiel apparaat even goed wordt weergegeven.

Al deze 3 verschillen zijn vooral bedoeld om browsers de pagina zo snel mogelijk te laten renderen. De functionaliteit van de pagina is echter nogal sterk beperkt. Wil je wat van je scripts invoegen? Vergeet het maar, want zelfs de lijst met geldige HTML-tags is beperkt.

Pros van AMP-technologie

Veel gebruikers denken nog na over het al dan niet toepassen van de optie. Grote bedrijven begrijpen echter dat het meer verkeer en gemak oplevert. Laten we eens kijken waarom het winstgevend is:

1. Dit is natuurlijk de laadsnelheid van de inhoud. De tekst wordt bijna onmiddellijk geladen; daarna worden de afbeeldingen geladen (bovendien worden ze niet geladen als je er niet naartoe scrollt).
. .
2. AMP-pagina’s in zoekresultaten worden gemarkeerd met een speciale bliksemschicht, waardoor uw bron zich kan onderscheiden van de rest. Gaandeweg zullen gebruikers leren dat dit pictogram duidt op het snel laden van content.
.
3. Accelerated Mobile Pages kunnen worden opgenomen in speciale Google carrousels.
4. Grote zoekmachines zetten in op het mobiele web. Dit komt door het gestaag stijgende percentage verkopen van goederen vanaf mobiele apparaten. Mensen gebruiken ze om te winkelen terwijl ze in de rij staan en op reis zijn. Veel voorspellingen wijzen op een verdere toename van het belang van het mobiele internet.

Dit alles heeft een positief effect op de loyaliteit van bezoekers en gedragsmetingen. Het belangrijkste voordeel van versnelde pagina’s is dus de hoge laadsnelheid. Het verbetert de gebruikerservaring en kan indirect de positie van sites in de Google SERP beïnvloeden. Bronnen kunnen ook extra views krijgen dankzij de AMP carrousel.

Fouten van Accelerated Mobile Pages

Laten we nu de onderste steen boven halen en uitzoeken of het nu nodig is om deze technologie in te voeren voor een gemiddeld project? We zullen middelen bekijken die gebaseerd zijn op WordPress, een van de populairste CMS’en:

1. De gemiddelde webmaster moet niet alleen de vraag van de bezoeker beantwoorden, maar ook geld verdienen aan advertenties. Je kunt alleen Google Adsense advertentie-eenheden toevoegen aan Accelerated Mobile Pages – leuk, maar verre van universeel.
. .
2. Om duplicaten bij de implementatie van AMP te voorkomen, moet je op de volgende zaken letten:
   • nieuwe pagina’s moeten rel hebben die canoniek is aan de hoofd-URL’s;
   • ze moeten niet verschijnen in de sitemap.

Maar zelfs als alles zo voor u gaat, is het geen feit dat zoekmachines geen duplicaten maken zonder uw wens. 

1. AMP is niet geschikt voor alle soorten pagina’s. De technologie is alleen ontworpen voor inhoudelijke documenten: teksten, afbeeldingen. Bestaat uw project niet alleen uit artikelen/nieuws, dan kan de overgang tussen versies van de site de gebruiker misleiden (u zult maximale gelijkenis in vormgeving moeten bereiken).
. .
2. Hoewel dergelijke versnelde pagina’s opvallen in SERP’s, zei Google-woordvoerder Harry Illes dat AMP niet meetelt in de rankingformule. Hij merkte op dat het geen feit is dat het altijd doorgaat.
. .
3. Eerst moet je een responsive design of een mobiele versie van de site maken. Dan is het een versnelde versie voor Google. Als de capaciteiten van een groot project u in staat stellen om aparte versies van de bron te maken en deze te controleren, dan wordt het voor de gemiddelde webmaster veel moeilijker om dit te doen.

Voor een hoge laadsnelheid moet je betalen voor de functionaliteit en het uiterlijk van de pagina’s. Opgemerkt moet worden dat de meeste tekortkomingen geheel of gedeeltelijk kunnen worden weggewerkt. AMP blijft echter altijd een vereenvoudigde of zelfs ingekorte versie van de basispagina van de site.

Monetiseren van AMP-pagina’s

Deze paragraaf zal interessant zijn voor alle eigenaren van informatiesites, omdat hun sites in de regel ofwel uitsluitend via contextuele reclame of hoofdzakelijk via reclame te gelde worden gemaakt (de sleutelwoorden hier zijn “uitsluitend” en “hoofdzakelijk”). Dus, welke advertentienetwerken kunt u gebruiken om geld te verdienen met AMP:

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Er zijn genoeg advertentieplatforms voor AMP monetisatie, wat een groot pluspunt is voor bloggers en nieuwssites.

Gebruiken of niet gebruiken?

Wij raden het gebruik van de technologie aan omdat:

1. Versnelde pagina’s zijn bijna 30 keer sneller dan gewone pagina’s. In een tijdperk waarin 63% van de internetgebruikers toegang heeft vanaf mobiele apparaten, zal een dergelijke stap helpen om een voorsprong te nemen in de strijd tegen concurrenten.
. .
2. Het is ook noodzakelijk om rekening te houden met de eigenaardigheden van Google ranking – de zoekmachine richt zich op mobiele versies. In de SERP staan de desktopversies eronder.
. .
3. Het snelle formaat verbetert gedragsfactoren en geeft wat ranking voordeel. En dit verhoogt de bezoekersstroom en uiteindelijk de winst.
.
4. Reactieve parameters zijn niet alleen handig voor informatieve, maar ook voor commerciële projecten. Als een bron snel laadt, heeft het voor een bezoeker geen zin om naar een concurrent te gaan.
. .
5. Voor een site met een CMS zijn speciale plugins ontwikkeld waarmee je ook zonder speciale kennis AMP-pagina’s kunt implementeren.

Als u een contentproject hebt dat wordt aangedreven door WordPress, kunnen versnellende pagina’s snel en goedkoop worden geïmplementeerd. U bent een minuut bezig met het installeren van de basisplugin en een half uur met het installeren en configureren van de aanvullende plugin. Er is ook een gratis oplossing voor sites die worden aangedreven door Drupal die snel kan worden geïnstalleerd en geconfigureerd.