5 nütz­li­che Plug­ins für Goo­gles Acce­le­ra­ted Mobi­le Pages (AMP)

Seit Goog­le im Okto­ber 2015 sein Acce­le­ra­ted Mobi­le Pages (AMP) Pro­jekt vor­ge­stellt hat, gewinnt das The­ma immer mehr an Popu­la­ri­tät — beson­ders bei Ver­la­gen, die mit Con­tent im AMP-For­mat ihre Ziel­grup­pe bes­ser errei­chen kön­nen. Wie wir auf die­sem Blog bereits in einem frü­he­ren Arti­kel gezeigt haben, wird Con­tent im AMP-For­mat auf mobi­len Sei­ten pro­mi­nent & sepa­rat aus­ge­spielt, wodurch Bei­trä­ge eine höhe­re Rele­vanz bekom­men und mehr Traf­fic für die Ziel­sei­te gene­rie­ren.

Vor­aus­set­zung für Con­tent im AMP-For­mat ist aller­dings eine gewis­se Codie­rung der Inhal­te, was durch die Nut­zung diver­ser Word­Press Plug-ins wesent­lich ver­ein­facht wer­den kann. Eine Aus­wahl der 5 wich­tigs­ten Plug-ins, die Ihnen hel­fen kön­nen, Ihren Con­tent im AMP-For­mat aus­zu­lie­fern, stel­len wir Ihnen in die­sem Arti­kel vor.

AMP Plug-in von Auto­mat­tic

Mit dem Plug-in von Auto­mat­tic wer­den die Bei­trä­ge auf Ihrer Web­site auto­ma­tisch in das AMP-For­mat kon­ver­tiert. Nach der Instal­la­ti­on und der Akti­vie­rung des Plug-ins fin­den Sie die AMP-Ver­si­on Ihrer Sei­te unter dem Sei­ten­be­zeich­ner /amp/. Beson­ders wenn Sie sich nicht wei­ter mit dem “Sty­ling” Ihrer Sei­te befas­sen wol­len bzw. kön­nen ist die­ses Plug-in zu emp­feh­len, da kei­ne gro­ßen Kennt­nis­se erfor­der­lich sind und trotz­dem ein sehr gutes Ergeb­nis erzielt wird.

In der ein­fa­chen Hand­ha­bung besitzt das AMP-Plug-in von Auto­mat­tic sei­ne Stär­ke. Einen Schwach­punkt hin­ge­gen besitzt die­ses Plug-in in den Berei­chen Ana­ly­se und SEO. So wird der Track­ing-Code der “Haupt­sei­te” eben­so wenig über­nom­men wie die Meta-Anga­ben. Für das Pro­blem nicht vor­han­de­ner Meta-Anga­ben hat sich aller­dings das Team von Yoast schon eine Lösung ein­fal­len las­sen.

Glue for Yoast SEO & AMP

Auch für die AMP-Sei­ten müs­sen onpage-SEO Maß­nah­men durch­ge­führt wer­den, damit die Sei­te bei Goog­le gute Ran­king-Posi­tio­nen ein­nimmt. Wie zuvor jedoch beschrie­ben, führt die Inte­gra­ti­on des AMP-Plug-ins von Auto­mat­tic dazu, dass Meta-Anga­ben nicht über­nom­men wer­den. Dazu hat Yoast ein Plug-in ent­wi­ckelt, wel­ches das Pro­blem löst und dafür sorgt, dass die Meta-Anga­ben der “Haupt­sei­te” über­nom­men wer­den. Auch die­ses Plug-in ist ein­fach zu instal­lie­ren und benö­tigt kei­ne wei­te­ren Ein­stel­lun­gen.

Goog­le AMP Pages by Page­Frog

Mit dem Page­frog Plug-in wird die Ver­wal­tung der AMP-Inhal­te ver­ein­facht. Das Page­frog Plug-in ist jedoch kein eigen­stän­di­ges Plug-in, wel­ches den Sei­ten-Con­tent in das AMP-For­mat wan­delt, son­dern viel­mehr eine Ergän­zung zu dem AMP-Plug-in von Auto­mat­tic.

Durch die Inte­gra­ti­on des Page­frog-Plug-ins bekommt man viel­fäl­ti­ge Ein­stel­lungs­mög­lich­kei­ten im Word­Press Back-End und hat die vol­le Kon­trol­le über die Ver­öf­fent­li­chung sei­ner Inhal­te über Goog­le AMP, Apple News und Face­book Instant Artic­les. Neben Viel­fäl­ti­gen Ein­stel­lungs­mög­lich­kei­ten, die das Erschei­nungs­bild der AMP-Bei­trä­ge bestim­men (Schrif­ten des Titels, Schrif­ten des Fließ­tex­tes, Far­ben von Links, usw.) kann man über die­ses Plug-in auch diver­se Ana­ly­se Codes (Goog­le Ana­ly­tics, Chart­beat, Par­se­ly oder ande­re) inte­grie­ren.

Über die­ses Plug-in ver­fügt man auch über eine Live-Vor­schau, sodass Sie sicher­stel­len kön­nen, dass der Con­tent kor­rekt ange­zeigt wird, bevor die­ser ver­öf­fent­licht wird.

Alles in allem eine kla­re Emp­feh­lung als Ergän­zung zu dem AMP-Plug-in von Auto­mat­tic, mit dem Sie die vol­le Kon­trol­le über die aus­ge­spiel­ten AMP-Tex­te erlan­gen.

Acce­le­ra­ted Mobi­le Pages

Acce­le­ra­ted Mobi­le Pages ist ein wei­te­res Basis-Plug-in, um eine bestehen­de Sei­te an das AMP-For­mat anzu­pas­sen. Auch bei die­sem Plug-in wird, ähn­lich wie bei dem Basis-Plug-in von Auto­mat­tic, die AMP-Funk­tio­na­li­tät auto­ma­tisch nach Instal­la­ti­on her­ge­stellt. Die AMP-Sei­ten kön­nen dann über die URL-Ergän­zung /?amp auf­ge­ru­fen wer­den.

Genau wie das Plug-in von Auto­mat­tic ist es jedoch nicht mög­lich, Ände­run­gen an den Sei­ten­ele­men­ten für die AMP-Ver­sio­nen einer Sei­te vor­zu­neh­men.

Page Tuto­ri­als

Im Moment gibt es noch nicht vie­le Plug-ins, die Web­sei­ten­be­trei­ber dabei unter­stüt­zen, ihre Sei­te auf das AMP-For­mat umzu­stel­len. Auf­grund der Rele­vanz wird AMP aller­dings wei­ter wach­sen, sodass auch mehr Plug-ins ent­wi­ckelt wer­den.

Es gibt also die Mög­lich­keit, eines der oben genann­ten Plug-ins zu nut­zen, sich dem­nach zwi­schen dem AMP-Plug-in von Auto­mat­tic oder dem Acce­le­ra­ted Mobi­le Pages Plug-in zu ent­schei­den. Alter­na­tiv kann man auch auf ein Plug-in ver­zich­ten und sel­ber eine AMP-Sei­te for­ma­tie­ren. In die­sen Tuto­ri­als vom Acce­le­ra­ted Mobi­le Pages Pro­jekt wird erklärt, wie man die Codie­rung einer Sei­te vor­nimmt.

Das in die­sem Bei­trag ver­wen­de­te Bei­trags­bild ist der Foto­da­ten­bank von Pexels.com ent­nom­men. Damit fällt das genutz­te Bild unter die Crea­ti­ve Com­mons Zero (CC0) Lizenz und kann somit frei genutzt wer­den. Die Quel­len der ande­ren in die­sem Bei­trag ver­wen­de­ten Bil­der sind ent­spre­chend als Bild­un­ter­schift am jewei­li­gen Bild auf­ge­führt oder sind eigens von mir erstell­te Screen­shots.