Wat zijn versnelde mobiele pagina’s?
Tablets en smartphones hebben inderdaad een revolutie teweeggebracht in de manier waarop mensen toegang krijgen tot informatie. Tegenwoordig consumeren mensen opmerkelijk veel informatie of nieuws via hun draagbare apparaten. Bovendien hebben uitgevers over de hele wereld hun websites geoptimaliseerd om verschillende mobiele apparaten te ondersteunen waar ze doorheen browsen. De ervaring laat echter vaak te wensen over.
Wat betekent dit? Het betekent simpelweg dat wanneer een webpagina te lang duurt om te laden, ze een lezer verliezen en hun kans om meer lezers/webgebruikers te krijgen of potentiële klanten te converteren. Deze stagiair beperkt hun mogelijkheden om inkomsten te verdienen door middel van abonnementen of advertenties. Welnu, de reden is dat een adverteerder op zo’n website moeite zal hebben om gebruikers op hun advertenties te laten letten omdat de pagina langzaam laadt. Hierdoor zullen mensen en adverteerders in het algemeen de pagina volledig verlaten.
Afgelopen oktober kondigde Google een nieuw open source-initiatief aan dat bekend staat als Accelerated Mobile Pages en waarvan wordt gezegd dat het de prestaties van een mobiele website drastisch verbetert. Wat zijn versnelde mobiele pagina’s precies? Welnu, het doel van AMP is om webpagina’s met rijke inhoud, zoals afbeeldingen, animaties en video’s, naast slimme advertenties te laten werken en direct te laden. Deze code is bedoeld om op meerdere apparaten en platforms te werken, zodat inhoud binnen een seconde overal kan verschijnen. Daarom maakt het niet uit welk type tablet, telefoon of draagbaar apparaat uw klanten zullen gebruiken.
Wat zijn versnelde mobiele pagina’s?
Accelerated Mobile Pages (afgekort als AMP) is een doordachte en innovatieve versie van een mobiele website. Het draait op een nieuwe versie van HTML-code die wordt gebruikt om een mobiele webpagina te maken. Deze nieuwe versie van HTML (ook wel bekend als AMP HTML) verwijdert elementen die ervoor kunnen zorgen dat een webpagina langzamer wordt geladen op mobiel, zoals scripts van derden en JavaScript.
Google heeft vermeld dat pagina’s die zijn gemaakt met Accelerate Mobile Page HTML 15% tot 85% sneller kunnen laden in vergelijking met de niet-AMP-versie van die pagina. Ze zijn ook doorgegaan om het uitgevers gemakkelijk te maken om aan de slag te gaan met Accelerated Mobile Pages door middel van zelfstudies, die u helpen bij het maken van een AMP-pagina.
Welnu, het feit is dat dit alles een goede toon heeft. Door er echter vanuit een geheel nieuw perspectief naar te kijken, heeft Google alle infrastructuurmarketeers, en waar adverteerders momenteel op vertrouwen, verwijderd om impactvolle merkboodschappen aan gebruikers te leveren.
Maar verlies de hoop nog niet! Er zijn veel dingen om te weten.
hoewel sommige delen van versnelde mobiele pagina’s een nieuwe benadering van adverteren op mobiele telefoons nodig hebben, zijn er weinig andere redenen waarom u zich bij AMP zou moeten registreren.
Wat maakt AMP Fast?
Google zei dat deze code is als een dieet-HTML. Het is een feit dat je bepaalde tags van HTML niet zomaar kunt gebruiken. Dit zijn zaken zoals Formulieren die nog niet uit zijn, waardoor je gedwongen wordt een gestroomlijnde versie van CSS te gebruiken. Tegelijkertijd kunt u de meeste CSS gebruiken; sommige onderdelen vallen echter onder de beste praktijken en mogen niet worden gebruikt. JavaScript van derden is in principe niet toegestaan. Dit betekent dat marketeers geen JavaScript-bibliotheken op de plank kunnen gebruiken, die u krijgt. Al deze factoren en codes zorgen ervoor dat een website langzaam laadt.
Hierdoor is dit platform puur ontworpen voor leesbaarheid en pure snelheid; dingen zoals afbeeldingen die niet worden geladen totdat ze in beeld zijn gescrold. Dit is slechts een voorproefje van dit nieuwe platform.
Hoe werkt het?
Zoals we zijn gaan leren, is dit in wezen een raamwerk voor het maken van mobiele webpagina’s. Versnelde mobiele pagina’s bestaan uit drie hoofdonderdelen:
1. AMP Content Delivery Network (CDN)
Het wordt geleverd met een optioneel CDN, dat ingeschakelde webpagina’s zal gebruiken; dan is het zwaar gecached. Dit verbetert automatisch de prestaties.
2. AMP-JavaScript (JS)
Het wordt ook geleverd met een JavaScript-framework voor mobiele pagina’s. Het beheert voornamelijk informatie of inhoud, evenals asynchroon laden. Wat betekent dit? Het betekent gewoon dat het enkele items zoals afbeeldingen en video’s pas laadt nadat je hebt gescrolld.
OPMERKING: JavaScripts van derden zijn niet acceptabel met AMP.
3. AMP-HTML
Het is HTML is de ruggengraat van dit platform. Het is de taal die enkele aangepaste tags, eigenschappen en veel beperkingen heeft. Als u echter bekend bent met reguliere HTML, zou u geen problemen moeten hebben om bestaande pagina’s aan te passen aan AMP HTML. Raadpleeg de Projectlijst van Google voor meer informatie over hoe deze codes verschillen van standaard-HTML.
Hoe u uw website kunt AMPEN?
Ten eerste is een uitgever verplicht om ten minste twee soorten inhoud te behouden die ze leveren. De eerste moet de originele versie zijn en moet op de artikelpagina staan. Dit is de pagina die gebruikers te zien krijgen. De AMP-versie van die pagina. AMP staat dingen als; formulierelement en JavaScript van derden. Dit betekent dat u in een conventionele implementatie waarschijnlijk geen opmerkingen op de pagina, leadformulieren en andere functies zult hebben die marketeers gewend zijn.
Er is een kans dat u de sjabloon van uw website moet herschrijven om de voorwaarden op te nemen. CSS in dit platform moet bijvoorbeeld de richtlijnen volgen en niet groter zijn dan 50 KB. Vanwege de laadintensiteit moeten echter alle douanelettertypen worden geladen met de AMP-lettertypeextensie. Op deze manier zal een gebruiker beter laden.
Alle multimedia moet speciaal worden behandeld. Wat betekent dit? Afbeeldingen moeten de AMP-img-extensie gebruiken. Het moet ook de juiste hoogte en breedte hebben. Welnu, de waarheid is dat wanneer u een standaardwebpagina naar een AMP-sjabloon converteert, dit inderdaad lastig voor u zal zijn; Zeker als de maat niet goed is aangebracht. Bovendien, als je geanimeerde afbeeldingen (GIF’s) hebt, moet je een aparte extensie gebruiken die bekend staat als AMP-anim.
Net als Afbeeldingen is er ook een aangepaste tag die moet worden gebruikt om lokaal gehoste video’s via HTML5 te activeren. Deze extensie staat bekend als AMP-video. Voor embedded video’s, zoals YouTube, is er een aparte extensie die bekend staat als AMP-YouTube.
Naarmate u meer leert over wat versnelde mobiele pagina’s zijn, is het belangrijk om te weten dat dit platform andere functies ondersteunt, zoals diavoorstellingen. Dit wordt mogelijk gemaakt door middel van AMP-carrousel. Image lite boxes worden mogelijk gemaakt door de AMP-image lightbox. Het is ook mogelijk om sociale-mediaplatforms zoals Pinterest, Vine, Facebook, Instagram en Twitter in te sluiten via hun eigen extensies.
Dit zijn slechts een paar dingen die dit nieuwe platform te bieden heeft. Hopelijk heeft de bovenstaande informatie uw vraag beantwoord over wat versnelde mobiele pagina’s zijn.