, , , , ,

Google AMP im Mobile SEO Check: Was leistet Googles Advanced Mobile Page Format?

Google AMP ist ein neues, webbasiertes Framework, das vorhandene Webseiten verschlankt, indem der Quellcode reduziert wird. Das AMP HTML Format wird neben dem eigentlichen Quelldokument verwendet. Die Ladezeiten auf mobilen Endgeräten sollen dadurch sehr stark reduziert werden. Als mögliche Werbeformate sollen für Publisher verschiedene Formate, Anzeigen-Netzwerke und andere Technologien unterstützt werden.

Details werden im Verlauf der nächsten Monate bekannt gegeben. Das AMP-HTML Framework ist ein Open Source und in der aktuellen Version kostenlos über Github zugänglich. Ein entsprechendes Google AMP WordPress Plugin ist auch bereits erhältlich. Dieses legt für jeden Blogbeitrag eine entsprechende Seite im AMP Format an, die parallel über den Pfad „Beitrags-URL/amp“ erreichbar ist. Zum Start werden Advanced Mobile Pages von großen Verlagen wie der FAZ, theguardian und Zeit Online, sowie von bekannten Technologieunternehmen wie Twitter, Pinterest und LinkedIn verwendet. Wie AMP Webseiten zum Start in den Suchergebnissen und auf den entsprechenden Webseiten angezeigt werden, sehen Sie im folgenden Video:

Alternativ können Sie sich auch verschiedene Demos anschauen. Um diese zu sehen, müssen Sie jedoch ein mobiles Endgerät verwenden. Die Links zu den Google AMP Demo Seiten sind im offiziellen Google Search Blog zu finden. Laut Google werden Google AMP Seiten Anfang 2016 in den mobilen Suchergebnissen berücksichtigt:

Google will begin sending traffic to your AMP pages in Google Search early next year, and we plan to share more concrete specifics on timing very soon. In the meantime, the AMP Project invites everyone to take part in the conversation on GitHub, and encourages you to begin experimenting with building AMP pages as soon as possible.

Bedeutung für Mobile SEO – Google AMP im Vergleich zu Facebook Instant Articles

Google antwortet mit dieser Entwicklung auf die Instant Articles von Facebook. Diese sind seit kurzem für die iOS Facebook App verfügbar. Android Nutzer können diese vorerst nur im Rahmen einer öffentlichen Beta testen. Anstatt wie gewohnt auf der eigentlichen Quellseite im Browser zeigen Instant Articles Beiträge von Webseiten, die über Facebook auf Smartphones und Tablets geteilt werden, innerhalb der Facebook App an. Die ursprüngliche Menünavigation der Webseite wird ersetzt. Zusätzlich können, statt wie bisher nur Links und Teaser, vollständige Artikel, Videos und Fotogalerien über Facebook direkt veröffentlicht werden.

Ansicht eines Facebook Instant Article im Newsstream
Ansicht eines Facebook Instant Article im Newsstream
Beitragsansicht eines Facebook Instant Articles
Beitragsansicht eines Facebook Instant Articles

Wie auch bei AMP sollen dadurch Inhalte auf mobilen Endgeräten deutlich schneller geladen werden. Der wahre Grund besteht jedoch hauptsächlich darin, die Publisher vermehrt dazu zu bringen, ihre Inhalte direkt über das soziale Netzwerk zu veröffentlichen, statt Facebook nur als Distributionskanal zu nutzen. Im Gegensatz zu den Instant Articles werden Webseiten im AMP Format bei den Publishern selbst gehostet und bei entsprechender Suche über die Google Server angezeigt. Laut Google soll auch die Kontrolle über Werbung und den daraus resultierenden Einnahmen beim Publisher selbst bleiben. Bei den Instant Articles hingegen werden von Facebook 30 Prozent der Erlöse als Provision einbehalten. Facebook übernimmt jedoch im Gegenzug, wenn gewünscht, die Vermarktung der Inhalte. Beim Verkauf von eigenen Anzeigen können die Werbeinnahmen jedoch vollständig vom Publisher einbehalten werden.

Betrachtet man die Instant Articles aus SEO Sicht, so sehe ich keine wirklichen Vorteile. Ganz im Gegenteil: Inhalte, deren Links in der Facebook App geteilt werden, verbleiben auch dort. Geteilt wird nicht die Webseite an sich, sondern der „Facebook Content“. Das bedeutet unter anderem, dass Traffic und die Besuchsdauer von Nutzern, die über Facebook gekommen sind, nicht mehr der eigentlichen Domain zugeordnet werden. Auch der Wegfall der Webseitennavigation sorgt dafür, dass die Besucher, nach Lesen des Artikels, nicht weiter auf der Webseite navigieren können. Dadurch kann auf andere Seitenbereiche nicht mehr direkt zugegriffen oder die interne Seitensuche verwendet werden. Im Endeffekt leidet unter diesen Punkten vor allem der Trust, einer der vielen Rankingfaktoren die Google bei der Berechnung der SERP’s berücksichtigt.

Im Vergleich dazu ist Google AMP ein hochinteressantes Thema für Mobile SEO. AMP-HTML Seiten werden mobile-optimiert mit schneller Ladezeit in den SERP’s angezeigt und können zusätzlichen Traffic von mobilen Endgeräten auf die eigene Webseite liefern. Die Inhalte werden dabei der eigentlichen Seite zugeordnet. Gleichzeitig werden Advertisern neue Möglichkeiten zur Vermarktung in den bezahlten Suchergebnissen geboten. Wie diese im Endeffekt aussehen, bleibt jedoch abzuwarten.

Google Advanced Mobile Pages im Mobile SEO Praxis Check

Seonative Webseite im Google AMP Format
Google AMP Version
Ansicht der Seonative Mobile SEO Webseite Responsive
Responsive Version

In diesem Teil des Beitrags beschäftige ich mich mit dem Aufbau einer AMP HTML Datei und vergleichen dazu eine AMP Webseite mit einer herkömmlichen mobilen Webseite. Verwendet wird hierfür die aktuelle Version des oben erwähnten AMP WordPress Plugin und unsere Mobile SEO Unterseite. Zu beachten ist, dass es sich beim WordPress Plugin um eine frühe Version (0.1) handelt und AMP noch in der Entwicklungsphase ist. Außerdem haben wir bei der AMP Version der mobilen Webseite keinerlei zusätzliche Anpassungen vorgenommen. Daher fehlen unter anderem Breadcrumbs und Navigation.

Folgende Punkte sind für unseren Mobile SEO Check relevant:

  • Ladezeiten und Page Size
  • Mobile Friendly Ergebnisse via Google Mobily Friendly Check
  • Text / Code Verhältnis
  • Anzahl CSS / JS im Vergleich zu einer normalen Responsive Webseite
  • Werden Mikrodaten Formate unterstützt?
  • Können Tweets und andere Social Media Formate eingebunden werden?
  • Einbindung von Medien zur Gestaltung des Contents

Ladezeiten und Page Size

Vergleich Ladezeiten und Seitengröße einer Google AMP Seite mit einer Responsive Webseite
Ladezeiten / Page Size Google AMP vs. Responsive Website

Die Ladezeiten und die Page Size wurden mit dem kostenfreien Tool GTmetrix getestet. Dabei ist zu beachten, dass GTmetrix als Standort London verwendet. Jedoch soll es bei diesem Test eher um die prozentuale Verbesserung, als um die genauen Zahlen gehen. Je niedriger die Werte sind, desto positiver ist die Auswirkung auf Mobile SEO.

Die Ladezeiten der mobilen Webseite hat sich durch Google AMP um 60 % verringert. Die Page Size hat sich um 93,43 % verringert. Berücksichtigt werden muss, dass das WordPress Plugin einige Seitenelemente noch nicht auf das AMP Format überträgt.

Mobile Friendly

Vergleich Nutzererfahrung AMP-HTML und herrkömmliche Responsive Webseite
Nutzererfahrung AMP-HTML / Responsive Webseite

Laut Page Speed Insights weist die Responsive Webseite eine Nutzererfahrung von 96/100 Punkten auf. Die AMP Variante kommt, wie zu erwarten auf 100 / 100 Punkten. Die Ergebnisse sind also so gut wie identisch.

Text / Code Ratio

Verhältnis Text zu Code AMP Webseite und Responsive Webseite
Text zu Code Verhältnis AMP vs. mobile Webseite

Das Verhältnis von Text zu Code spielt ebenfalls eine Rolle im Mobile SEO. Die Ergebnisse wurden mit dem Text-to-Code Ratio Tool von Seochat gemessen. Je höher dieser Wert ist, desto besser.

Auch beim Text / Code Ratio kann Google AMP im Vergleich zur mobilfähigen Webseite punkten. Der Code Anteil fällt deutlich geringer aus und das Text zu Code Verhältnis hat sich um 190 % verbessert.

Anzahl CSS / JS

Anzahl Requests Google AMP Webseite
Anzahl Requests Google AMP Webseite
Anzahl Requests Responsive Webseite
Anzahl Requests Responsive Webseite

Durch eine Verringerung der Anzahl an CSS und JS Dateien kann eine mobile Webseite beschleunigt werden. Daher ist dieser Faktor vor allem für Mobile SEO ein nicht zu unterschätzender Faktor. Natürlich spielt es dabei eine Rolle, ob eine Seite viele oder wenige aktive Plugins, wie z.B. Social Media Buttons, verwendet. Den Onpage Test habe ich ebenfalls mit GTmetrix ausgeführt. Die Gesamtzahl wird als Requests zusammengefasst. Dabei gilt: Je niedriger der Wert, desto besser.
Die Anzahl an Requests beträgt auf der Responsive Webseite 48. Durch AMP-HTML konnte diese Zahl um 600 % auf 8 reduziert werden. Google AMP verwendet also deutlich weniger JS und CSS Dateien als normale Mobilpages. Jedoch muss an dieser Stelle erwähnt werden, dass das verwendete AMP WordPress Plugin auch keinerlei Style Elemente der Basis Webseite übernommen hat.

Mikrodaten Auszeichnung

In der aktuellen Entwicklungsphase kann in AMP-HTML Dokumenten das Schema.org Markup in zwei Formaten eingebunden werden, sowohl als JSON als auch im Mikrodatenformat. Von Google wird derzeit JSON empfohlen. Als mögliche Daten Typen können derzeit Rezepte, Artikel, Videos und Reviews verwendet werden.

Social Media, Medienformate und weitere Features

Unterstuetzte Medienformate in Google AMP-HTML
Medienformate Google AMP-HTML

Medienformate erhöhen die Zeit, die ein Besucher auf der Webseite verbringt. Dadurch erhöht sich auch der Trust, der bei der Berechnung der mobilen Suchergebnisse berücksichtigt wird. In unserem AMP Mobile SEO Praxischeck haben wir daher überprüft, welche Medienformate zur Optimierung des Contents zur Verfügung stehen. Laut Dokumentation auf Github konnte ich hierzu folgendes herausfinden:

Bilder können in AMP-HTML Dokumenten in Form eines Carousels, einer Lightbox oder direkt aus Instagram eingebunden werden. Außerdem ist es möglich Tweets und Youtube Videos auf einer AMP Seite einzubetten. Zusätzlich können normale Videos, Audiodateien, animierte Bilder und I-Frames im Content integriert werden. Interessant für Advertiser ist die Möglichkeit via „amp-pixel“ Page Views zu zählen sowie Ad Container via „amp-ad“ einzufügen.

Fazit meines Google AMP Mobile SEO Check

Google AMP-HTML macht in meinem Mobile SEO Check einen hervorragenden Eindruck und hält vor allem in punkto Mobile Speed was es verspricht. Die Ladezeiten werden im Vergleich zu herkömmlichen Responsive Webseiten um ein Vielfaches beschleunigt. Das liegt vor allem daran, dass man bei der Verwendung von HTML Elementen eingeschränkter ist, weniger CSS- und JS-Skripte geladen werden und die Menge an Quellcode reduziert wird. Dadurch ist im Endeffekt die Datengröße von Webseiten sehr viel kleiner. Die Möglichkeit Content mit Videos, Bildern, Audiodateien, Social Media Posts und Ads zu erweitern ist auf jeden Fall gegeben. Google AMP stellt hierfür mobile optimierte Komponenten bereit. Bereits jetzt kann auf AMP Webseiten das Schema.Org Markup angewendet werden. Beispiele existieren bereits für Artikel, Videos, Rezepte und Reviews. Auf welche Art und Weise AMP Webseiten in die mobilen Suchergebnisse integriert werden und ob man langfristig auf AMP HTML umsteigen muss, bleibt abzuwarten. Google AMP ist auf jeden Fall jetzt schon eine hochinteressante Entwicklung für Mobile SEO und für SEOs um einiges relevanter als Facebooks Instant Articles. In Anbetracht, dass die Ladezeiten einer der wichtigsten SEO Rankingfaktoren 2016 sein wird, ist durch die Verwendung von Google AMP höchstwahrscheinlich ein Rankingboost zu erwarten.

Google AMP News / Updates

Wie ist die Einschätzung der SEO Szene? Inwieweit wird Google AMP die mobilen Suchergebnisse revolutionieren? Wir freuen uns über Tweets, Kommentare und weitere Blogbeiträge zu diesem Thema, die wir gerne auch in unserem Beitrag sammeln und veröffentlichen! Hashtag: #AmpSeoDe

Update 10.12.2015

Google hat im Accelerated Mobile Pages Project Blog angekündigt, dass Google AMP Seiten ab Februar 2016 in den SERP’s berücksichtigt werden. Außerdem wird das AMP Format ab Januar von WordPress unterstützt.

Google will begin sending traffic to AMP pages in Google Search as early as late February, 2016…WordPress will support all publishers that wish to enable AMP pages beginning in January…

Weitere Neuigkeiten zu den Themen Advertising, Analytics, Suscriptions und den aktuellen Verbesserungen von AMP-HTML finden Sie im oben genannten Blog. Spekuliert wird derzeit auch darüber, ob Google AMP Seiten in den SERP’s ein spezielles Label bekommen – ähnlich wie „Mobile Friendly“. Nach Rückfrage von Searchengineland gab es von Google hierzu folgende Antwort:

Google responded informally that it was more likely they would label pages “fast,” which is more intuitive for consumers.

Update 18.12.2015


In einem Hangout zum Thema Mobile Webseiten, App Indexierung und Accelerated Mobile Pages (AMP) hat John Müller (Google Schweiz) einige Hinweise darauf gegeben, was bei der Verwendung von Google AMP zu beachten ist. Deutlich wies er darauf hin, dass Google AMP im kommenden Jahr das „Big Topic“ sein wird. Die wichtigsten Punkte hat Christian Kunz von seo-suedwest.de in seinem SEO Blog zusammengefasst.

  • Derzeit ist AMP vor allem für „Published Content“ gedacht, also Artikel wie Blogposts oder Nachrichten, jedoch nicht für interaktive Inhalte.
  • AMP ist nicht nur für die Suche relevant, sondern auch für andere Plattformen wie Twitter odet Pinterest.
  • Bestehende Webseiten müssen nicht angepast werden, sondern es wird eine parallele AMP-Version der Seite erstellt (Ausnahme: Der Verweis auf die AMP-Version).
  • Die AMP-Version muss per Canonical-Tag auf die HTML-Version der Webseite verweisen. Ansonsten wird sie nicht berücksichtigt.
  • Oftmals genügt ein Plugin für das genutzte CMS, um die AMP-Version für eine Seite zu erstellen.
  • Probleme mit Duplicate Content soll es wegen der AMP-Version nicht geben.
  • Links der AMP-Version müssen nicht in der Sitemap erscheinen.
  • Linkbuilding ist für die AMP-Webseite nicht nötig.
  • Noch ist nicht klar, wie Impressions und Klicks von AMP-Seiten in der Search Console gemessen werden sollen (Beispiel AMP-Karussell). Google arbeitet noch an der Darstellung in der Search Console.

Aufgrund von AMP hat Google die Rich Snippet Dokumentation für News Artikel und Blogbeiträge aktualisiert. Die Liste der Properties wurde von 6 auf 17 angehoben wobei 14 für eine korrekte Anzeige benötigt werden.

The number of Article properties described in the guidelines have increased from six to seventeen. Only three properties were previously listed as required, whereas now the markup specifications list fourteen required properties, along with one recommended property.

Mehr Informationen finden Sie im Beitrag von Aaron Bradley / SEO Skeptic.

Update 21.4.2016 AMPlifizierung von Google News

So – what’s new? At the top of the page, there is a new AMP carousel filled with important headlines and stories of the day. Users can browse up to 14 headlines there quickly, and click any article to jump into the viewer, which is optimized for fast-loading AMP articles. In the viewer, people can also swipe to continue reading other stories from the carousel. Within the regular News stream, AMPlified articles are labelled with the AMP lightning bolt icon. That way, users can know these will be fast even before they click.
Maricia Scott, Engineering Director, Google News

Quelle: http://googlenewsblog.blogspot.de/2016/04/amplifying-news.html
Konkret bedeutet das: Wer in den Google News bleiben will, muss seine Newsseiten auch als AMP-Alternativen bereitstellen, da diese Seiten bei Newsquellen bevorzugt werden.

Update 23.5.2016: Neue Zahlen bezüglich Google AMP von der Google I/O Konferenz

Richard Gingras von Google hat auf der Google Entwicklerkonferenz ein paar Zahlen zur Verbreitung von AMP bekannt gegeben: 125 Millionen Seiten von 640.000 Domains sind bereits im AMP Format indexiert. In sehr naher Zukunft (wahrscheinlich schon aktuell in den USA) werden Rezepte und Blogartikel im AMP Format indexiert.


Update 6.6.2016 – AMP Roadmap: Navigation und Formularfelder noch im zweiten Quartal 2016

Es gibt eine AMP Roadmap, bei der jeder einsehen kann, was geplant ist. Und noch mehr: Man darf sich aktiv mit Vorschlägen einbringen. Die Roadmap ist aufgeteilt in die Bereiche Format, Analytics, Ads und Access. https://www.ampproject.org/roadmap/

Die interessantesten Punkte auf der Roadmap sind, dass noch im 2. Quartal 2016 Menüs (amp-sidebar) und Formularfelder finalisiert werden sollen und ins AMP Framework Einzug halten werden. Damit kann man mit dem AMP Framework „richtige“ Websites ausliefern. Damit würden viele Fragestellungen aus den Kommentaren unten obsolet werden.

Mal sehen, wann diese Funktionalitäten in das WordPress-Plugin aufgenommen werden.

Weitere Beiträge

Wo liegt aktuell Ihr größter digitaler Hebel?

Ob Search, Paid, E-Commerce, Website oder Automation: Wir schauen uns an, wo eine Zusammenarbeit wirtschaftlich sinnvoll ist – und sagen auch, wenn ein anderes Vorgehen besser passt.