AMP står for Accelerated Mobile Pages og er et projekt, som Google støtter op omkring og netop derfor, er det vigtigt, at man holder øje med udviklingen og får det implementeret på ens website, hvis man vil have del i de fordele, som Google giver brugere af denne nye mobilstandard.
Som navnet antyder, går AMP ud på at forøge hastigheden og dermed brugeroplevelsen for mobile brugere. Det er ikke kun Google der støtter op omkring projektet, WordPress og Twitter er også med på vognen og det spås at AMP bliver rigtig vigtigt i 2018.
Twitter var først ude med support til AMP optimerede websider og i går, d. 25 februar, åbnede Google også op for understøttelsen af AMP. Det betyder helt konkret, at du nu i søgeresultaterne vil kunne se artikler, der er optimerede markeret med et ikon, hvor på der står AMP.
Hvordan fungerer AMP?
Ligesom vi kender det fra responsivt webdesign, handler AMP om at udarbejde nye versioner af allerede eksisterende versioner af sider på ens website. Siderne indeholder stort set ingen elementer, du kan for eksempel ikke lave formularer og det er ikke al css der virker. Egne javascripts er som udgangspunkt ikke en mulighed, du kan dog kalde javascript fra et allerede eksisterende bibliotek, der i sagens natur er ret begrænset. Herudover er der stor fokus på en god læseoplevelse for mobilbrugere.
AMP HTML er det nye åbne framework, der udelukkende er bygget op omkring eksisterende webteknologier. AMP optimerede sider loader op til fire gange så hurtigt som den almindelige version af en webside og fylder ned til 8 gange så lidt!
Hvordan AMP virker med Google
For at loade indholdet endnu hurtigere, cacher Google selv indholdet, det betyder helt konkret, at Google ikke er nødt til at kalde din server for at sende en bruger ind på det indhold. Det kan man sige, er en stor ændring, for Google bliver pludselig host af dit indhold. Dog holdes den cachede version naturligvis op imod den live version du har, så den kan opdateres løbende, i takt med at du opdaterer eller ændrer i dit indhold. At Google cacher siderne, gør oplevelsen endnu hurtigere for brugerne, din websites serverhastighed er pludselig taget ud af ligningen, i hvert fald fra et AMP-brugermæssigt synspunkt.
Sandsynligvis ikke live i Danmark endnu
Det ser ikke ud som om, at visningen af AMP artikler er slået igennem i Danmark endnu. Denne blog er allerede sat op til at køre med AMP, desværre vises det ikke i de mobile søgeresultater på nuværende tidspunkt, det er dog helt normalt, at vi i Danmark ser større ændringer rulle ud senere end det er tilfældet i eksempelvis USA. Du kan se dette indlægs AMP-version, ved at klikke her. Den kvikke læser, vil se at det er en identisk artikel, rent indholdsmæssigt og derfor skal man også huske at pege tilbage på det primære indlæg med et canonical tag, for ikke at få problemer med duplikeret indhold.
Hastighedstest almindeligt blogindlæg
Hastighedstest af dette blogindlæg. Bondtofte.dk er et hurtigt website
Hastighedstest samme blogindlæg med AMP
Men AMP-versionen er endnu hurtigere!
Du kan læse meget mere om AMP-projektet, her.
Hej Henrik
Jeg tror, at det ruller ud mere eller mindre samtidigt globalt, men Google er hyperstramme med validering!
Din artikel her validerer ikke (8fejl), og så vil de ikke godkende den til AMP.
Hej Thomas,
Tak for sidst, selvom det var kortvarigt!
Det kan godt være du har ret i det, de er bare på ingen måder strikse, når det kommer til schema markering og udtræk til rich snippets. Måske 80-90% af alle de implementeringer jeg har tjekket af Schema, har indeholdet en masse fejl. Googles værktøj viser dog ikke de fejl og det er tit her, de fleste sidder og prøver at validere det.
Det må komme an på en test, jeg får den lige kørt igennem i weekenden og får den til at validere.
Tjaa – deres ret frie fortolkning holder altså ikke på AMP, som jeg har leget med et par uger på diverse sites. Den mindste fejl, og du får meldingen i Search Console, at de ikke vil vise dine AMP sider.
Hej Henrik
Det plugin du anvender, er ikke det mest optimale, der er andre at vælge imellem.
Men der er ikke nogen plugin, der ikke skal have lidt hjælp i form af omskrivning i selve koden, nogle giver forkerte canonical, hvilket jo ikke med SEO briller er mest optimale.
Jeg har justeret lidt på et af dem, det ser ud til at køre med lidt tilpasninger i koderne.
Test på Google om amp virker på dette link.:
https://www.google.dk/webhp?esrch=AcceleratedMobilePages::Preview,AcceleratedMobilePagesDesktop::Promo&gws_rd=cr&ei=8uXRVtzOMqa56ATU4qXQAw
Denne url anvendes fra en mobilenhed!
Mit website http://blog.onlinemarketing.dk/ skifter korrekt. (Hovedsitet er ikke sat op endnu, ligger på en anden platform)
Du er velkommen til at smide en mail, hvis du gerne vil have den tilpassede kode…
Hej René, hvad skulle problemet være? Jeg har tilrettet det lidt og jeg kan fint validere AMP på min personlige blog: https://www.dropbox.com/s/j3gghzi4gr2etf5/Sk%C3%A6rmbillede%202016-02-27%2020.51.53.png?dl=0
Pluginnet virker dog ikke her på bondtofte.wpengine.com, da https giver problemer. Det er præcis samme tema her, som på min egen blog. Bla. brokker den sig over Googlefont, da den kaldes på http fra https. Det skal lige tilpasses her på siden.
Jeg kan ikke få dit website til at skifte igennem Googles amp testbox, det er den alm. mobilversion der vises. Jeg kan heller ikke få din AMP side til at validere?
Har du tjekket op René? Jeg har lidt problemer her på Bondtofte.dk pga. https.
Alt melder OK ovre på min personlige blog nu. Schema for AMP-siden: https://www.dropbox.com/s/8f8wcuq1jea8z60/Sk%C3%A6rmbillede%202016-02-28%2016.22.18.png?dl=0
Selve AMP-siden: https://www.dropbox.com/s/kbxfqf7nuhf76eb/Sk%C3%A6rmbillede%202016-02-28%2016.23.15.png?dl=0
Jeg bliver dog ikke viderestillet til AMP-siden, når jeg kører igennem Googles sandbox tool. Samme scenarie, som da jeg testede dine sider.
Hej Henrik
Den version du bruger, har på mit website i forbindelse med test og sammen med min template og plugin givet mange fornøjeligheder, såsom forskellige canonical tags på de forskellige sider.
APM modulet understøtter heller ikke pt. sider, men kun posts etc. i følge udvikleren Mohammad Jangda.
Der er kendte Template konflikter
F.eks. WP Rocket – Det er nu opdateret i den sidste version 2.6.16 til ”compatible Amp” og frigivet for ca. 1 dag siden.
Der har været konflikter med Yoast SEO modulet, hvor der er udarbejdet et plugin til at styre disse problemer på nuværende tidspunkt – https://github.com/Yoast/yoastseo-amp.
Jeg har ligeledes haft problemer med bla. følgende modul – Sociable, hvor scr tag er forkert defineret i forhold til standarden.
Det modul jeg har anvendt har ligeledes problemer med flere plugin, hvilket har gjort at det er deaktiveret indtil videre.
Som jeg kan se er udviklingen af disse plugin i fuld sving og der debatteres en del på https://wordpress.org/support/plugin/amp – og på dette plugind er der tale om tredje version inden for en måned med diverse fix.
Så mit råd er at teste det og følge udviklingen lidt før sitet sættes live med noget, der kan skade mere end det gavner.
At få duplikeret indhold og canonical, der peger i øst og vest er ikke optimalt for SEO.
Ukritisk brug og aktivering af moduler, der automatisk tilføjer amp til et site vil nok i den kommende tid give mange nye kunder på denne front når de selv skader deres website med duplikeret indhold etc. (Ligesom de første mobilversioner).
Jeg sender noget kode på mail til dig i morgen når jeg er på pinden!!
Det gav også lidt udfordringer her, men efter tilpasning melder alt korrekt og jeg kan ikke finde nogle sider, der peger forkert med canonical. Har du prøvet at kombinere det med Mobile Formats pluginnet? Det åbner op for også at bruge sider. Jeg kører også med den seneste AMP-udgave og bruger også Yoast Glue. De tre plugins kombineret med lidt tilretning, har gjort tricket, jeg har pt. 3 sider indekseret på min personlige blog, der er godkendt som AMP-sider: https://www.dropbox.com/s/7grqj784epe37p3/Sk%C3%A6rmbillede%202016-02-29%2014.20.23.png?dl=0
Helt enig, men nu kører jeg crawls på både min personlige blog og firmabloggen her, hver nat med Botify – så hvis uheldet er ude, fanger jeg det hurtigt.
Jeg tror også der kommer mange kunder, ift. AMP-sider og det er jo fint og samme årsag til at man bør få det testet igennem.
Super René, det ser jeg frem til. Sig til hvis du skal bruge noget fra mine implementeringer.
Jeg er som jeg skrev i indlægget stadig i tvivl om, om vi kommer til at kunne se vores indlæg i de danske SERPs. Nu har jeg tre godkendt og jeg bliver ikke redirected til dem og kan ej heller se AMP ikonet, i Googles AMP sandbox.
Tak for en super god artikel :-)