AMP-sider vil forenkle dit liv

AMP Pages. Flere mennesker bruger nu deres mobile enheder til at gennemse websteder og søge på internettet. Der er opstået helt nye industrier til fremstilling af produkter til mobile enheder, f.eks. mobilapplikationer, forskellige gadgets og andre teknologier. Og den samlede trafik fra smartphones og tablets har allerede overgået trafikken fra computere og bærbare computere til stationære computere.

I henhold til Googles og Facebooks statistikker er der dog mange brugere i verden, hvor mobilt internet ikke er så hurtigt (f.eks. 3G, GPRS). Derfor er disse to giganter begyndt at tage skridt til at give en “bedre oplevelse” for brugere med langsomme internetforbindelser. De fleste mennesker, især uden for top 10, bruger stadig ikke hurtige 4G-, LTE- eller Wi-Fi-netværk. Google har således lanceret et åbent AMP-projekt for mobile enheder med langsom internetadgang. Sagen er den, at hjemmesider bliver mere komplekse og “tunge”, og der er en tendens – en stadig stigende mængde indhold til mobile enheder. I august 2016 var der allerede over 150 millioner AMP-dokumenter i Google Search Index, og dette antal voksede med 4 millioner om ugen hver uge.

Hvad er AMP?

Accelerated Mobile Pages, eller ganske enkelt AMP, er hovedsageligt HTML med udvidelser og nogle tilpassede sideelementer/blokke til mobile websteder. Der er visse tags, som du kan bruge, når du udvikler websites, og andre, som du ikke kan bruge. Så f.eks. bliver IMG-tag (billede) til AMP-IMG; i dette tilfælde erstattes videoen med et nyt AMP-tag osv. Selv om det pålægger udviklere visse begrænsninger, lover det godt for hastigheden og promovering af webstedet (hjælper med SEO). Flere Java-scripts kan ikke bruges til at understøtte AMP-sider. Men den gode nyhed er, at du kan bruge CSS3 uden nogen begrænsninger. 

AMP HTML-dokumenter kan også bruges til udvikling af websteder. Så hvis du ikke ønsker at udvikle 2 versioner af webstedet separat, kan du blot bygge det baseret på AMP-HTML og kun uploade denne version til webserveren. Nogle eksperter foreslår dog, at man opretter begge for at opnå bedre kompatibilitet. Søgemaskinen Google fremmer denne teknologi. Den er designet til at fremskynde det mobile internet. Her ser du to hovedprincipper:

1. AMP-dokumenter er så lette som muligt: de indeholder ikke tunge scripts eller kompleks kode (du kan se et eksempel her). Det vil sige, at reglerne for oprettelse er ekstremt strenge.
2. Accelerated Mobile Pages gemmes i en særlig Google-cache.

Hvis du går fra Googles søgeresultater, er der tale om øjeblikkelig download. Hvis man blot skriver AMP-URL’en, bliver indlæsningen lidt langsommere, men hurtigere end den primære mobilversion.

Hvem kunne være interesseret?

AMP-teknologien anvendes i vid udstrækning af nyhedssider, blogs, vlogs og andre informationsressourcer med mange sider med skabelonindhold. Listen er ikke begrænset til dette: på AMP; du kan oprette både en landingsside og en mobilversion for ethvert websted, herunder et onlinekatalog med fuldgyldige produktsider.

Surfere kan bruge AMP på to fundamentalt forskellige måder. Den første indebærer overførsel af data fra webstedsejerens server til den besøgendes computer og visning af en accelereret version af siden i browseren. På et AMP-aktiveret websted kan du f.eks. indstille dig til automatisk at omdirigere alle mobilbrugere til accelererede sider. En besøgende kan komme til AMP via et link ved hjælp af en mobilenhed eller tilføje / amp/suffixet til URL’en i browserens adresselinje på en stationær pc.

Den anden metode indebærer visning af den cachede version af AMP fra en Google-server. Verdens største søgemaskine viser links til accelererede sider i et karruselformat i SERP (søgemaskinens resultatside). Når brugeren ser siden, går han ikke ind på webstedet, men ser indholdet fra SERP.

AMP til onlinebutikker

Hold dig for øje, at AMP’er alene ikke er beregnet til onlinehandel. Men de er designet til at tiltrække potentielle købere.

Hvis en besøgende beslutter sig for at foretage et køb, så vil han gennemføre ordren enten på mobilversionen af webstedet eller på den desktoptilpassede, afhængigt af hvordan dit websted er konfigureret.

Husk, at AMP primært er nyttigt for brugere, der har et langsomt og ustabilt internet. Derfor skal mobilversionen af webstedet også være let og hurtig; ellers kan det være, at den besøgende “bryder væk” fra købet og lukker det for en handel.

AMP-udviklerne hævder, at onlinebutikker kan og bør bruge accelererede sider. Hovedargumentet for at indføre teknologien på e-handelsressourcer er, at en forøgelse af indlæsningshastigheden på mobilsider påvirker konverteringen positivt. eBay har forresten eksperimenteret med AMP siden midten af 2016.

Hvorfor blogs og udgivere bør aktivere AMP

Da det er urealistisk frustrerende for brugerne at læse sider, der indlæses langsomt, mister udgiverne muligheden for at tjene penge på reklamer. AMP-teknologien hjælper med at holde den besøgende længere tid på webstedet, hvilket potentielt bidrager til en stigning i antallet af klik på annoncer.

AMP-sider vises med et ikon med et lynnedslag, så de skiller sig ud fra normalt indhold. En person, der klikker på denne indstilling, bliver ført direkte til AMP-siderne, der åbnes med AMP-browseren. Desuden vil indholdet straks være tilgængeligt i Google-søgning og på platforme som Twitter, LinkedIn, WordPress, Parse.ly, Parse.ly, Adobe Analytics, Nuzzel og Pinterest.

Og desuden vil udgiverne få adgang til Google Analytics for at spore deres siders præstationer. De kan bruge AMP’s bedste indhold til at optimere webstedets ydeevne og forbedre brugeroplevelsen.

Bremt om AMP-funktionaliteten

I forbindelse med opbygning af websteder er der ikke behov for at omprogrammere sliders, modalvinduer og andet lort i lang tid, såkaldte jQuery-biblioteker er længe blevet opfundet til dette. Disse. Layoutdesigneren skriver ikke koden fra bunden, men tager en færdiglavet kode (lige det tilfælde, hvor “alt allerede er blevet stjålet før os”) og tilpasser den til et specifikt websted. Med AMP fungerer det hele på stort set samme måde, med nogle få forskelle:

# 1 – for AMP er der kun den kode tilbage, der er egnet til hurtig indlæsning af indhold. For eksempel må billeder ikke indlæses med det samme, men først senere, efterhånden som brugeren scroller nedad på siden. Dette omfatter også modalvinduer, skydere og anden “lethed”.

# 2 – der bruges kun asynkrone scripts, dvs. alt igen for den hurtigste indlæsning.

# 3 – koden er skrevet på en sådan måde, at AMP-siden vises lige godt på alle mobile enheder.

Alle disse 3 forskelle har primært til formål at få browsere til at gengive siden så hurtigt som muligt. Sidens funktionalitet er dog ret alvorligt begrænset. Vil du gerne indsætte nogle af dine scripts? Glem det, for selv listen over gyldige HTML-tags er begrænset.

Pros ved AMP-teknologi

Mange brugere overvejer stadig, om de skal anvende indstillingen eller ej. Store virksomheder forstår dog, at det giver mere trafik og bekvemmelighed. Lad os se, hvorfor det er rentabelt:

1. Det er selvfølgelig indholdets indlæsningshastighed. Teksten indlæses næsten øjeblikkeligt; derefter indlæses billederne (desuden indlæses de ikke, hvis du ikke scroller til dem).
2. AMP-sider i søgeresultater markeres med et særligt lyn, hvilket kan få din ressource til at skille sig ud fra resten. Efterhånden vil brugerne lære, at dette ikon indikerer hurtig indlæsning af indholdet.
3. Accelerated Mobile Pages kan indgå i særlige Google-karruseller.
4. De store søgemaskiner satser på det mobile web. Dette skyldes den støt stigende procentdel af salget af varer fra mobile enheder. Folk bruger dem til at handle, mens de venter i køer og på rejser. Mange prognoser peger på en yderligere stigning i det mobile internets betydning.

Al dette har en positiv effekt på besøgsloyalitet og adfærdsmålinger. Så den største fordel ved accelererede sider er altså høj indlæsningshastighed. Det forbedrer brugeroplevelsen og kan indirekte påvirke sidernes position i Google SERP. Ressourcer kan også modtage yderligere visninger takket være AMP-karrusellen.

Fejl ved Accelerated Mobile Pages

Lad os nu gå ned på jorden og finde ud af, om det nu er nødvendigt at indføre denne teknologi til et gennemsnitligt projekt? Vi vil overveje ressourcer baseret på WordPress, et af de mest populære CMS:

1. Den gennemsnitlige webmaster har ikke kun brug for at besvare den besøgendes spørgsmål, men også for at tjene penge på reklamer. Du kan kun tilføje Google Adsense-annonceenheder til Accelerated Mobile Pages – fint, men langt fra universelt.
2. For at undgå dubletter, når du implementerer AMP, skal du være opmærksom på følgende ting:
   • nye sider skal have rel, der er kanonisk til hoved-URL’er;
   • de bør ikke vises i sitemap.

Men selv om alt går sådan for dig, er det ikke en kendsgerning, at søgemaskinerne ikke vil oprette dubletter uden dit ønske. 

1. AMP er ikke egnet til alle typer af sider. Teknologien er kun beregnet til indholdsdokumenter: tekster, billeder. Hvis dit projekt ikke kun består af artikler/nyheder, kan overgangen mellem versionerne af webstedet vildlede brugeren (du skal opnå maksimal lighed i designet).
2. Mens sådanne accelererede sider skiller sig ud i SERP’erne, siger Googles talsmand Harry Illes, at AMP ikke tæller med i rangordningsformlen. Han bemærkede, at det ikke er en kendsgerning, at det vil fortsætte hele tiden.
3. Først skal man lave et responsivt design eller en mobilversion af webstedet. Derefter er det en accelereret version til Google. Hvis kapaciteten i et stort projekt kan give dig mulighed for at oprette separate versioner af ressourcen og overvåge dem, så bliver det meget sværere for den gennemsnitlige webmaster at gøre dette.

For høj indlæsningshastighed skal man betale for sidernes funktionalitet og udseende. Det skal bemærkes, at de fleste af manglerne kan fjernes helt eller delvist. AMP vil dog altid forblive en forenklet eller endog forkortet version af webstedets grundside.

Monetizing AMP Pages

Dette underafsnit vil være af interesse for alle ejere af informationssider, da deres sider som regel enten udelukkende eller hovedsageligt tjenes penge via kontekstuel annoncering (nøgleordene her er “udelukkende” og “hovedsageligt”). Så hvilke annoncenetværk kan du bruge til at tjene penge på AMP:

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Der er masser af reklameplatforme til AMP-monetarisering, hvilket er et stort plus for bloggere og nyhedssider.

Brug eller ikke at bruge?

Vi anbefaler at bruge teknologien, fordi:

1. Accelererede sider er næsten 30 gange hurtigere end almindelige sider. I en tid, hvor 63 % af internetbrugerne tilgår internettet fra mobile enheder, vil et sådant tiltag være med til at komme foran i kampen mod konkurrenterne.
2. Det er også nødvendigt at tage hensyn til de særlige forhold ved Googles rangering – søgemaskinen fokuserer på mobilversioner. Desktopversionerne er anført nedenfor i SERP.
3. Det hurtige format forbedrer adfærdsfaktorer og giver en vis rankingfordel. Og det øger strømmen af besøgende og i sidste ende overskuddet.
4. Reaktive parametre er praktiske ikke kun for informationelle, men også kommercielle projekter. Når en ressource indlæses hurtigt, giver det ingen mening for en besøgende at gå videre til en konkurrent.
5. For et websted med et CMS er der udviklet særlige plugins, som gør det muligt at implementere AMP-sider selv uden særlig viden.

Hvis du har et indholdsprojekt, der er drevet af WordPress, kan accelererende sider implementeres hurtigt og billigt. Du bruger et minut på at installere det grundlæggende plugin og en halv time på at installere og konfigurere det ekstra plugin. Der findes også en gratis løsning til websteder drevet af Drupal, som hurtigt kan installeres og konfigureres.