The Definitive Guide to Accelerated Mobile Pages (AMP)

Het is tijd om uw mobiele pagina ‘ s te versnellen.

toen Google de mobile-friendliness update lanceerde en het uiteindelijk een van de ranking-factoren voor mobiele zoekmachines maakte, begonnen site-eigenaren uit te kijken naar een snellere mobiele ervaring.

Het is goed om uw pagina ‘ s te optimaliseren voor mobiele gebruikers. Echter, als de mobiele browser pagina ‘ s niet snel worden geladen, dat is een hik die gebruikers kan ontmoedigen om te genieten van uw inhoud.

dus, wat is de oplossing?,

versnelde mobiele pagina ‘ s-of AMP.

snelheid is een integraal onderdeel van het ontwerpen van webpagina ‘ s. Gegevens van KISSmetrics blijkt dat ” ongeveer 40% van de mensen een webpagina die duurt meer dan 3 seconden te laden verlaten.”

bovendien, als een online shopping site is het maken van $100.000 per dag, een 1-seconde pagina vertraging zou kunnen kosten u $2,5 miljoen aan verloren verkoop per jaar.

volgens Google, de AMP plugin gesneden download tijd tussen 15% en 85%, in de eerste tests.,

In December 2015 zei Google dat versnelde mobiele pagina ‘ s een ranking factor zouden kunnen worden.

zoals verwacht begonnen webmasters, marketeers en SEO ’s te analyseren hoe het mobiele webpagina’ s kan beïnvloeden. Ze vonden verschillende gevallen wijzen op het feit dat AMP eigenlijk heeft een enorme impact op de mobiele zoekmachine rankings.

In een notendop, pagina ‘ s die geoptimaliseerd zijn voor AMP rangschikken beter en sneller en ze zetten zeker meer mobiele paginabezoekers om in klanten.,

in hun Britse Whiteboard Vrijdag, Will Critchlow en Tom Anthony, van Distilled, gaf een duidelijke uitleg van hoe de AMP plugin werkt en hoe u uw mobiele pagina ‘ s te positioneren om te profiteren van het.

Als u dieper wilt graven in AMP, en wat het voor u kan doen, als een digitale marketeer die het belang begrijpt van het bereiken van mobiele gebruikers, laat me dan het onderwerp opsplitsen.

Wat is Accelerated Mobile Pages (AMP)?

AMP moet onderdeel worden van uw mobiele content strategie.,

De AMP-plug-in is ontstaan uit een samenwerking tussen Google en Twitter.

in eenvoudige termen, Accelerated Mobile Pages is een open-source initiatief project ontworpen om snellere mobiele pagina ‘ s te optimaliseren. Het is als het nemen van een pagina die is al mobiel vriendelijk en waardoor het laden sneller, door het strippen naar beneden naar de basis.

u kunt het open source initiative platform hier bezoeken.

AMP is verder bewijs van Google ‘ s focus op gebruikers.,

wanneer Google een nieuwe update als deze uitrolt, denk je misschien dat ze alleen bezig zijn met het genereren van meer geld.

dat is uiteindelijk waar, want hoe gelukkiger de gebruikers zijn, hoe meer ze terugkeren naar Google en dat betekent meer adverteerders.

maar Google is gepassioneerd door gebruikers van mobiele zoekmachines. En dat zou jij ook moeten zijn.

Accelerated Mobile Pages (AMP) is een open source-initiatiefproject/ – platform dat uitgevers helpt de snelheid en leesbaarheid van hun mobiele inhoudspagina ‘ s te verbeteren.,

snellere mobiele pagina ‘ s + leesbare inhoud = betere gebruikerservaring

Hoe werkt de AMP Plugin?

Paul Shappiro, van Search Engine Land, legt de 3-delige structuur van AMP uit:

De AMP-Plug-In maakt uw mobiele pagina sneller, door minder HTML-codetagbeheer te gebruiken en alleen degenen te renderen die geschikt zijn voor mobiele gebruikers.,

Dit diagram en uitleg, van Will Critchlow ‘ s Whiteboard Friday, vereenvoudigen het proces:

AMP maakt uw pagina ‘ s met behulp van geoptimaliseerde HTML-code. De pagina ‘ s worden geacht sneller te laden omdat bepaalde aspecten van HTML-code tag manager die anders de pagina zouden vertragen, worden geëlimineerd.

als JavaScript is opgenomen in uw mobiele pagina ‘s, zal het script niet worden weergegeven voor uw versnelde mobiele pagina’ s.,

Hier zijn nog een paar dingen die je moet weten:

• Met AMP moet je een gestroomlijnde versie van CSS gebruiken.
• U mag alleen de JavaScript – bibliotheek gebruiken die AMP Biedt-omdat u geen controle hebt, kunt u last hebben van lui Laden. Dit is misschien wel het enige nadeel van AMP.
• om AMP-sites elke keer te laten werken, moeten ze correct gevalideerd zijn
• er zijn geen formulieren toegestaan op AMP-pluginpagina ‘ s.
• voor een betere ervaring moeten aangepaste lettertypen speciaal worden geladen.
• om eigenzinnige afbeeldingen te vermijden, moet u hoogte en breedte aangeven.,
• gebruik amp-goedgekeurde extensies Als u video ‘ s op uw pagina wilt hebben.

dus wanneer u de AMP-plugin integreert en deze gebruikt om uw mobiele pagina ‘ s te verbeteren, is snelheid en leesbaarheid belangrijker voor u, niet de mogelijkheid om te delen. Uw social share knoppen kunnen niet eens goed weer te geven, omdat de meerderheid van hen zijn ontwikkeld met behulp van JavaScript.

voordelen van versnelde mobiele pagina ‘ s

Er is een significante correlatie tussen site snelheid, paginaweergaven en mobiele zoekmachine rankings.,

een ding dat u moet onthouden is dat wanneer een bepaalde webpagina snel wordt geladen, mobiele browsergebruikers meer pagina ‘ s op de site zullen bekijken, waardoor de bounce rate wordt verminderd.

wanneer de bounce rate wordt verlaagd en de ervaring op locatie toeneemt, zal Google de pagina belonen. Het zal u niet verbazen dat AMP plugin pagina ’s hoger scoren dan niet-AMP’ s. zie de twee versies:

plugin

eerlijk gezegd zijn er veel voordelen aan het optimaliseren met de AMP plugin., Maar laten we eens kijken naar de top 5:

waanzinnig snelladende webpagina ‘ s waar gebruikers dol op zijn: snelheid is de levensader van uw mobiele browserpagina. Goede inhoud is belangrijk, maar, tenzij uw pagina ‘ s toegankelijk zijn, gebruikers zullen ze niet lezen.

Deze studie toonde aan dat een vertraging van 1 seconde in de laadtijd van de mobiele browser de conversieratio met 3,50% kan verlagen, de paginaweergaven met 9,40% kan verminderen en de bouncesnelheid met maximaal 8,30% kan verhogen.

daarom moet u uw mobiele browser pagina ‘ s waanzinnig snel maken. AMP helpt u om dat te bereiken.,

onthoud dat de manier waarop mensen inhoud consumeren (bijvoorbeeld artikelen, blogberichten, video ‘ s en podcasts) drastisch is veranderd. De snelheid waarmee inhoud wordt gepubliceerd is buitengewoon.

als uw mobiele pagina ‘ s zo traag zijn als een slak, zult u geen gerichte mobiele browsergebruikers omzetten in klanten. Maak je klaar om dramatische paginasnelheden te ervaren met AMP.

als digitale marketeer moet dit u aanzetten tot actie, om uw mobiele pagina ‘ s te verbeteren.

Google verbetert voortdurend zijn systemen., We dachten dat de vriendelijkheid van de mobiele browser de grootste update tot nu toe was, maar toen kwam het AMP-project.

en dit kan maar één ding betekenen: Google is nog niet klaar. Nieuwe mobiele zoekmachine algoritme updates, geavanceerde functies, en tools zal blijven worden ontwikkeld.

So, aan de slag. Bezoek AMPProject.org en start het versnellen van uw mobiele pagina ‘ s.

verhoogde zichtbaarheid mobiele browser voor content marketeers: Google is begonnen met het weergeven van AMP resultaten in organische lijsten. U kunt deze resultaten identificeren door de AMP symbolen, in het groen.,

Het is duidelijk dat hoe meer aandacht die uw resultaten zijn, hoe meer klikken die u krijgt.

Deze groene AMP symbolen zullen zeker leiden tot een verbeterde click-through-rate omdat deze mobiele zoekmachine resultaten opvallen van de rest.

gebruikers van mobiele zoekmachines beginnen dan specifiek te zoeken naar AMP plugin-pagina ’s omdat deze pagina’ s sneller worden geladen dan de typische mobiele pagina ‘ s.

verbeterde mobiele zoekmachine rankings: er is een sterke relatie tussen site snelheid en conversiesnelheid., Als gebruikers tevreden zijn op een snelladende site, hebben ze meer kans om zich te abonneren op een lijst of een product te kopen.

hoewel er nog veel verwacht wordt van AMP, heeft Google het nog niet tot een ranking factor gemaakt.

u weet al dat de snelheid van het laden van pagina ’s en mobiele vriendelijkheid bekende factoren zijn, maar AMP zal nauw samenwerken met mobiele pagina’ s.

daarom mag het nooit worden gebruikt als een onafhankelijke ranking factor omdat het alleen werkt op mobiele pagina ‘ s en het heeft niets te maken met de desktop versie van pages.,

Dat gezegd hebbende omdat sites die mobielvriendelijk zijn, worden beloond met een hogere ranglijst in organische mobiele zoekresultaten, zullen pagina ’s die met AMP zijn ontwikkeld hoogstwaarschijnlijk hoger scoren dan niet-AMP pagina’ s, in de mobile results pages (MRP ‘ s).

flexibele advertentieondersteuning: de meeste mensen begonnen een website of blog om geld te verdienen en mogelijk hun baan te vervangen.

kijkend naar de desktop-en mobiele browserversies van de pagina ‘ s van een site, is het gemakkelijk om te concluderen als er te veel afleiding is.,

deze afleidingen, zoals de headerafbeelding, navigatiemenu, zijbalk, sociale shareknoppen, formulieren, popups en andere onnodige elementen, kunnen uw conversieratio verlagen.

maar, met AMP, kunt u zich ontdoen van afleidingen op uw mobiele browser pagina ‘ s.

dat komt omdat niet alle HTML-codetags worden uitgevoerd, u een gestroomlijnde versie van CSS gebruikt, en JavaScript is (meestal) uitgesloten. Het is ook 6x lichter in code.

dat betekent dat u gemakkelijker geld kunt verdienen met uw advertenties.,

Als u bijvoorbeeld AMP-versies van The Guardian analyseert, weet u direct dat het is ontworpen om advertenties op een meer flexibele en gebruiksvriendelijke manier weer te geven dan de typische mobiele browserpagina.

wanneer u op een versnelde mobiele pagina klikt, wordt deze bijna onmiddellijk geladen, zelfs voordat u klaar bent met klikken.

bij het weergeven van advertenties van een derde partij op uw versnelde mobiele pagina ‘ s, zorg ervoor dat u advertenties levert die snel laden, maar ook de aandacht van de gebruiker grijpen en een immense waarde leveren.,

zoals u al weet, is deze contentmarketingbenadering de makkelijkste manier om uw invloed te vergroten, gebruikers te helpen antwoorden op hun vragen te krijgen en de ROI op advertentieuitgaven te verbeteren.,

Als u klaar bent om geld te verdienen met je AMP-geoptimaliseerde pagina ‘ s, hier zijn enkele van de meest populaire advertentie netwerken die op dit moment gebruik de AMP-advertenties functionaliteit:

• Amazon A9
• AdReactor
• Google Doubleclick
• Flite
• Adform
• Google AdSense
• AOL AdTech
• Taboola
• plista
• Smart AdServer
• Yieldmo
• DotAndAds

Gebruiker-tracking eenvoudig gemaakt: Het is niet genoeg om het verzenden van verkeer naar uw mobiele browser pagina ‘ s. Je moet ook weten hoe ze op uw site zijn gekomen.,

Tracking helpt u te bepalen waar mensen vandaan kwamen, welke pagina ‘ s ze bekeken en ga zo maar door.

het bijhouden van gebruikers en site prestaties is vrij eenvoudig op AMP omdat er analytische tools op zijn plaats, waar u uw AMP versies in meer detail kunt bestuderen.

gebruikersgedrag kan alleen worden beïnvloed als u het volgt. Met AMP kunnen uitgevers dergelijke tag manager analytics gebruiken om uit twee tags te kiezen.

deze tags helpen om automatisch essentiële gegevens bij te houden, zoals klikken/conversies, video-en linktracking, bezoekersaantallen, nieuwe vs.terugkerende bezoekers en meer.,

andere bedrijven op het gebied van technologieoplossingen, zoals WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest en, natuurlijk, Twitter, ondersteunen ook al AMP.

Optimaliseer uw pagina ’s voor AMP

versnelde mobiele pagina’ s zijn nog in ontwikkeling. Volgens AMP project ontwikkelaars, Github, “we duwen een nieuwe release van AMP naar alle AMP pagina’ s elke week op donderdag.”

Ik voorzie nieuwe mogelijkheden. Ik verwacht, bijvoorbeeld, een functie die gebruikers in staat stelt om te kiezen welke versie van een pagina te bekijken, een versterker versie of een standaard mobiele pagina.,

in beide gevallen moet u nog steeds uw webpagina ‘ s gereed maken voor AMP. Op die manier, wat er ook gebeurt, zit je in het winnende team.

Er zijn verschillende opties, wanneer u op zoek bent naar het optimaliseren van uw webpagina ‘ s voor AMP. Als je een beginner, een van de dingen die je zou kunnen doen is om ten minste twee versies van uw inhoud pagina te onderhouden.

uw oorspronkelijke inhoudspagina zou de mobiele browservriendelijke versie zijn die gebruikers zullen zien, maar u zult ook de AMP-versie van die specifieke pagina hebben, wat de zaken zeker zal versnellen.,

onthoud ook dat AMP-versies basis HTML-code bevatten, die geen formulierelementen en JavaScript van derden toestaat.

als marketeer willen we allemaal onze e-maillijst bouwen. Het nadeel aan AMP is dat het niet zal toestaan dat u om gemakkelijk te bereiken dat.

Bovendien zijn opmerkingen van gebruikers en andere activiteiten waaraan gebruikers deelnemen bij het bekijken van uw inhoud op een mobiele pagina mogelijk niet mogelijk met AMP.

ook hier ligt de nadruk op snelheid en leesbaarheid.,

aan de slag met AMP nu, als je een WordPress gebruiker, dan hoeft u alleen maar te downloaden en installeren van de WordPress plugin op GitHub.

klik gewoon op de” Download Zip ” knop.

merk op dat u de AMP plugin via uw WordPress dashboard kunt installeren, net als elke andere plugin. Het is vrij eenvoudig.

zodra u de plugin met succes hebt geïnstalleerd en geactiveerd, hoeft u alleen maar “/amp/” aan uw blogpagina ‘ s toe te voegen., Zo ziet het eruit op een mobiele browser:

en, hier is de AMP-versie van deze pagina op de Guardian:

Als u geen vriendelijke permalink hebt, kunt u dit toevoegen “?amp = 1 ” in plaats daarvan.

vergeet niet om te valideren en tweaken op Google Search Console. Op die manier kunt u Google helpen uw versterkerversies sneller op te halen.

conclusie

AMP is echt krachtig. Als een upgrade naar mobiele-vriendelijke pagina ‘ s, Het helpt u te voldoen aan de verwachtingen van Google dat u uw site te optimaliseren voor snelheid.,

in de toekomst zullen versnelde mobiele pagina ‘ s invloed hebben op veel sociale media mobiele interacties. Ik weet het zeker.

hoewel de focus nu op AMP ligt, vergeet dan niet om beproefde mobiele marketingstrategieën te gebruiken. Zo genereer je mobiele klanten naar je site en laat je bedrijf groeien.

voordat u vertrekt, heb ik een vraag voor u: hebt u uw mobiele pagina ‘ s versneld voor snelheid en leesbaarheid? Zo niet, wat houdt je dan tegen?