Vad är Google AMP? Hur det fungerar och varför det är användbart för mobila webbplatser

AMP eller Accelerated Mobile Pages, är ett open source-projekt som skapats av Google i syfte att underlätta en mjukare surfupplevelse för mobila enheter.

Projektet lovar högre prestanda, ökat engagemang och mindre dataanvändning som gynnar både användare och utgivare.

Hur fungerar AMP?

Page Speed ​​blev en rankningsfaktor för mobilsidor i juli i år (2018), och AMP är här för att tillfredsställa din webbplatss behov av snabbhet. Faktum är att AMP lovar att göra mobil surfning upp till 85% snabbare.

Genom en kombination av optimeringar och begränsningar för HTML, JavaScript och CSS; AMP sidor laddas nästan omedelbart. I stället för författarskriven JavaScript säkerställer AMP-specifika element hastighet och kompatibilitet.

Sidhastigheten förbättras också med överordnad prioritering, specifika AMP-cachor och prerendering. Dessutom ger användningen av små filer och media och få resursförfrågningar från servern ytterligare förbättringar av hastigheten.

Optimeringarna i AMP kommer också att se till att layouterna på dina sidor alltid laddas korrekt, även innan bilder och iframes (för annonser) laddas.

Detta görs genom att ange storleken på bilder och iframes i HTML-dokumentet (kallat “statisk layout”). Och i princip stoppar innehållet att flytta runt för att passa de resurser som de laddas.

Vad är AMP Caching?

Om du publicerar en giltig AMP-webbplats, cachas dina sidor automatiskt som en del av AMP-ekosystemet. Cacheminnet lagrar dina AMP-dokument, teckensnitt och bilder.

Det finns två AMP-cachar som används idag, Googles AMP Cache och Cloudflare AMP Cache. Cloudflares servrar täcker ensamma 102 platser i 50 olika länder.

Cacheminnet uppdateras varje gång någon får tillgång till innehåll, och det uppdaterade innehållet serveras automatiskt till nästa användare. Detta säkerställer att den senaste versionen serveras snabbt till så många som möjligt.

Förutom att cache innehållet kommer cacheservern också att ge några optimeringar och modifieringar som:

• Validerar AMP-formatet.
• Begränsa bilddimensioner för att förhindra problem med webbläsarminnet och dålig respons.
• Avlägsnande av bilddata som är osynlig eller svår att se, till exempel vissa metadata.
• Konvertera bilder till mindre och mer mobilvänliga bildformat, till exempel konvertera GIF, PNG och JPEG-format till WebP (vad är WebP? Introducera Googles webbsida, ett snabbare webbalternativ till JPEG Introducera Googles webbsida, ett snabbare webbalternativ till JPEG Google har tagit det på sig för att göra webben snabbare. Läs mer) i webbläsare som stöder WebP.
• Omvandlar bilder till lägre kvalitet om förfrågan innehåller Spara-datahuvudet.
• Lägger till stöd för bilder med svagt storlek.
• Serverar över en säker kanal (HTTPS) och använder de senaste webbprotokollen (SPDY, HTTP / 2).
• Sanitiserar AMP-dokument för att förhindra XSS-attacker baserat på felaktigt stängda HTML-taggar, kommentarer och mer.

Utöver dessa optimeringar kommer cachen också att slutföra många HTML-saneringsprocesser för att normalisera parsning.

En fullständig lista över optimeringar av AMP-cacheminnet finns på Google Developers-sidorna.

Vad är de faktiska fördelarna med AMP?

Hastighet är AMPs största attraktion. Och det är därför många utgivare som Google, Facebook, Baidu, Pinterest och Twitter redan har antagit tekniken. Den förbättrade hastigheten ökar engagemanget och sänker studsfrekvensen nästan över hela linjen.

AMP är särskilt användbar inom områden med låg mobil internet täckning eller på överbelastade och långsamma offentliga nätverk som flygplatser och kaféer. Så här gör du Spot Fake "Evil Twin" Offentliga Wi-Fi-nätverk Kör av Hackers Hur Spot Fake "Evil Twin" Public Wi -Fi-nätverk drivs av hackare Inte alla Wi-Fi-nätverk du har tillgång till är säkra. Några av dem kan till och med vara falska. Läs vidare för att lära dig om Rogue APs och Evil Twins. Läs mer . Och det är därför innehållet laddas i sina apps så fort när vanlig surfning är långsam.

Forskning gjord i en Forrester Consulting Total Economic Impact-studie (beställd av Google) förra året, fann att:

“AMP leder till en 10% ökning av webbplatsstrafiken med en 2x ökning av tiden som spenderas på sidan. För e-handelswebbplatser med hjälp av AMP fann studien också en 20% ökning av försäljningskonverteringar jämfört med icke-AMP-sidor.”

Googles främsta berättelser Carousel on mobile använder bara Googles AMP-cache för att visa artiklar, så för många förläggare som använder AMP ska det vara ett automatiskt val.

New York Times, eBay och AliExpress är bra exempel för att kolla in som har utnyttjat AMP. Om du klickar på innehåll från dessa webbplatser (markerad med en förstärkare) i Google-sökning på din mobil laddar du AMP-versionen av deras sidor.

AMP-berättelser

Ett tillägg till AMP-ekosystemet tidigare i år var AMP-berättelsen. Liknande Snapchat-berättelser Så här använder du Snapchat: En komplett nybörjarhandbok Så här använder du Snapchat: En komplett nybörjarhandbok Snapchat är populärt, men ett överraskande antal människor vet inte hur man använder det ordentligt. Den här artikeln hjälper dig att göra en nybörjare till en expert. Läs mer, dessa används redan av många utgivare. Bra exempel är CNN: s historia om uppdrag som fortfarande utforskar vårt solsystem, och Mashables viktig guide till Black Panther.

AMP Story Ads, ett tillägg till historikfunktionen, har nyligen gjorts tillgänglig för alla webbplatser som använder Google Annonshanteraren. Dessa är fullskärmsannonser som visas i AMP-historier och är en av de många förbättringarna som har gjort AMP mycket mer användbar än för ett år sedan.

Vad är nackdelarna med AMP?

Om du använder Google, Twitter, Pinterest, Messenger etc. kommer du att märka att externa länkar öppnas inom domänen i stället för domänen den är kopplad till.

Även om AMP-tittaren förbättrar webbläsarupplevelsen för användare kan det vara en negativ för webbplatsägare. Det tar bort från din makt för att kontrollera besökarens navigering via din webbplats.

Detta kan beröva din sida med sidvisningar och kan störa annonsintäkterna. Det finns även några analys- och spårningsfrågor som kan vara svåra att lösa om du inte använder Google Analytics för AMP.

Som sagt kan vissa läsare föredra spårningsvården. Om så är här är vad du kan göra för att ta reda på vem som spårar dig online. 5 sätt att kontrollera vem som spårar dig online 5 sätt att kontrollera vem som spårar dig online Vill du se vem som spårar dig online? Dessa webbplatser och webbläsartillägg visar dig hur mycket Google, Facebook och andra annonsnätverk spårar din aktivitet. Läs mer

Googles bästa berättelser Carousel på mobila enheter kommer bara att innehålla AMP-redo innehåll. Detta är ett viktigt faktum eftersom majoriteten av trafiken till allt AMP-innehåll kommer från personer som söker på Google.com.

Denna AMP-favoritism stannar inte bara vid nyhetscarusellen. Google kommer också att innehålla AMP-aktiverade webbplatser högre än andra länkar, inklusive standard mobila vänliga webbplatser. Allt som sagt är AMP själv inte tekniskt en Page Rank-faktor (ännu), men hastighetsförbättringen är.

Även om du gör dina AMP-sidor tillgängliga kommer de inte alltid att användas beroende på vilket OS, appar eller enhet som används. Om du använder Cloudflare kan du aktivera accelererade mobillänkar för att identifiera och visa AMP-innehåll från din webbplats på mobil, oavsett källan.

Cloudflare kan också hjälpa dig att förbättra din integritet och prestanda när du använder din mobil. Du kan nu använda Cloudflare 1.1.1.1 DNS på mobilen Du kan nu använda Cloudflare 1.1.1.1 DNS på Mobile Cloudflare har lanserat en mobilapp för sin 1.1.1.1 DNS-tjänst. Detta är nu tillgängligt för både Android och iOS. Läs mer

Visualisering och design i AMP

Vi älskar oss några snygga webbsidor. Men begränsningar av AMP kan göra att du förlorar några av dina webbplatser visuellt överklagande som du annars kan behålla med hjälp av Responsive websites och Mobile design.

Plugins i WordPress, till exempel, kommer att tjäna AMP genom att erbjuda en förenklad version av din webbplats. Dessa WordPress till AMP-omvandlare erbjuder väldigt lite visuellt överklagande och är en av de främsta anledningarna till att många AMP-webbplatser liknar varandra.

Om du utformar dina AMP-sidor manuellt, istället för att använda omvandlare, kan du få en design som liknar den traditionella mobildesignen och mer visuellt tilltalande.

AMP har fortfarande ett sätt att gå, och många utvecklare är starkt emot att använda det eftersom det tvingar dem att komma in i Googles ekosystem ännu längre. Detta leder till att många söker efter Google-alternativ Goda Google: De 15 bästa alternativen till sökning, nyheter, dokument och mer hejd Google: De 15 bästa alternativen till sökning, nyheter, dokument och mer Vill du byta bort från Google för Bra? Det här är de bästa alternativen för alla större Google-appar och -tjänster. Läs mer .

Ska du skapa AMP-sidor?

AMP ger många fördelar för webbägare, speciellt om du serverar höga volymer av innehåll dagligen. Men du kan lösa många av problemen som saktar en webbplats som överdriven användning av JavaScript, långsam serverrespons och stora filstorlekar utan att implementera AMP.

Att vara smart med din mobildesign kan tjäna din webbplats snabbt. Jenny Gove på Google har skrivit en bra artikel om vad som gör en bra mobil webbplats, vilket är värt att läsa.

Det finns WordPress AMP plugins och Drupal AMP plugins som kan hjälpa dig att skapa AMP-innehåll. I annat fall är AmpProject quickstart-dokumenten en värdefull resurs att använda för att handskoda dina AMP-sidor.

Hela AMPProject-webbplatsen är faktiskt skapad och gjord i AMP, så det är ett bra exempel på hur dessa sidor kan se i alla resolutioner, inte bara på mobilen.

Även om människor har en stark motvilja mot AMP av många olika skäl, har Stonetemple.com tittat på 10 fallstudier för att se skillnaden i användarengagemang och konvertering. De drar slutsatsen att så länge som genomförandet av AMP är fullständigt, kommer de flesta webbplatser, oavsett nisch, att se fördelar.

Grunden är att du bör överväga om dina kunder kommer att få några fördelar med AMP. Beroende på vilka tjänster du erbjuder och innehållet du tjänar kan det inte läggas till förbättringar via mobilsidor. Med rätt optimering kan mobilsidor ladda ganska snabbt också!

Hur inaktiverar AMP

Caching är en central del av AMP-ekosystemet, och publicering av ett giltigt AMP-dokument väljer automatiskt det i cacheförsändning. Om du vill ta bort dina sidor har Google skrivit en guide om hur du tar bort AMP-innehåll från Google Sök.

Om du vill sluta ladda AMP-sidor som användare kan du inaktivera AMP-länkar och ladda de ursprungliga sidorna istället. Så här inaktiverar du Google AMP i Google Sök på Android och iPhone Hur du inaktiverar Google AMP i Google Sök på Android och iPhone Google AMP har några fördelar, men om du vill inaktivera den, ska en av dessa tre metoder fungera för dig. Läs mer på din mobil.

Utforska mer om: Google AMP, mobilbläddring, webbdesign, webbutveckling.