Den Definitive Guide til Accelerated Mobile Pages (AMP)

det er tid til at fremskynde dine mobilsider.

da Google lancerede opdateringen til mobilvenlighed og til sidst gjorde den til en af de mobile søgemaskinerangeringsfaktorer, begyndte siteebstedsejere at se frem til en hurtigere mobiloplevelse.

det er godt at optimere dine sider til mobile brugere. Men hvis de mobile bro .sersider ikke indlæses hurtigt, er det en hik, der kan afskrække brugere fra at nyde dit indhold.

Så hvad er løsningen?,accelererede mobilsider-eller AMP.

hastighed er en integreret del af design af webebsider. Data fra KISSmetrics viser, at ” omkring 40% af mennesker vil opgive en .ebside, der tager mere end 3 sekunder at indlæse.”

Desuden, hvis en online shopping site gør $100,000 per dag, en 1-sekunders side forsinkelse potentielt kunne koste dig $2.5 millioner i tabt salg hvert år.

Ifølge Google, AMP plugin skære download-tid mellem 15% og 85%, i første test.,

i December 2015 sagde Google, at accelererede mobilsider kan blive en rangeringsfaktor.

som forventet begyndte beganebmastere, marketingfolk og SEOs at analysere, hvordan det kan påvirke mobile .ebsider. De fandt flere tilfælde peger på det faktum, at AMP faktisk har en enorm indflydelse på mobile søgemaskine placeringer.

i en nøddeskal, sider, der er AMP-optimeret rang bedre og hurtigere, og de helt sikkert konvertere flere mobile side besøgende til kunder.,

i deres Britiske Whithiteboard fredag, gaveill Critchlo.og Tom Anthony, af destilleret, gav en klar forklaring på, hvordan AMP plugin fungerer, og hvordan du placerer dine mobile sider til at drage fordel af det.

Hvis du vil grave dybere ned i AMP, og hvad det kan gøre for dig, som en digital marketingmedarbejder, der forstår vigtigheden af at nå mobile brugere, Tillad mig at nedbryde emnet.

Hvad er accelererede mobilsider (AMP)?

AMP skal blive en del af din mobile indholdsstrategi.,

& AMP plugin blev født ud af et samarbejde mellem Google og Twitter. Enkelt sagt er Accelerated Mobile Pages et open source-initiativprojekt designet til at optimere hurtigere mobilsider. Det er som at tage en side, der allerede er mobilvenlig og gøre den indlæst hurtigere ved at fjerne den ned til det grundlæggende.

Du kan besøge Open source initiative-platformen her.

AMP er yderligere bevis på Googles fokus på brugere.,

Når Google ruller ud en ny opdatering som denne, tror du måske, at de udelukkende er optaget af at generere flere penge.

det er i sidste ende sandt, fordi jo lykkeligere brugerne er, jo mere kommer de tilbage til Google, og det betyder flere annoncører.

men Google brænder for brugere af mobilsøgemaskiner. Og det burde du også være.Accelerated Mobile Pages (Amp) er et open source-initiativprojekt/platform, der sigter mod at hjælpe udgivere med at forbedre hastigheden og læsbarheden på deres mobile indholdssider.,

hurtigere mobilsider + læsbart indhold = bedre brugeroplevelse

Hvordan fungerer AMP-Plugin?

Paul Shappiro, fra Search Engine Land, indeholder det 3-en del struktur AMP:

& AMP plugin gør din mobil-side mere hurtigt, ved at skære ned på den HTML-kode, tag manager aspekt og gør kun dem, der er egnet til mobile brugere.,

Dette diagram og forklaring, fra WIll Critchlow s Whiteboard Friday, forenkle processen:

AMP gør dine sider ved hjælp af optimeret HTML-kode. Siderne forventes at indlæse hurtigere, fordi visse HTML-kode tag manager aspekter, der ellers ville bremse siden elimineres.

Hvis JavaScript er inkluderet på dine mobilsider, bliver scriptet ikke gengivet på dine accelererede mobilsider.,

Her er et par flere ting, du skal vide:

• med AMP skal du bruge en strømlinet version af CSS.
• du har kun tilladelse til at bruge det JavaScript – bibliotek, som AMP leverer-da du ikke har kontrol, kan du opleve doven indlæsning. Dette kan være den eneste ulempe AT AMP.
• for AT AMP-sitesebsteder kan fungere hver gang, skal de være korrekt valideret
• ingen formularer er tilladt på AMP-plugin-sider.
• for en bedre oplevelse skal brugerdefinerede skrifttyper være specielt indlæst.
• for at undgå finurlige billeder skal du sørge for at erklære højde og bredde.,
• brug amp-godkendte udvidelser, hvis du vil have videoer på din side.

så når du integrerer AMP-plugin og bruger det til at forbedre dine mobilsider, skal det, der betyder noget for dig mere, være hastighed og læsbarhed, ikke aktieevne. Dine sociale delingsknapper vises muligvis ikke engang korrekt, da de fleste af dem er udviklet ved hjælp af JavaScript.

fordele ved accelererede mobilsider

Der er en betydelig sammenhæng mellem siteebstedshastighed, sidevisninger og placering af mobil søgemaskiner., en ting, du skal huske, er, at når en bestemt webebside indlæses hurtigt, vil mobilbro .serbrugere se flere sider på siteebstedet og derved reducere afvisningsfrekvensen.

når afvisningsfrekvensen reduceres, og oplevelsen på stedet øges, belønner Google siden. Du bør ikke være overrasket over at finde AMP plugin sider placering højere end ikke-AMP ‘ s. Se de to versioner:

plugin

Sandheden skal vide, at der er mange fordele ved at optimere med AMP-plugin., Men lad os overveje top 5:

sindssygt hurtige indlæsnings pagesebsider, som brugerne elsker: hastighed er livsnerven på din mobilbro .serside. Godt indhold er vigtigt, men medmindre dine sider er tilgængelige, vil brugerne ikke læse dem.

Denne undersøgelse fundet, at en 1-sekunds forsinkelse i mobile browser load tid kan sænke konverteringsraten med 3.50%, reducere sidevisninger ved 9.40% og stigning af enkeltsidefrekvens med op til 8,30%.

derfor skal du gøre dine mobilbro .sersider sindssygt hurtige. AMP hjælper dig med at opnå det.,

Husk, at den måde, folk forbruger indhold (f.artikler, blogindlæg, videoer og podcasts), har ændret sig dramatisk. Den hastighed, hvormed indhold offentliggøres, er ekstraordinær.

Hvis dine mobilsider er så langsomme som en snegl, konverterer du ikke målrettede mobilbro .serbrugere til kunder. Gør dig klar til at opleve dramatiske sidehastighedsforøgelser med AMP.

som en digital marketingmedarbejder skal dette anspore dig til handling for at forbedre dine mobilsider.

Google forbedrer konstant sine systemer., Vi troede, at mobilbro .servenlighed var den største opdatering hidtil, men så dukkede AMP-projektet op.

og dette kan kun betyde en ting: Google er ikke færdig endnu. Nye opdateringer af mobil søgemaskinealgoritme, avancerede funktioner og værktøjer vil fortsat blive udviklet.

så kom i gang. Besøg AMPProject.org og begynde at accelerere dine mobile sider.øget synlighed af mobilbro .ser for indholdsmarkedsførere: Google er begyndt at vise AMP-resultater i organiske lister. Du kan identificere disse resultater ved hjælp af FORSTÆRKERSYMBOLERNE i grønt.,

det er klart, at jo mere opmærksomhedsfangende dine resultater er, jo flere klik får du.

disse grønne AMP-Symboler vil helt sikkert føre til en forbedret klikfrekvens, fordi disse mobile søgemaskineresultater skiller sig ud fra resten.

brugere af Mobilsøgemaskiner vil derefter begynde at kigge specifikt efter AMP-pluginsider, da disse sider indlæses hurtigere end de typiske mobilsider.Forbedret Placering af mobilsøgemaskiner: der er et stærkt forhold mellem siteebstedshastighed og konverteringsfrekvens., Hvis brugere er glade på et siteebsted med hurtig indlæsning, er det mere sandsynligt, at de abonnerer på en liste eller køber et produkt.

selvom der stadig forventes meget af AMP, har Google endnu ikke gjort det til en rangeringsfaktor.

du ved allerede, at sideindlæsningshastighed og mobilvenlighed er velkendte faktorer, men AMP vil arbejde tæt sammen med mobilsider.derfor kan det aldrig bruges som en uafhængig rangeringsfaktor, fordi den kun fungerer på mobilsider, og det har intet at gøre med desktopversionen af sider.,

når det er sagt, da sitesebsteder, der er mobilvenlige, belønnes med højere placeringer i organiske mobilsøgningsresultater, vil sider, der er udviklet med AMP, sandsynligvis rangere højere end ikke-AMP-sider, på Mobilresultatsiderne (MRP ‘ er).fleksibel annoncesupport: de fleste startede et websiteebsted eller en blog for at tjene penge og muligvis erstatte deres dagjob.

Når man ser på desktop-og mobilbro .serversionerne af et pagesebsteds sider, er det let at konkludere, om der er for mange distraktioner.,

disse distraktioner, såsom headerbilledet, navigationsmenuen, sidebjælken, sociale delingsknapper, formularer, popups og andre unødvendige elementer, kan sænke din konverteringsfrekvens.

men med AMP kan du slippe af med distraktioner på dine mobilbro .sersider.

det skyldes, at ikke alle HTML-kode tags udføres, du bruger en strømlinet version af CSS, og JavaScript er ude af spørgsmålet (for det meste). Det er også 6 lighter lettere i kode.

det betyder, at du lettere kan tjene penge på dine annoncer.,hvis du for eksempel analyserer AMP-versioner af Guardian, vil du med det samme vide, at den er designet til at vise annoncer på en mere fleksibel og brugervenlig måde end den typiske mobilbro .serside.

Når du klikker på en accelereret mobilside, indlæses den næsten øjeblikkeligt, selv før du er færdig med at klikke.

Når du viser annoncer fra en tredjepart på dine accelererede mobilsider, skal du sørge for, at du leverer annoncer, der indlæses hurtigt, men også griber brugerens opmærksomhed og leverer enorm værdi.,

som du allerede ved, er denne indholdsmarkedsføringsmetode den nemmeste måde at øge din indflydelse på, hjælpe brugerne med at få svar på deres spørgsmål og forbedre ROI ved annonceudgifter.,

Hvis du er klar til at tjene penge på din AMP-optimerede sider, her er nogle af de mest populære annoncenetværk der i øjeblikket gør brug af AMP-annoncer-funktionalitet:

• Amazon A9
• AdReactor
• Google Doubleclick
• Flite
• Adform
• Google AdSense
• AOL AdTech
• Taboola
• plista
• Smart AdServer
• Yieldmo
• DotAndAds

Bruger sporing lavet simpelt: Det er ikke nok at sende trafik til din mobile browser sider. Du skal også vide, hvordan de ankom til dit .ebsted.,

sporing hjælper dig med at bestemme, hvor folk kom fra, hvilke sider de har set og så videre.

sporing af brugere og performanceebstedsydelse er temmelig let på AMP, fordi der er analytiske værktøjer på plads, hvor du kan studere dine FORSTÆRKERVERSIONER mere detaljeret.

brugeradfærd kan kun påvirkes, når du sporer den. Med AMP kan udgivere bruge sådanne tag manager-analyser til at vælge mellem to tags.

disse tags hjælper med automatisk at spore vigtige data, såsom klik / konverteringer, video-og linksporing, besøgstællinger, nye vs. tilbagevendende besøgende og mere.,

Andre teknologiske løsninger til virksomheder, såsom WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest og, selvfølgelig, Twitter, er også allerede støtter AMP.

Optimer dine sider til AMP

accelererede mobilsider er stadig under udvikling. Ifølge AMP-projektudviklere, Github, “skubber vi en ny udgivelse af AMP til alle AMP-sider hver uge på torsdag.”

Jeg forudser nye funktioner, der kommer ind i det. Jeg forventer for eksempel en funktion, der giver brugerne mulighed for at vælge, hvilken version af en side der skal vises, en FORSTÆRKERVERSION eller en standard mobilside.,

i begge tilfælde skal du stadig få dine webebsider klar til AMP. På den måde, uanset hvad der sker, vil du være på det vindende hold.

Der er flere muligheder, når du søger at optimere dine pagesebsider TIL AMP. Hvis du er nybegynder, er en af de ting, du kan gøre, at vedligeholde mindst to versioner af din indholdsside.

din oprindelige indholdsside ville være den mobile bro .servenlige version, som brugerne vil se, men du har også AMP-versionen af den specifikke side, som helt sikkert vil fremskynde tingene.,

Husk også, AT AMP-versioner indeholder grundlæggende HTML-kode, som ikke tillader formelementer og tredjeparts JavaScript.

som marketingmedarbejder ønsker vi alle at opbygge vores e-mail-liste. Ulempen til AMP er, at det ikke vil tillade dig at nemt opnå det.

desuden er brugerkommentarer og andre aktiviteter, som brugerne deltager i, når de ser dit indhold på en mobilside, muligvis ikke muligt med AMP.

igen er fokus på hastighed og læsbarhed.,

for at komme i gang med AMP lige nu, hvis du er en AMORDPRESS-bruger, skal du bare do .nloade og installere pluginordpress-plugin på GitHub.

Klik blot på knappen “Do .nload Zipip”.

Bemærk, at du kan installere AMP plugin via din .ordpress dashboard, ligesom du ville gøre enhver anden plugin. Det er ret ligetil.

Når du har installeret og aktiveret plugin ‘ et, skal du blot tilføje “/ amp / ” til dine blogindlægssider., Her er hvordan det ser ud på en mobil browser:

Og her er AMP-version af denne side på The Guardian:

Hvis du ikke har en venlig permalink, så kan du tilføje denne “?amp=1 ” i stedet.

glem ikke at validere og justere på Google Search Console. På den måde kan du hjælpe Google med at hente dine FORSTÆRKERVERSIONER hurtigere.

konklusion

AMP er virkelig kraftfuld. Som en opgradering til mobilvenlige sider hjælper det dig med at imødekomme Googles forventninger om, at du optimerer dit .ebsted til hastighed.,

i fremtiden vil accelererede mobilsider påvirke en masse sociale medier mobile interaktioner. Det er jeg sikker på.

mens fokus er på AMP lige nu, så glem ikke at bruge gennemprøvede mobile marketingstrategier. Sådan genererer du mobilkunder til dit siteebsted og vokser din virksomhed.

før du rejser, har jeg et spørgsmål til dig: har du accelereret dine mobilsider for hastighed og læsbarhed? Hvis ikke, hvad stopper du?