Goog­le AMP — so stel­len Sie Ihre Web­sei­te auf das AMP-For­mat um

Bereits im Okto­ber 2015 wur­de von Goog­le die Open-Source-Initia­­ti­­ve mit dem Namen Acce­le­ra­ted Mobi­le Pages (AMP) bzw. Acce­le­ra­ted Mobi­le Pages Pro­ject ins Leben geru­fen. Ziel die­ser Initia­ti­ve ist es, das mobi­­le-Con­­tent Öko­sys­tem zu ver­bes­sern und dazu letzt­end­lich die Per­for­mance (Lade­zeit) von mobi­­le-Con­­tent deut­lich zu opti­mie­ren.

Today, after dis­cus­sions with publishers and tech­no­lo­gy com­pa­nies around the world, we’re announ­cing a new open source initia­ti­ve cal­led Acce­le­ra­ted Mobi­le Pages, which aims to dra­ma­ti­cal­ly impro­ve the per­for­mance of the mobi­le web.

Quel­le: Offi­zi­el­ler Goog­le Blog (https://googleblog.blogspot.de/2015/10/introducing-accelerated-mobile-pages.html)

Das AMP-Pro­­jekt stützt sich auf ein neu­es, web­ba­sier­tes Frame­work, das vor­han­de­ne Web­sei­ten ver­schlankt, indem der Quell­code redu­ziert wird, was zu einer extrem schnel­len Aus­lie­fe­rung die­ser Web­sei­ten führt.

Wie auf dem Goo­g­­le-Blog in dem Bei­trag “AMPing up in mobi­le Search” zu lesen ist, wer­den seit dem 24. Febru­ar 2016 AMP-Sei­­ten in den Such­ergeb­nis­sen aus­ge­spielt. Was genau unter AMP zu ver­ste­hen ist, wel­che Zie­le das AMP-Pro­­jekt ver­folgt und wie man sei­ne Word­­Press-Web­­sei­­te an das AMP-For­­mat anpasst, erklä­ren wir in die­sem Bei­trag.

Was genau ver­steht man unter AMP?

Das AMP-Pro­­jekt von Goog­le zielt dar­auf ab, mobi­le Sei­ten deut­lich schnel­ler zu machen (“… to make the mobi­le web as fast as pos­si­ble”). Das Motiv von Goog­le, rele­van­ten, mobi­len Con­tent schnel­ler ver­füg­bar zu machen, ist begrün­det in der Tat­sa­che, dass Inter­net­nut­zer eine Web­sei­te (beson­ders im Rah­men der mobi­len Suche) bereits nach drei Sekun­den ver­las­sen, wenn der Con­tent nicht schnell genug gela­den wird und das gegen die eigent­li­che Mis­si­on von Goog­le spricht (“Access to infor­ma­ti­on is at the heart of Google’s mis­si­on”).

Ent­spre­chend inten­siv wur­de im Rah­men des AMP-Pro­­jek­­tes mit nam­haf­ten Unter­neh­men zusam­men­ge­ar­bei­tet, wie zum Bei­spiel Focus Online, Gruner+Jahr, Welt.de oder der Frank­fur­ter All­ge­mei­nen Zei­tung, um Publisher aus Deutsch­land zu nen­nen.

[su_youtube_advanced url=“https://www.youtube.com/watch?v=WrpkFROqR0Q” width=“500” rel=“no”]

Im Rah­men des AMP-Pro­­jek­­tes wur­de das Acce­le­ra­ted Mobi­le Frame­work ent­wi­ckelt, wodurch die Aus­lie­fe­rung von Inhal­te auf mobi­len Gerä­ten, wie Smart­phones, deut­lich beschleu­nigt wird. Dazu setzt AMP auf ver­schlank­tes Java­Script und HTML sowie auf das Cachen von Daten in einem Con­tent Deli­very Net­work (CDN). Die­se deut­li­che Beschrän­kung im Design fasst Joost de Valk auf sei­nem Blog sehr tref­fend zusam­men: “AMP is very much a func­tion over form pro­ject.”

Die­se beschrie­be­nen Ände­run­gen durch die Umstel­lung auf das AMP-HTML bzw. die dar­aus resul­tie­ren­de Redu­zie­rung im Design von Web­sei­ten in der AMP-Vari­an­­te, sieht man sehr deut­lich auf einem Screen­shot aus die­sem Blog, in wel­chem das Acce­le­ra­ted Mobi­le Frame­work bereits umge­setzt wur­de:

Ganz klar erkennt man, dass AMP-Sei­­ten wie eine ver­ein­fach­te Ver­si­on der Aus­gangs­sei­te aus­se­hen und gra­fi­sche Ele­men­te nicht dar­ge­stellt wer­den. Es fin­det, wie durch das AMP-Pro­­jekt inten­diert, eine Fokus­sie­rung auf den Con­tent statt.

Wie sehen die AMP-Erge­b­­nis­­se auf der SERP aus?

[su_row]
[su_column size=“2/5”]

[/su_column]
[su_column size=“3/5”]

Auf Mobil­ge­rä­ten hebt Goog­le Search pas­sen­de Such­tref­fer, die im AMP-For­­mat aus­ge­lie­fert wer­den, in den “Top Sto­ries” her­vor.

Die AMP-Sei­­ten wer­den dabei im News-Karus­­sell ange­zeigt und sind durch ein grü­nes “Blitzi­con” sowie den Schrift­zug “AMP” gekenn­zeich­net.

Da das News-Karus­­sell aus­schließ­lich mit AMP-Tre­f­­fern besetzt ist, könn­ten Publisher, die kei­ne AMP-Vari­an­­te ihrer Sei­ten anbie­ten, durch die Umstel­lung ins Hin­ter­tref­fen gera­ten.

[/su_column]
[/su_row]

Mit dem AMP-For­­mat zielt Goog­le ent­spre­chend vor allem auf die Medi­en­häu­ser, die z.T. von Beginn an in das Pro­jekt invol­viert wor­den sind und ihre Sei­ten bereits auf das neue For­mat umge­stellt haben. Aber auch jeder ande­re Web­­sei­­ten-Betrei­­ber kann die­se quell­of­fe­ne Tech­nik ein­set­zen.

AMP kon­kur­riert somit vor allem mit Face­book Instant Artic­les, die sich im April auf der F8-Kon­­­fe­­renz allen Web­sei­ten öff­nen wol­len – wobei die­ses Pro­jekt nur Nut­zern der Face­­book-Mobil­an­­wen­­dung zugu­te­kommt.

Wie kann ich mei­ne Word­­Press-Web­­sei­­te auf AMP umstel­len?

Bei Web­sei­ten, die auf wordpress.com gehos­tet wer­den, erfolgt die Umstel­lung auf AMP auto­ma­tisch. Bei selbst gehos­te­ten Word­Press Web­sei­ten bie­tet Auto­mat­tic ein Plug-in an, mit des­sen Instal­la­ti­on die Web­sei­te in einer AMP-Vari­an­­te aus­ge­spielt wird. Die AMP-Vari­an­­te für eine Word­­Press-Sei­­te kann auf­ge­ru­fen wer­den, indem der Aus­druck “/amp/” an die URL ange­hängt wird.

[su_box title=“Hinweis” style=“soft” box_color=”#c9bdbd” title_color=“#595555”]Das AMP-Plug-in von Auto­mat­tic benutzt default Meta­da­ten, wodurch es zu Pro­ble­men mit dem auf der Web­sei­te benutz­ten SEO-Plug-in kom­men kann.[/su_box]

Wie Sie auf dem Screen­shot sehen, wer­den die für die Stan­­dard-Sei­­te ein­ge­ge­be­nen Meta-Daten auf der Web­sei­te im AMP-For­­mat nicht aus­ge­spielt.

Wenn Sie das SEO-Plug-in von Yoast nut­zen, kön­nen Sie den Feh­ler durch Instal­la­ti­on des Plug-ins Glue for Yoast SEO & AMP behe­ben, wodurch auch für die AMP-Sei­­ten die Meta­da­ten der Stan­­dard-Sei­­te über­nom­men wer­den.

Ist AMP ein Ran­king­fak­tor?

Natür­lich pro­fi­tie­ren AMP-Web­­sei­­ten da die­se (1) von Goog­le als mobi­­le-freun­d­­lich ein­ge­stuft wer­den und (2) die Mög­lich­keit besteht inner­halb des mobi­­le-News-Karus­­sels aus­ge­spielt zu wer­den. AMP selbst ist jedoch kein Ran­king-Fak­­tor, was Johan­nes Mül­ler, Web­mas­ter Trend Ana­lyst von Goog­le, in einem Han­gout mit­ge­teilt hat:

Is AMP a ran­king signal? At the moment, it is not a ran­king signal.It is obvious­ly one way to make mobi­le fri­end­ly pages, so that might be an opti­on whe­re you do that. I’ve alre­a­dy seen some web sites whe­re that have moved the who­le web site to the AMP for­mat and obvious­ly that is mobi­le fri­end­ly set­up so it kind of picks up the mobi­le fri­end­ly thing. But just AMP its­elf is not some­thing that we have a ran­king signal at the moment.

Quel­le: Goog­le Han­gout (https://www.youtube.com/watch?v=aoL_As2kzRk)

Auch wenn AMP selbst noch kein Ran­king­fak­tor ist, bie­tet die pro­mi­nen­te Dar­stel­lung von AMP-Inhal­­ten im Karus­sell die Chan­ce auf mehr Sicht­bar­keit und mehr Klicks.

Zusam­men­fas­sung

• Mit dem Acce­le­ra­ted Mobi­le Frame­work hat Goog­le ein Frame­work geschaf­fen, mit wel­chem die Aus­lie­fe­rung von Web­sei­ten bei einer mobi­len Suche deut­lich ver­bes­sert wird.
• Web­sei­ten, die als AMP-Ver­­­si­on (Acce­le­ra­ted Mobi­le Pages) aus­ge­lie­fert wer­den, besit­zen kei­ne gra­fi­schen Ele­men­te — durch die­se Redu­zie­rung ist die Lade­zeit von AMP-Sei­­ten sehr gering.
• Pri­mär ist AMP für Publisher gedacht — ent­spre­chend gibt es bei der mobi­len Suche einen Bereich mit dem Namen “Top Sto­ries” in wel­chem die AMP-Sei­­ten ange­zeigt wer­den.
• Die Inte­gra­ti­on von AMP-Sei­­ten ist aber auch für jeden ande­ren Web­­sei­­ten-Betrei­­ber mög­lich; es gibt bereits vie­le Plug-ins, die bei der Umset­zung unter­stüt­zen.

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.