Vad är Google AMP? Hur det fungerar och varför det är användbart för mobila webbplatser
Annons
AMP, eller Accelerated Mobile Pages, är ett öppen källkodsprojekt skapat av Google med syftet att underlätta en smidigare 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?
Sidhastighet blev en rankingfaktor för mobilsidor i juli i år (2018), och AMP är här för att tillfredsställa din webbplats behov av snabbhet. Faktum är att AMP lovar att göra mobilsurfning 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 prioritering ovanför mitten, specifika AMP-cachemaskiner och förhandsvisning. Användningen av små filer och media och få resursförfrågningar från servern ger dessutom ytterligare hastighetsförbättringar.
Optimeringarna i AMP kommer också att se till att sidans layout 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 (kallad ”statisk layout”). Och stoppar i princip innehållet rör sig runt för att passa resurserna när de laddas.
Vad är AMP-caching?
Om du publicerar en giltig AMP-webbplats cachas dina sidor automatiskt som en del av AMP-ekosystemet. Cachen lagrar dina AMP-dokument, teckensnitt och bilder.
Det finns två AMP-cachar som används idag, Googles AMP-cache och Cloudflares AMP-cache. Cloudflares servrar enbart täcker 102 platser i 50 olika länder.
Cachen uppdateras varje gång någon öppnar 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 människor som möjligt.
Utöver cachning av innehållet kommer cachservern också att tillhandahålla några optimeringar och modifieringar som:
- Validerar AMP-formatet.
- Begränsa bilddimensioner för att förhindra problem med webbläsarminnet och dålig lyhördhet.
- Borttagning av bilddata som är osynliga eller svåra att se, till exempel vissa metadata.
- Konvertera bilder till mindre och mer mobilvänliga bildformat, till exempel konvertering av GIF-, PNG- och JPEG-format till WebP (vad är WebP? Introduktion av Googles WebP, ett snabbare webbalternativ till JPEG Introduktion av Googles WebP, ett snabbare webbalternativ till JPEG Google har tagit på sig att göra webben snabbare. Läs mer) i webbläsare som stöder WebP.
- Omvandla bilder till lägre kvalitet om begäran innehåller Save-Data-rubriken.
- Lägger till stöd för bilder med responsstorlek.
- Serverar via 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 parsing.
En fullständig lista över AMP-cacheoptimeringar finns på Google Developers-sidorna.
Vilka är de faktiska fördelarna med AMP?
Hastighet är AMP: s huvudattraktion. Och det är därför många utgivare som Google, Facebook, Baidu, Pinterest och Twitter redan har använt tekniken. Den förbättrade hastigheten ökar engagemanget och sänker avvisningsfrekvensen nästan över hela linjen.
AMP är särskilt användbart i områden med låg mobiltäckning eller på överbelastade och långsamma offentliga nätverk som flygplatser och kaféer. Hur man hittar falska "onda tvillingar" offentliga Wi-Fi-nätverk som drivs av hackare Hur man upptäcker falska "onda tvilling" Public Wi -FI-nätverk drivs av hackare Inte varje Wi-Fi-nätverk som du har tillgång till är säkert. Vissa 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 appar så snabbt när den vanliga surfningen går långsamt.
Forskning som gjordes i en Forrester Consulting Total Economic Impact-studie (beställd av Google) förra året, fann att:
”AMP leder till en ökning med 10% i webbplatstrafiken med en 2x ökning av tiden på sidan. För e-handelswebbplatser som använder AMP fann studien också en 20% ökning av försäljningskonverteringar jämfört med icke-AMP-sidor. ”
Googles Top Stories Carousel på mobil använder bara Googles AMP-cache för att visa artiklar, så för många utgivare bör användning av AMP vara ett automatiskt val.
New York Times, eBay och AliExpress är bra exempel på att kolla in vilka som har utnyttjat AMP. Om du klickar på innehåll från dessa webbplatser (markerat med en förstärkningsikon) i Googles 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-historien. Liknar Snapchat-berättelser Hur man använder Snapchat: En komplett nybörjarguide Hur man använder Snapchat: En komplett nybörjarguide 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 dig från en nybörjare till en expert. Läs mer, dessa används redan av många förlag. Bra exempel inkluderar CNN: s berättelse om uppdrag som fortfarande utforskar vårt solsystem och Mashables viktiga guide till Black Panther.
AMP Story Ads, ett tillägg till berättningsfunktionen, gjordes nyligen tillgänglig för alla webbplatser som använder Google Ad Manager. Det här är fullskärmsannonser som visas i AMP-berättelser och är en av de många förbättringar 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 osv. Kommer du att märka att externa länkar kommer att öppnas inom själva domänen i stället för den domän som den är länkad till.
Även om AMP-visaren förbättrar surfupplevelsen för användare kan det vara negativt för webbplatsägare. Det tar bort från din makt att kontrollera besökarens navigering genom din webbplats.
Detta kan beröva din webbplats med sidvisningar och kan störa dina annonsintäkter. Det finns till och med några analys- och spårningsproblem som kan vara svåra att lösa om du inte använder Google Analytics för AMP.
Som sagt, vissa läsare kanske föredrar spårningssvårigheterna. I så fall är det här 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 som spårar din aktivitet. Läs mer
Googles Top Stories-karusell på mobila enheter innehåller bara AMP-klara 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 nyhetskarusellen. Google kommer också att innehålla AMP-aktiverade webbplatser högre än andra länkar, inklusive vanliga mobilvänliga webbplatser. Allt som sagt, AMP i sig är inte tekniskt en Page Rank-faktor (ännu), men hastighetsförbättringarna är.
Även om du gör dina AMP-sidor tillgängliga kommer de inte alltid att användas beroende på operativsystem, appar eller enhet som används. Om du använder Cloudflare kan du aktivera Accelerated Mobile Links för att identifiera och visa AMP-innehåll från din webbplats på mobil, oavsett källa.
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 Cloudflares 1.1.1.1 DNS på mobil Du kan nu använda Cloudflares 1.1.1.1 DNS på mobil 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 själva några snygga webbplatser. Emellertid kan begränsningar av AMP göra att du förlorar en del av dina visuella överklaganden på webbplatser som du annars kan behålla med Responsive webbplatser och mobil 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 mycket lite visuellt tilltal och är en av de främsta orsakerna till att många AMP-webbplatser ser liknande ut.
Om du designer dina AMP-sidor för hand, snarare än att använda konverterare, kan du få en design som liknar traditionell mobildesign 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 gå in i Googles ekosystem ännu längre. Detta gör att många söker efter Google-alternativ Goodbye Google: De 15 bästa alternativen att söka, nyheter, dokument och mer Goodbye Google: De 15 bästa alternativen för att söka, nyheter, dokument och mer Vill du byta bort från Google för Bra? Dessa ä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 webbplatsägare, särskilt om du serverar stora mängder innehåll dagligen. Du kan dock lösa många av de problem som bromsar en webbplats som överdriven användning av JavaScript, långsamt 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 What Makes a Good Mobile Site, vilket är värt att läsa.
Det finns WordPress AMP-plugins och Drupal AMP-plugins som kan hjälpa dig att generera AMP-innehåll. Annars är AmpProject-snabbstartdokument en värdefull resurs att använda för att handkoda dina AMP-sidor.
Hela AMPProject-webbplatsen skapas och återges i AMP, så det är ett bra exempel på hur dessa sidor kan se ut i alla upplösningar, inte bara på mobil.
Trots att människor har en stark ogillar av 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 AMP-implementeringen görs fullständigt kommer de flesta webbplatser, oavsett deras nisch, att få fördelar.
Sammanfattningen är att du bör överväga om dina kunder kommer att få några fördelar med AMP. Beroende på de tjänster du erbjuder och det innehåll du tillhandahåller kanske det inte lägger till förbättringar över mobilsidor. Med korrekt optimering kan mobilsidor laddas ganska snabbt också!
Hur du avaktiverar AMP
Caching är en kärna del av AMP-ekosystemet och publicering av ett giltigt AMP-dokument väljer automatiskt det till cache-leverans. Om du vill ta bort dina sidor har Google skrivit en guide för hur du tar bort AMP-innehåll från Google Search.
Om du vill sluta ladda AMP-sidor som användare kan du inaktivera AMP-länkar och ladda originalsidorna istället. Så här inaktiverar du Google AMP i Google-sökning på Android och iPhone. Så här inaktiverar du Google AMP i Google-sökning på Android och iPhone. Google AMP har vissa fördelar, men om du vill inaktivera det, bör en av dessa tre metoder fungera för dig. Läs mer på din mobil.
Utforska mer om: Google AMP, mobil surfning, webbdesign, webbutveckling.
