Wat is Google AMP? Hoe het werkt en waarom het nuttig is voor mobiele sites

AMP, of Accelerated Mobile Pages, is een open-sourceproject gemaakt door Google met als doel het vergemakkelijken van een soepelere browse-ervaring voor mobiele apparaten.

Het project belooft betere prestaties, meer betrokkenheid en minder gegevensgebruik voor zowel gebruikers als uitgevers.

Hoe werkt AMP?

In juli van dit jaar (2018) werd paginasnelheid een rangordefactor voor mobiele pagina's en AMP is hier om te voldoen aan de snelheid van uw website. AMP belooft mobiel surfen zelfs tot 85% sneller te maken.

Door een combinatie van optimalisaties en beperkingen voor HTML, JavaScript en CSS; AMP-pagina's worden bijna onmiddellijk geladen. In plaats van door de auteur geschreven JavaScript, zorgen AMP-specifieke elementen voor snelheid en compatibiliteit.

De paginasnelheid verbetert ook met prioritering boven de vouw, specifieke AMP-caches en prerendering. Bovendien voegt het gebruik van kleine bestanden en media, en enkele resourceaanvragen van de server verdere snelheidsverbeteringen toe.

De optimalisaties in AMP zorgen er ook voor dat de lay-out van uw pagina's altijd correct wordt geladen, zelfs voordat afbeeldingen en iframes (voor advertenties) worden geladen.

Dit wordt gedaan door de grootte van afbeeldingen en iframes in het HTML-document (genaamd “statische lay-out”). En in feite stopt het met het verplaatsen van inhoud naar de bronnen die ze laden.

Wat is AMP-caching?

Als u een geldige AMP-site publiceert, worden uw pagina's automatisch in de cache opgeslagen als onderdeel van het AMP-ecosysteem. De cache slaat uw AMP-documenten, lettertypen en afbeeldingen op.

Er zijn momenteel twee AMP-caches in gebruik, de AMP-cache van Google en de AMP-cache van Cloudflare. De servers van Cloudflare alleen dekken 102 locaties in 50 verschillende landen.

De cache wordt bijgewerkt telkens wanneer iemand toegang krijgt tot inhoud en de bijgewerkte inhoud wordt automatisch aan de volgende gebruiker verstrekt. Dit zorgt ervoor dat de nieuwste versie snel wordt bediend voor zoveel mogelijk mensen.

Naast het cachen van de inhoud, biedt de cacheserver ook enkele optimalisaties en aanpassingen, zoals:

• Het AMP-formaat valideren.
• Afbeeldingsafmetingen beperken om problemen met het browsergeheugen en slechte respons te voorkomen.
• Verwijdering van afbeeldingsgegevens die onzichtbaar of moeilijk te zien zijn, zoals bepaalde metagegevens.
• Afbeeldingen converteren naar kleinere en meer mobielvriendelijke afbeeldingsindelingen, zoals het converteren van afbeeldingen in GIF-, PNG- en JPEG-indeling naar WebP (wat is WebP? Introductie van Google's WebP, een sneller webalternatief voor JPEG Introductie van WebP van Google, een sneller webalternatief voor JPEG Google heeft het op zich genomen om het web sneller te maken Lees meer) in browsers die WebP ondersteunen.
• Het omzetten van afbeeldingen naar een lagere kwaliteit als de aanvraag de kop Save-Data bevat.
• Voegt ondersteuning toe voor responsief formaat afbeeldingen.
• Dient via een beveiligd kanaal (HTTPS) en gebruikt de nieuwste webprotocollen (SPDY, HTTP / 2).
• Zuivert AMP-documenten om XSS-aanvallen te voorkomen op basis van verkeerd gesloten HTML-tags, opmerkingen en meer.

Naast deze optimalisaties, zal de cache ook vele HTML-saneringsprocessen voltooien om het parseren te normaliseren.

Een volledige lijst met AMP-cache-optimalisaties is beschikbaar op de pagina's van Google Developers.

Wat zijn de werkelijke voordelen van AMP?

Snelheid is de belangrijkste attractie van AMP. En dat is de reden waarom veel uitgevers zoals Google, Facebook, Baidu, Pinterest en Twitter de technologie al hebben ingevoerd. De verbeterde snelheid voegt betrokkenheid toe en verlaagt de bouncepercentages bijna over de hele linie.

AMP is met name handig in gebieden met een lage dekking voor mobiel internet, of op drukke en trage openbare netwerken zoals luchthavens en coffeeshops. Hoe kun je Fake 'Evil Twin' vinden? Openbare wifi-netwerken Run by Hackers Hoe valse 'Evil Twin' openbare Wi-Fi op te sporen -Fi-netwerken gerund door hackers Niet elk wifi-netwerk dat u gebruikt, is veilig. Sommigen van hen kunnen zelfs nep zijn. Lees verder om meer te weten te komen over Rogue AP's en Evil Twins. Lees verder . En dat is de reden waarom content zo snel in hun apps wordt geladen wanneer regelmatig browsen traag gaat.

Onderzoek uitgevoerd in een Forrester Consulting Total Economic Impact studie (in opdracht van Google) van vorig jaar, vond dat:

“AMP leidt tot een toename van het websiteverkeer met 10% met een 2x toename van de tijd die op de pagina wordt doorgebracht. Voor e-commercewebsites die AMP gebruiken, vond de studie ook een toename van 20% in verkoopconversies in vergelijking met niet-AMP-pagina's.”

Google's Topverhalen-carrousel op mobiel gebruikt alleen de AMP-cache van Google om artikelen weer te geven, dus voor veel uitgevers moet het gebruik van AMP een automatische keuze zijn.

New York Times, eBay en AliExpress zijn goede voorbeelden om uit te checken die gebruik hebben gemaakt van AMP. Als u op inhoud van deze sites klikt (gemarkeerd met een versterkersymbool) in Google Zoeken op uw mobiel, laadt u de AMP-versie van hun pagina's.

AMP-verhalen

Een aanvulling op het AMP-ecosysteem eerder dit jaar was het AMP-verhaal. Vergelijkbaar met Snapchat-verhalen Hoe te gebruiken Snapchat: een complete beginnersgids Hoe te gebruiken Snapchat: een complete beginnersgids Snapchat is populair, maar een verrassend aantal mensen weet niet hoe het op de juiste manier moet worden gebruikt. Dit artikel zal u helpen van een beginneling in een expert te veranderen. Meer lezen, deze worden al door veel uitgevers gebruikt. Goede voorbeelden zijn het verhaal van CNN over missies die nog steeds ons zonnestelsel verkennen en de essentiële gids van Mashable voor Black Panther.

AMP Story-advertenties, een toevoeging aan de verhalenfunctie, is onlangs beschikbaar gemaakt voor alle websites die Google Ad Manager gebruiken. Dit zijn advertenties op volledig scherm die worden weergegeven in AMP-verhalen en zijn een van de vele verbeteringen die AMP veel nuttiger hebben gemaakt dan een jaar geleden.

Wat zijn de nadelen voor AMP?

Als u Google, Twitter, Pinterest, Messenger, etc. gebruikt, ziet u dat externe links worden geopend in het domein zelf, in plaats van het domein waarnaar het is gelinkt.

Hoewel de AMP-viewer de browse-ervaring voor gebruikers verbetert, kan dit een negatief effect hebben op website-eigenaren. Het neemt afstand van uw vermogen om de navigatie van bezoekers via uw site te controleren.

Hiermee kunt u uw site ontdoen van paginaweergaven en uw advertentie-inkomsten mogelijk verstoren. Er zijn zelfs enkele analyse- en trackingproblemen die moeilijk op te lossen zijn, tenzij u Google Analytics voor AMP gebruikt.

Dat gezegd hebbende, sommige lezers geven misschien de voorkeur aan de volgproblemen. Zo ja, dan is dit wat u kunt doen om erachter te komen wie u online volgt. 5 manieren om te controleren wie u online volgt 5 manieren om te controleren wie u online volgt Wilt u zien wie u online volgt? Deze websites en browserextensies laten u zien hoeveel Google, Facebook en andere advertentienetwerken uw activiteit bijhouden. Lees verder

De Top Stories-carrousel van Google op mobiele apparaten bevat alleen AMP-ready-inhoud. Dit is een belangrijk feit omdat het grootste deel van het verkeer naar alle AMP-inhoud afkomstig is van mensen die zoeken op Google.com.

Dit AMP-vriendjespolitiek stopt niet alleen bij de nieuwscarrousel. Google zal ook AMP-ingeschakelde websites bevatten die hoger zijn dan andere links, inclusief standaard mobielvriendelijke sites. Dat gezegd hebbende, AMP zelf is technisch gezien nog geen Page Rank-factor, maar de snelheidsverbeteringen zijn dat wel.

Zelfs als u uw AMP-pagina's beschikbaar maakt, zullen ze niet altijd worden gebruikt, afhankelijk van het gebruikte besturingssysteem, de apps of het gebruikte apparaat. Als u Cloudflare gebruikt, kunt u versnelde mobiele links inschakelen om AMP-inhoud van uw site op mobiele apparaten te identificeren en weer te geven, ongeacht de bron.

Cloudflare kan u ook helpen uw privacy en prestaties te verbeteren wanneer u uw mobiel gebruikt. U kunt nu Cloudflare's gebruiken 1.1.1.1 DNS op mobiel U kunt nu Cloudflare's gebruiken 1.1.1.1 DNS op mobiel Cloudflare heeft een mobiele app gelanceerd voor zijn 1.1.1.1 DNS-service. Dit is nu beschikbaar voor zowel Android als iOS. Lees verder

Visualisatie en ontwerp in AMP

We houden van ons een aantal mooie websites. Beperkingen van AMP kunnen ertoe leiden dat u een deel van de visuele aantrekkingskracht van uw sites verliest die u anders kunt behouden met behulp van responsieve websites en mobiel ontwerp.

Plug-ins in WordPress dienen bijvoorbeeld AMP door een vereenvoudigde versie van uw website aan te bieden. Deze WordPress-naar-AMP-conversieprogramma's bieden weinig visuele aantrekkingskracht en zijn een van de belangrijkste redenen waarom veel AMP-sites er hetzelfde uitzien.

Als u uw AMP-pagina's met de hand ontwerpt, in plaats van converters te gebruiken, kunt u een ontwerp krijgen dat vergelijkbaar is met traditioneel mobiel ontwerp en meer visueel aantrekkelijk.

AMP heeft nog steeds een goede oplossing en veel ontwikkelaars zijn sterk tegen het gebruik ervan omdat het hen dwingt om het Google-ecosysteem nog verder te betreden. Dit zorgt ervoor dat velen naar Google-alternatieven zoeken Vaarwel Google: de 15 beste alternatieven voor zoeken, nieuws, documenten en meer Vaarwel Google: de 15 beste alternatieven voor zoeken, nieuws, documenten en meer Wilt u overschakelen van Google naar goed? Dit zijn de beste alternatieven voor alle belangrijke Google-apps en -services. Lees verder .

Mocht u AMP-pagina's maken?

AMP biedt veel voordelen voor website-eigenaren, vooral als u dagelijks grote hoeveelheden inhoud serveert. U kunt echter veel van de problemen oplossen die een website vertragen, zoals overmatig gebruik van JavaScript, trage serverrespons en grote bestandsgroottes zonder AMP te implementeren..

Slim zijn met uw mobiele ontwerp kan uw website snel bedienen. Jenny Gove van Google heeft een geweldig artikel geschreven over What Makes a Good Mobile Site, dat het lezen waard is.

Er zijn WordPress AMP-plug-ins en Drupal AMP-plug-ins die u kunnen helpen bij het genereren van AMP-inhoud. Anders zijn de AmpProject-snelstartdocumenten een waardevolle hulpbron om uw AMP-pagina's met de hand te coderen.

De gehele AMPProject-website is feitelijk gemaakt en weergegeven in AMP, dus het is een goed voorbeeld van hoe deze pagina's in alle resoluties kunnen worden weergegeven, niet alleen op mobiele apparaten.

Hoewel mensen om veel verschillende redenen een sterke afkeer van AMP hebben, heeft Stonetemple.com 10 casestudy's bekeken om het verschil in gebruikersbetrokkenheid en conversie te zien. Ze concluderen dat, zolang de AMP-implementatie volledig is voltooid, de meeste websites, ongeacht hun niche, voordelen zullen zien.

Het komt erop neer dat u moet overwegen of uw klanten baat zullen hebben bij AMP. Afhankelijk van de services die u aanbiedt en de inhoud die u aanbiedt, worden mogelijk geen verbeteringen op mobiele pagina's toegevoegd. Met de juiste optimalisatie kunnen mobiele pagina's ook behoorlijk snel worden geladen!

AMP uitschakelen

Caching is een kernonderdeel van het AMP-ecosysteem. Als u een geldig AMP-document publiceert, wordt dit automatisch in de cacheaanbieding geplaatst. Als u uw pagina's wilt verwijderen, heeft Google een handleiding geschreven over het verwijderen van AMP-inhoud van Google Zoeken.

Als u wilt stoppen met het laden van AMP-pagina's als een gebruiker, kunt u AMP-koppelingen uitschakelen en de originele pagina's laden. Hoe Google AMP uitschakelen in Google Zoeken op Android en iPhone Google AMP uitschakelen in Google Zoeken op Android en iPhone Google AMP heeft enkele voordelen, maar als u het wilt uitschakelen, zou een van deze drie methoden voor u moeten werken. Lees meer op uw mobiel.

Meer informatie over: Google AMP, mobiel surfen, webontwerp, webontwikkeling.