morefire
MENÜ

Google AMP & schnelle Ladezeiten – Das sollten Unternehmen spätestens jetzt wissen

Googles Accelerated Mobile Pages (AMP) Framework ist im Teilbereich des technischen SEO zu verorten und verbreitet sich immer stärker im Internet. Mittlerweile verwenden über 4 Billionen Webseiten weltweit diese Technologie. Auch ein großer E-Commerce Player wie Ebay nutzt AMP und hat bereits 15 Millionen Webseiten mit dieser Technologie ausgestattet. Somit ist die Pionierzeit schon längst vorbei. Da Du als SEO überwiegend für die Google-Suche optimierst und Google AMP massiv vorantreibst, solltest Du spätestens mit dieser Technologie vertraut machen. Auch Content Marketer müssen wissen, wie sie die erstellten Inhalte im Trend des mobilen Surfens ihrer Zielgruppe zeitgemäß zugänglich machen. Es ist also höchste Zeit für Unternehmen strategisch über AMP nachzudenken.

AMP – Eine Definition

Bevor wir tiefer in die Materie eintauchen, hier nochmal ein kurze Begriffsdefinition. AMP steht für Accelerated Mobile Pages. Diese Auszeichnungssprache ist aus einem Projekt von Google entstanden mit dem Ziel die Ladezeiten von mobilen Internetseiten zu verringern. AMP-Seiten haben einen speziellen Quellcode und werden nur auf mobilen Geräten wie Browsern und Smartphones ausgespielt. Sie sind für den Nutzer anhand eines Blitzsymbols in den organischen Suchergebnissen erkennbar.

AMP Ansicht Mobile_morefire

Vorteile von AMP-Seiten

53% der Besucher verlassen je nach Wettbewerbssituation und Preisbewusstsein eine Webseite wieder, sobald diese mehr als 3 Sekunden lädt. Wie der Blitz im Logo der AMP-Technologie zum Ausdruck bringt, laden die mobilen AMP-Seiten blitzschnell. Hierdurch entsteht ein enormer Wettbewerbsvorteil und ein großes Potential zur Umsatzsteigerung.

Gerade einmal 0,9 Sekunden beträgt die durchschnittliche Ladezeit einer Accelerated Mobile Page und die Datengröße der Seite ist 10-mal niedriger als bei herkömmlichen Webseiten. Beim AMP-Design wird der Fokus auf die mobile Freundlichkeit und eine gute mobile Usability gelegt.

Die Performance einer URL in einer AMP-Version zu der gleichen URL der herkömmlichen z.B. Responsive-Version, lässt sich einfach über einen Google Ads-A/B-Test vergleichen. Schaltest Du z.B. die gleichen mobilen Anzeigen auf beide URL-Varianten, sollten sich bessere Performancedaten bei der AMP-Version ergeben. In der Regel generieren AMP-Seiten z.B. mehr Conversions als die Responsive-Versionen. Generell berichten viele Advertiser über gute Erfahrungen mit AMP-Seiten.

Die AMP-Seiten lassen sich verhältnismäßig einfach und schnell entwickeln. Nach Googles Aussagen im Rahmen von Hackathons wurden einfache AMP-Seiten innerhalb eines Tages erstellt und komplexere AMP-Webseiten mit mehr Funktionalitäten in weniger als einer Woche.

Aus eigener Erfahrung kann ich sagen, dass z.B. die Entwicklung einer AMP-Version des Blogs einer E-Commerce-Webseite eines Kunden unkompliziert verlief. Das AMP-Logo wurde noch am selben Tag nach Liveschaltung in den Suchergebnissen angezeigt. Hier wurde auf ein AMP WordPress Plugin zurückgegriffen. Für viele CMS und Shopsysteme sind mittlerweile AMP Plugins verfügbar.

Waren die technischen Möglichkeiten bei AMP-Seiten anfänglich noch limitiert, so kommen immer mehr Funktionalitäten hinzu. Beschränkten sich früher die Empfehlungen für die AMP-Technologie noch auf eher redaktionelle Webseiten, wie z.B. Blogs, Ratgeber und online Magazine, so spricht Google mittlerweile auch eine Empfehlung für E-Commerce-Seiten aus. Hier tut sich in letzter Zeit sehr viel und Google entwickelt die Möglichkeiten der AMP-Technologie stetig weiter.

Ich denke, dass es nur eine Frage der Zeit ist, bis viele Online Shops die AMP-Technologie einsetzen werden. Es ist übrigens kein Problem, eine Responsive-Version und eine AMP-Version einer Webseite parallel zu betreiben. Unter Berücksichtigung des von Google angestrebten mobile first Indexes, sollte über eine zusätzliche AMP-Variante daher, zumindest strategisch, nachgedacht werden. Auch die Tracking Möglichkeiten auf AMP-Webseiten unter der Verwendung von Google Analytics werden immer umfangreicher. Wahrscheinlich werden diese herkömmlichen Webseiten in Zukunft in nichts mehr nachstehen.

Was AMP ist und welche Vorteile es mit sich bringt, kannst Du auch in diesem Video sehen:

Die 3 technischen Komponenten von AMP

Die AMP Technologie basiert auf drei Komponenten. Die verwendete Auszeichnungssprache ist AMP HTML. Im Wesentlichen kannst Du hier alle Tags verwenden, die Du auch aus dem ursprünglichen HTML kennt. Der Header wird z.B. mit <html amp> eingeleitet. Es gibt auch ein paar speziell für AMP modifizierte Tags, wie z.B. das Image Tag:

<amp-img src=“https://www.ampproject.org/examples/images/amp.jpg“ width=“900″ height=“508″ layout=“responsive“></amp-img>

Allerdings ist der Einstieg sehr unkompliziert. Jeder, der mit HTML vertraut ist, wird sich sehr schnell mit AMP HTML anfreunden können. Durch die AMP HTML Tags wird es Google erleichtert, die Inhalte auf der AMP Seite zu interpretieren. Für mehr Detailinformationen empfehle ich die Getting started Anleitung auf ampprojet.org zu besuchen.

Als Scriptsprache wird AMP JS verwendet, die ebenfalls sehr ähnlich wie das ursprüngliche Java Script aufgebaut ist. Hiermit können z.B. Web Fonts geladen werden. Alle externen Ressourcen werden asynchron geladen. Somit sichert AMP JS das schnelle Rendering der AMP HTML Seite. Mehr Infos gibt es auf dieser Seite.

Die dritte Komponente und das Herz der Technologie ist der AMP Cache. Dieser sorgt für das extrem schnelle Laden der AMP Webseiten. Besuchst Du z.B. eine AMP-Webseite über die Google Suche so wird ein validiertes AMP-Dokument aus dem Google Cache geladen und angezeigt. Wenn Du tiefer in dieses Thema einsteigen möchtest, findest Du hier auf Google Developers weiterführende Informationen zu der frei nutzbaren Technologie.

Das solltest Du als SEO technisch beachten

Wenn Du die SEO-Verantwortung für einen Webseitenauftritt trägst, gibt es einiges, was Du bei einer entwickelten AMP-Webseite vor dem Livegang im Quellcode beachten und prüfen solltest:

URL-Struktur bei AMP Seiten

Wenn die ursprüngliche URL z.B. diese Struktur aufweist: das-ist-ein-beispiel.de/verzeichnis, dann sollte die AMP-URL eine Struktur wie amp.das-ist-ein-beispiel.de/verzeichnis oder das-ist-ein-beispiel.de/amp/verzeichnis aufweisen und entsprechend gehostet werden.

Verweis von jeder nicht AMP-Seite auf die entsprechende AMP-Version

Damit Google überhaupt Kenntnis von der vorhandenen AMP-Version erhält, muss auf diese im Quellcode jeder Seite hingewiesen werden. Dafür setzt Du einen Link in den Head-Bereich jeder URL, um auf die AMP-Variante hinzuweisen.

Auf der URL https://www.das-ist-ein-beispiel.de/verzeichnis wird beispielsweise der Tag

<link rel=“amphtml“ href=“https://www. das-ist-ein-beispiel.de/verzeichnis/amp“ /> in den Head-Bereich gesetzt. Somit erkennt Google, dass es eine AMP-Version der Seite gibt und lädt diese für mobile Besucher.

Von jeder AMP-Seite sollte auf die Nicht-AMP-Version der Seite verwiesen werden

Um Duplicate Content zu vermeiden, ist es wichtig von jeder AMP-Version einer URL ein Canonical Tag auf die nicht AMP-Version einer Seite zu setzen.

Also sollte z.B. auf der URL https://www.das-ist-ein-beispiel.de/amp/verzeichnis folgendes Canonical Tag gesetzt werden:

<link rel=“canonical“ href=“ URL https://www.das-ist-ein-beispiel.de/verzeichnis“ />

Gültigkeit der AMP-Seite überprüfen

Um sicher zu gehen, dass die entwickelte AMP-Seite technisch korrekt aufgebaut ist, sollte der Quellcode überprüft werden.

Einen Überblick zu den wichtigsten Regeln findet Du hier unter Create your AMP HTML page. Um die AMP-Dokumente nicht händisch prüfen zu müssen, empfiehlt es sich dieses Tool zu nutzen: https://search.google.com/test/amp. Jetzt hast Du schon einmal ein beruhigendes Gefühl und kannst abwarten, bis die ersten Daten in der Search Console einlaufen.

AMP-Fehlerbehebung und Indexierungsstatus in der Google Search Console

Sobald Du AMP erfolgreich implementiert hast, erhältst Du nach einiger Zeit Daten zu Fehlern und dem Indexierungsstatus in der Google Search Console. So lassen sich potenzielle Fehler beheben und Indexierungsprobleme feststellen.

Google Analytics auf AMP-Seiten implementieren

Im Vorfeld sollte das Google Analytics Tracking auf den AMP-Seiten eingerichtet werden, um die Performance der Seite beurteilen zu können und evtl. A/B-Vergleiche zu anderen Versionen der Webseite durchführen zu können. Dafür wird auf den AMP-Seiten ein amp-analytics Java Script File implementiert:

<script custom-element=“amp-analytics“ src=“https://cdn.ampproject.org/v0/amp-analytics-0.1.js“ async></script>

Um Google Analytics anschließend zu aktivieren, muss das „type“ Attribut auf „googleanalytics“ gesetzt werden. Danach muss noch die entsprechende Property ID definiert werden. Im Folgenden werden noch die „trigger requests“ wie „pageview“, „event“ oder „social“ ausgewählt.

Danach fließen die gewünschten Daten in die ausgewählte Property ein und können beurteilt werden. Google pusht derzeit die AMP-Technologie sehr stark und es wird immer weiter an neuen Trackingmöglichkeiten für AMP-Webseiten gearbeitet. Wer tiefer in das Thema Tracking von AMP-Seiten eintauchen möchte, dem empfehle ich die Webseite Adding Analytics to your AMP pages.

Erfolgsresultate durch die Verwendung der AMP-Technologie

Glauben wir den neusten Aussagen seitens Google, so verzeichnet zum Beispiel das TIME Magazin seit der Verwendung der AMP-Technologie einen Anstieg um 13 % der Verweildauer. Das Magazin GIZMODO verkündet z.B., dass 80 % der neuen Besucher über die AMP-Technologie die Seite besuchten. Generell sind die Erfahrungen mit der AMP-Technologie seitens der Webseitenbetreiber überwiegend positiv. Als weitere Primärquelle zu Thema AMP empfehle ich die Aufzeichnung der Live Übertragung des Google Webmaster Hangouts vom 25.10.17.

Fazit

Google treibt die AMP-Technologie stark voran. Die Entwicklung von AMP-Seiten ist verhältnismäßig einfach umzusetzen und die Vorteile wie z.B. ein prominentes Snippet mit AMP-Logo und die extrem schnelle Seitenladegeschwindigkeit sind nicht von der Hand zu weisen. Mittlerweile setzen immer mehr Unternehmen auf diese Technologie und das Feedback ist überwiegend positiv. Da Du als SEO in der Regel hauptsächlich für die Google Suche optimierst, solltest Du versuchen dir strategische Wettbewerbsvorteile zu sichern und dich nicht gegen Google Technologien sperren. Die Möglichkeiten für Funktionalitäten und die des Trackings schreiten immer weiter voran und es bleibt nur noch eine Frage der Zeit bis AMP auch den E-Commerce Bereich erobern wird. Gerade unter der Berücksichtigung des Mobile First Indexes und des zunehmenden mobilen Surfens, sollte AMP bei jeder Online-Marketing-Strategie bedacht werden.

Robert Zimmermann

Robert Zimmermann ist Senior Consultant SEO bei morefire und schreibt über alle Themen, die mit Suchmaschinenoptimierung zu tun haben. Privat betreibt er unter anderem den Erdmännchen Shop.

4.67 / 5 (6 votes)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.