Wat is Google AMP? Hoe het werkt en waarom het handig is voor mobiele sites
Advertentie
AMP, of Accelerated Mobile Pages, is een open-sourceproject gemaakt door Google met als doel een soepelere browse-ervaring voor mobiele apparaten mogelijk te maken.
Het project belooft hogere prestaties, verhoogde betrokkenheid en minder gegevensgebruik dat zowel gebruikers als uitgevers ten goede komt.
Hoe werkt AMP?
Paginasnelheid werd een rangordefactor voor mobiele pagina's in juli van dit jaar (2018), en AMP is hier om te voldoen aan de behoefte van uw website aan snelheid. AMP belooft zelfs om mobiel browsen tot 85% sneller te maken.
Door een combinatie van optimalisaties en beperkingen voor HTML, JavaScript en CSS; AMP-pagina's worden vrijwel 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 weinig bronverzoeken 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 op te geven in het HTML-document ("statische lay-out" genoemd). En zorgt er in feite voor dat inhoud niet meer beweegt zodat deze bij het laden past.
Wat is AMP Caching?
Als u een geldige AMP-site publiceert, worden uw pagina's automatisch in het cachegeheugen opgeslagen als onderdeel van het AMP-ecosysteem. In de cache worden uw AMP-documenten, lettertypen en afbeeldingen opgeslagen.
Er zijn vandaag twee AMP-caches in gebruik, Google's AMP Cache en Cloudflare's AMP Cache. De servers van Cloudflare bestrijken alleen 102 locaties in 50 verschillende landen.
De cache wordt elke keer bijgewerkt wanneer iemand toegang heeft tot inhoud en de bijgewerkte inhoud wordt automatisch aan de volgende gebruiker aangeboden. Dit zorgt ervoor dat de nieuwste versie snel aan zoveel mogelijk mensen wordt aangeboden.
Naast het cachen van de inhoud, biedt de cacheserver ook enkele optimalisaties en wijzigingen, zoals:
- Valideren van het AMP-formaat.
- Beperkende afbeeldingsafmetingen om problemen met het browsergeheugen en een slechte respons te voorkomen.
- Verwijderen van afbeeldingsgegevens die onzichtbaar of moeilijk te zien zijn, zoals bepaalde metagegevens.
- Afbeeldingen converteren naar kleinere en mobielvriendelijkere 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 Google's WebP, een sneller webalternatief voor JPEG Google heeft de taak op zich genomen om het web sneller te maken (lees meer) in browsers die WebP ondersteunen.
- Afbeeldingen transformeren naar lagere kwaliteit als het verzoek de kop Gegevens opslaan bevat.
- Voegt ondersteuning toe voor afbeeldingen met een responsieve grootte.
- Dient via een beveiligd kanaal (HTTPS) en maakt gebruik van de nieuwste webprotocollen (SPDY, HTTP / 2).
- Ruimt AMP-documenten op om XSS-aanvallen te voorkomen op basis van onjuist 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 Google Developers-pagina's.
Wat zijn de werkelijke voordelen van AMP?
Snelheid is de belangrijkste attractie van AMP. En daarom hebben veel uitgevers zoals Google, Facebook, Baidu, Pinterest en Twitter de technologie al toegepast. De verbeterde snelheid voegt betrokkenheid toe en verlaagt het bouncepercentage bijna over de hele linie.
AMP is met name handig in gebieden met een laag mobiel internetbereik of op drukke en trage openbare netwerken zoals luchthavens en coffeeshops. Fake "Evil Twin" openbare Wi-Fi-netwerken herkennen die worden gerund door hackers Fake "Evil Twin" openbare Wi-Fi herkennen -Fi-netwerken beheerd door hackers Niet elk wifi-netwerk waartoe u toegang heeft, 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 daarom wordt inhoud zo snel in hun apps geladen als regelmatig browsen traag is.
Onderzoek vorig jaar uitgevoerd in een onderzoek van Forrester Consulting Total Economic Impact (in opdracht van Google) toonde aan dat:
“AMP leidt tot een toename van 10% in websiteverkeer met een 2x toename van de tijd besteed aan pagina. Voor e-commerce websites die AMP gebruiken, werd in het onderzoek ook een toename van 20% van de verkoopconversies gevonden in vergelijking met niet-AMP-pagina's. "
De topverhalencarrousel van Google op mobiele apparaten gebruikt alleen de AMP-cache van Google om artikelen weer te geven, dus voor veel uitgevers zou het gebruik van AMP een automatische keuze moeten zijn.
New York Times, eBay en AliExpress zijn goede voorbeelden om te profiteren van AMP. Als u op inhoud van deze sites (gemarkeerd met een amp-pictogram) klikt in Google Zoeken op uw mobiel, laadt u de AMP-versie van hun pagina's.
AMP-verhalen
Een toevoeging aan het AMP-ecosysteem eerder dit jaar was het AMP-verhaal. Vergelijkbaar met Snapchat-verhalen Hoe Snapchat te gebruiken: een complete beginnershandleiding Snapchat te gebruiken: een complete beginnershandleiding Snapchat is populair, maar een verrassend aantal mensen weet niet hoe het goed te gebruiken. Dit artikel helpt je om van een beginner een expert te maken. Lees meer, deze worden al door veel uitgevers gebruikt. Goede voorbeelden zijn het verhaal van CNN over missies die ons zonnestelsel nog steeds verkennen en de essentiële gids van Mashable voor Black Panther.
AMP-verhaaladvertenties, een aanvulling op de verhalenfunctie, is onlangs beschikbaar gemaakt voor alle websites die Google Ad Manager gebruiken. Dit zijn fullscreen-advertenties die in AMP-verhalen worden weergegeven en een van de vele verbeteringen zijn die AMP veel nuttiger hebben gemaakt dan zelfs een jaar geleden.
Wat zijn de nadelen van AMP?
Als u Google, Twitter, Pinterest, Messenger, etc. gebruikt, zult u merken dat externe links worden geopend binnen het domein zelf, in plaats van het domein waaraan het is gekoppeld.
Hoewel de AMP-viewer de browse-ervaring voor gebruikers verbetert, kan dit een negatieve uitwerking hebben op website-eigenaren. Het neemt uw vermogen weg om de navigatie van bezoekers via uw site te regelen.
Dit kan uw site beroven van paginaweergaven en kan uw advertentie-inkomsten verstoren. Er zijn zelfs enkele analyse- en trackingproblemen die moeilijk op te lossen zijn, tenzij u Google Analytics voor AMP gebruikt.
Dat gezegd hebbende, kunnen sommige lezers de trackingproblemen verkiezen. Zo ja, dit is wat u kunt doen om erachter te komen wie u online volgt. 5 manieren om te controleren wie jou online volgt 5 manieren om te controleren wie jou online volgt Wil je zien wie jou online volgt? Deze websites en browserextensies laten u zien hoeveel Google, Facebook en andere advertentienetwerken uw activiteit volgen. Lees verder
De topverhalencarrousel van Google op mobiele apparaten bevat alleen inhoud die klaar is voor AMP. Dit is een belangrijk feit, aangezien het grootste deel van het verkeer naar alle AMP-inhoud afkomstig is van mensen die zoeken op Google.com.
Dit AMP-favoritisme stopt niet alleen bij de nieuwscarrousel. Google zal ook AMP-websites aanbieden die hoger zijn dan alle andere links, inclusief standaard mobielvriendelijke sites. Dat gezegd hebbende, AMP zelf is technisch gezien (nog) geen Page Rank-factor, maar de snelheidsverbeteringen wel.
Zelfs als u uw AMP-pagina's beschikbaar maakt, worden ze niet altijd gebruikt, afhankelijk van het gebruikte besturingssysteem, apps of apparaat. Als u Cloudflare gebruikt, kunt u Accelerated Mobile Links inschakelen om AMP-inhoud van uw site mobiel 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 1.1.1.1 DNS van Cloudflare gebruiken op mobiel U kunt 1.1.1.1 van Cloudflare nu gebruiken 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 een aantal mooie websites. Door de beperkingen van AMP kunt u echter sommige van uw sites visuele aantrekkingskracht verliezen die u anders kunt behouden met behulp van Responsive-websites en mobiel ontwerp.
Plug-ins in WordPress zullen bijvoorbeeld AMP bedienen door een vereenvoudigde versie van uw website aan te bieden. Deze WordPress naar AMP-converters bieden zeer 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 het traditionele mobiele ontwerp en visueel aantrekkelijker is.
AMP heeft nog een weg te gaan 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 zoeken naar Google-alternatieven 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 voor is goed? Dit zijn de beste alternatieven voor alle belangrijke Google-apps en -services. Lees verder .
Moet u AMP-pagina's maken?
AMP biedt veel voordelen voor website-eigenaren, vooral als u dagelijks grote hoeveelheden inhoud weergeeft. U kunt echter veel van de problemen die een website vertragen, zoals overmatig gebruik van JavaScript, trage serverrespons en grote bestandsgroottes oplossen zonder AMP te implementeren.
Slim zijn met uw mobiele ontwerp kan uw website snel bedienen. Jenny Gove bij 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 bron om uw AMP-pagina's handmatig te coderen.
De hele AMPProject-website is eigenlijk gemaakt en weergegeven in AMP, dus het is een goed voorbeeld van hoe deze pagina's er in alle resoluties uit kunnen zien, niet alleen op mobiel.
Hoewel mensen om veel verschillende redenen een hekel hebben aan AMP, 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 voordeel zullen halen uit AMP. Afhankelijk van de services die u aanbiedt en de inhoud die u aanbiedt, worden mogelijk geen verbeteringen toegevoegd ten opzichte van mobiele pagina's. Met de juiste optimalisatie kunnen mobiele pagina's ook behoorlijk snel laden!
Hoe AMP uit te schakelen
Caching is een kernonderdeel van het AMP-ecosysteem en door een geldig AMP-document te publiceren, wordt dit automatisch gekozen voor cachelevering. Als u uw pagina's wilt verwijderen, heeft Google een handleiding geschreven over het verwijderen van AMP-inhoud uit Google Zoeken.
Als u wilt stoppen met het laden van AMP-pagina's als gebruiker, kunt u AMP-links uitschakelen en in plaats daarvan de originele pagina's laden Hoe Google AMP in Google Search op Android en iPhone uit te schakelen Hoe Google AMP in Google Search op Android en iPhone uit te schakelen 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.
Ontdek meer over: Google AMP, Mobile Browsing, Web Design, Web Development.
