AMP (Accelerated Mobile Pages): Unterschied zwischen den Versionen

Aus Seobility Wiki
Wechseln zu: Navigation, Suche
K (Techteam verschob die Seite Accelerated Mobile Pages nach AMP (Accelerated Mobile Pages))
(Ähnliche Artikel)
 
(16 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<seo title="AMP (Accelerated Mobile Pages)" metadescription="Was sind Accelerated Mobile Pages, wie funktionieren sie und für wen sind sie geeignet? Wir erklären es Dir im Seobility Wiki." />
+
<seo title="Was sind AMP und was bedeuten sie für SEO?" metadescription="Accelerated Mobile Pages (AMP) ist ein Open-Source-Projekt zur Verbesserung der Leistung von Webseiten für mobile Geräte. Jetzt weiterlesen ..." />
  
 
== Was sind AMPs? ==
 
== Was sind AMPs? ==
Zeile 9: Zeile 9:
 
== Funktionsweise ==
 
== Funktionsweise ==
  
Das AMP Framework nutzt reduzierte Versionen von HTML, CSS und Java-Script für die Webseitenerstellung sowie optional ein [[CDN|Content Delivery Network (CDN)]] für die Auslieferung der Seiten. AMP HTML ist einer leichtere HTML Version von Google, die viele der Elemente nicht enthält, die dazu führen, dass Webseiten langsam geladen werden. Einige Tags, die für normalen Webseitencode funktionieren, können nicht für AMP verwendet werden. Solche von AMP nicht unterstützte HTML Tags sind beispielsweise base, [[Frames und Framesets|frame, frameset]], param, applet und die Input-Elemente textarea, select oder option. Ersetzt wurden img, video, audio und iframe durch eigene Tags.
+
Das AMP Framework nutzt reduzierte Versionen von HTML, CSS und JavaScript für die Webseitenerstellung sowie optional ein [[Content Delivery Network (CDN)]] für die Auslieferung der Seiten. AMP HTML ist einer leichtere HTML Version von Google, die viele der Elemente nicht enthält, die dazu führen, dass Webseiten langsam geladen werden. Einige Tags, die für normalen Webseitencode funktionieren, können nicht für AMP verwendet werden. Solche von AMP nicht unterstützte HTML Tags sind beispielsweise base, [[Frames und Framesets|frame, frameset]], param, applet und die Input-Elemente textarea, select oder option. Ersetzt wurden img, video, audio und iframe durch eigene Tags.
  
 
Das für AMP genutzte JavaScript und CSS sind ebenfalls im Umfang eingeschränkte Versionen, die genutzt werden, um schnellere Ladezeiten zu erzielen. Es sollte beachtet werden, dass durch die Einschränkungen bestimmte Designelemente wie Übergänge oder Animationen bei AMP nicht realisiert werden können.  
 
Das für AMP genutzte JavaScript und CSS sind ebenfalls im Umfang eingeschränkte Versionen, die genutzt werden, um schnellere Ladezeiten zu erzielen. Es sollte beachtet werden, dass durch die Einschränkungen bestimmte Designelemente wie Übergänge oder Animationen bei AMP nicht realisiert werden können.  
  
 
Für AMP können außerdem zwei CDNs genutzt werden, um die Seiten noch schneller an Suchmaschinennutzer auszuliefern. Eines dieser CDNs ist der Google AMP Cache, das zweite wird von Cloudflare betrieben.
 
Für AMP können außerdem zwei CDNs genutzt werden, um die Seiten noch schneller an Suchmaschinennutzer auszuliefern. Eines dieser CDNs ist der Google AMP Cache, das zweite wird von Cloudflare betrieben.
 
+
[[File:AMP.png|mini|450px|rechts|alt=AMP|'''Abbildung:''' AMP - Autor: Seobility - Lizenz: [[Creative Commons Lizenz BY-SA 4.0|CC BY-SA 4.0]]|link=https://www.seobility.net/de/wiki/images/0/0c/AMP.png]]
Accelerated Mobile Pages werden auf dem eigenen Server gehostet. Von der Desktop Webseite verweist ein rel="amphtml" Tag auf die AMP Seite. Diese Seite enthält wiederum ein [[Canonical Tag|Canonical-Tag]] zur Desktop Webseite, um zu signalisieren, dass dies die Ursprungsseite ist und dadurch [[Duplicate Content]] zu vermeiden. Auf einem Cache Server von Google wird unter gstatic.com eine zweite Version der mobilen Webseite gespeichert. Diese wird mit einem Canonical Tag mit der Desktop-Webseite verknüpft. Die auf dem Cache Server gespeichert AMP Seite wird an die Suchmaschinennutzer ausgeliefert.
+
Accelerated Mobile Pages werden auf dem eigenen Server gehostet. Von der Desktop Webseite verweist ein rel="amphtml" Tag auf die AMP Seite. Diese Seite enthält wiederum ein [[Canonical Tag|Canonical-Tag]] zur Desktop Webseite, um zu signalisieren, dass dies die Ursprungsseite ist und dadurch [[Duplicate Content]] zu vermeiden. Auf einem Cache Server von Google wird eine zweite Version der mobilen Webseite gespeichert. Diese wird mit einem Canonical Tag mit der Desktop-Webseite verknüpft. Die auf dem Cache Server gespeichert AMP Seite wird an die Suchmaschinennutzer ausgeliefert.
  
 
== Bedeutung für SEO ==
 
== Bedeutung für SEO ==
  
Accelerated Mobile Pages profitieren von einer auffälligen Darstellung in den mobilen Suchergebnissen von Google. Die Anzeige von Artikeln erfolgt auf Mobilgeräten im Karussell über den übrigen Suchergebnissen, selbst wenn letztere aktueller sind. Obwohl AMPs zu Beginn vorwiegend von Nachrichtenseiten genutzt wurden, erscheinen inzwischen auch Blog-Inhalte und andere Webseiten ganz oben im Karussell und werden als schnelle Seiten für Mobilgeräte mit einem Blitz gekennzeichnet. Dadurch steigt die Aufmerksamkeit der User für diese Seiten.
+
Accelerated Mobile Pages profitieren von einer auffälligen Darstellung in den mobilen Suchergebnissen von Google. Die Anzeige von Artikeln erfolgt auf Mobilgeräten im Karussell über den übrigen Suchergebnissen. Das soll sich mit Googles Page-Experience-Update ändern, das im Juni 2021 ausgerollt wird.
  
[[Datei:Kennzeichnung von AMPs.jpg|link=|300px]]
+
[[Datei:Kennzeichnung von AMPs.jpg|link=|border|300px|alt=Kennzeichnung von AMPs in mobilen Suchergebnissen]]
  
 
Screenshot mit Kennzeichnung von AMPs in den mobilen Suchergebnissen von [https://www.google.de/search?q=accelerated+mobile+pages google.de]
 
Screenshot mit Kennzeichnung von AMPs in den mobilen Suchergebnissen von [https://www.google.de/search?q=accelerated+mobile+pages google.de]
  
AMPs verringern außerdem die [[Bounce Rate (Absprungrate)|Absprungrate]], denn mit der AMP Technologie wird der Artikelinhalt in Sekundenbruchteilen geladen, was die Frustration der User aufgrund von Wartezeiten erheblich verringert und die Besucher auf der Website hält. Dadurch wird die [[Verweildauer]] erhöht, welche direkt mit einem höheren Ranking in den Suchergebnissen von Google korreliert.
+
AMPs verringern außerdem die [[Bounce Rate (Absprungrate)|Absprungrate]], denn mit der AMP Technologie wird der Artikelinhalt in Sekundenbruchteilen geladen, was die Frustration der User aufgrund von Wartezeiten erheblich verringert und die Besucher auf der Website hält. Dadurch wird die [[Verweildauer]] erhöht, welche direkt mit einem höheren Ranking in den Suchergebnissen von Google korreliert.
 
 
Da die Bedeutung der Ladegeschwindigkeit und der Nutzererfahrung für das Ranking aufgrund von Googles Mobile First Ansatz erhöht wurde, könnte das Vorhandensein - oder das Fehlen - von AMP Seiten auf einer mobilen Webseite in Zukunft ein Faktor für das Ranking werden. Zwar sind die beschleunigten mobilen Webseiten noch kein offizieller Rankingfaktor, aber schon das sogenannte "Mobilegeddon" markierte eine erste Verlagerung Googles in Richtung der Bestrafung von nicht für Mobilgeräte optimierten Webseiten, indem diese Websites in den Suchergebnissen eliminiert wurden.
 
  
 
== Für wen sind AMPs geeignet? ==
 
== Für wen sind AMPs geeignet? ==
Zeile 33: Zeile 31:
 
In der Testphase konnten vor allem News Publisher wie die Washington Post, der Spiegel und andere Magazine mit textbasierten Inhalten von der prominenten Darstellung bei Google profitieren. Da es sich um ein Open-Source-Projekt handelt, werden jedoch ständig neue Funktionen hinzugefügt, sodass mittlerweile große Onlineshops wie Zalando den Einsatz von AMPs testen und die Vorteile nach und nach für alle Arten von Webinhalten interessant werden.
 
In der Testphase konnten vor allem News Publisher wie die Washington Post, der Spiegel und andere Magazine mit textbasierten Inhalten von der prominenten Darstellung bei Google profitieren. Da es sich um ein Open-Source-Projekt handelt, werden jedoch ständig neue Funktionen hinzugefügt, sodass mittlerweile große Onlineshops wie Zalando den Einsatz von AMPs testen und die Vorteile nach und nach für alle Arten von Webinhalten interessant werden.
  
== Nachteile ==
+
== Nachteile und Kritik ==
  
 
Ein möglicher Nachteil ist die vergleichsweise schwierige Implementierung von AMPs. Google bietet zwar fundierte Ressourcen und Tutorials, das bedeutet jedoch nicht, dass sie einfach umzusetzen sind. Zudem unterstützen AMPs [[Google Analytics]] nur eingeschränkt. Zwar können grundlegende Messwerte wie Besucher und Engagement erfasst werden, es gibt jedoch kaum Möglichkeiten, die Nutzererfahrung zu optimieren.  
 
Ein möglicher Nachteil ist die vergleichsweise schwierige Implementierung von AMPs. Google bietet zwar fundierte Ressourcen und Tutorials, das bedeutet jedoch nicht, dass sie einfach umzusetzen sind. Zudem unterstützen AMPs [[Google Analytics]] nur eingeschränkt. Zwar können grundlegende Messwerte wie Besucher und Engagement erfasst werden, es gibt jedoch kaum Möglichkeiten, die Nutzererfahrung zu optimieren.  
Zeile 39: Zeile 37:
 
Ein weiterer Nachteil sind die eingeschränkten Möglichkeiten bei der Gestaltung der Webseite in Bezug auf die Funktionalität. AMP Seiten zeigen z.B. keine E-Mail-Popups und -Optin-Formulare, keine Sidebar-Widgets, strategisch platzierte Social Share-Buttons und vieles mehr. Dadurch könnten E-Mail-Abonnenten und Leads verlorengehen.  
 
Ein weiterer Nachteil sind die eingeschränkten Möglichkeiten bei der Gestaltung der Webseite in Bezug auf die Funktionalität. AMP Seiten zeigen z.B. keine E-Mail-Popups und -Optin-Formulare, keine Sidebar-Widgets, strategisch platzierte Social Share-Buttons und vieles mehr. Dadurch könnten E-Mail-Abonnenten und Leads verlorengehen.  
  
Nicht zuletzt führt die Nutzung des Content Delivery Network in eine gewisse Abhängigkeit, denn AMPs werden in der Regel über Googles Cache-Server geladen. Da niemand außer Google selbst diese Server kontrollieren kann, führt dies zu einer Gebundenheit, die sich auf lange Sicht nachteilig auswirken kann.
+
AMP stand und steht außerdem immer wieder in der Kritik.
 +
So führt die Nutzung des Content Delivery Network in eine gewisse Abhängigkeit, denn AMPs werden in der Regel über Googles Cache-Server geladen. Da niemand außer Google selbst diese Server kontrollieren kann, führt dies zu einer Gebundenheit, die sich auf lange Sicht nachteilig auswirken kann.
 +
 
 +
Zusätzlich kann Googles Lösung Datenschutzprobleme mit sich bringen, da der Suchmaschinenanbieter Zugriff auf Verbindungsdaten der Nutzer erhält.
 +
 
 +
Bedenklich ist außerdem, dass Falschmeldungen von AMP profitieren könnten. AMP-konforme Websites haben Google in der URL und sehen somit auch glaubwürdig aus, unabhängig vom tatsächlichen Inhalt.
  
 
== Weiterführende Links ==
 
== Weiterführende Links ==
Zeile 46: Zeile 49:
 
* https://t3n.de/news/amp-google-news-turbo-684060/
 
* https://t3n.de/news/amp-google-news-turbo-684060/
 
* https://youtu.be/lBTCB7yLs8Y
 
* https://youtu.be/lBTCB7yLs8Y
 +
* https://www.heise.de/newsticker/meldung/Kommentar-zu-Google-AMP-Der-goldene-Kaefig-3657037.html
  
 
== Ähnliche Artikel ==
 
== Ähnliche Artikel ==
Zeile 54: Zeile 58:
 
[[Kategorie:Web Entwicklung]]
 
[[Kategorie:Web Entwicklung]]
 
[[Kategorie:Suchmaschinenoptimierung]]
 
[[Kategorie:Suchmaschinenoptimierung]]
 +
 +
<html><script type="application/ld+json">
 +
    {
 +
      "@context": "https://schema.org/",
 +
      "@type": "ImageObject",
 +
      "contentUrl": "https://www.seobility.net/de/wiki/images/0/0c/AMP.png",
 +
      "license": "https://creativecommons.org/licenses/by-sa/4.0/deed.de",
 +
      "acquireLicensePage": "https://www.seobility.net/de/wiki/Creative_Commons_Lizenz_BY-SA_4.0"
 +
    }
 +
    </script></html>
 +
 +
{| class="wikitable" style="text-align:left"
 +
|-
 +
|'''Über den Autor'''
 +
|-
 +
| [[File:Seobility S.jpg|link=|100px|left|alt=Seobility S]] Das Seobility Wiki Team besteht aus SEO-, Online-Marketing- und Web-Experten mit praktischer Erfahrung in den Bereichen Suchmaschinenoptimierung, Online-Marketing und Webentwicklung. Alle unsere Artikel durchlaufen einen mehrstufigen Redaktionsprozess, um Dir die bestmögliche Qualität und wirklich hilfreiche Informationen bieten zu können. <html><a href="https://www.seobility.net/de/wiki/Seobility_Wiki_Team" target="_blank">Mehr Informationen über das Seobility Wiki Team</a></html>.
 +
|}
 +
 +
<html><script type="application/ld+json">
 +
{
 +
  "@context": "https://schema.org",
 +
  "@type": "Article",
 +
  "author": {
 +
    "@type": "Organization",
 +
    "name": "Seobility",
 +
    "url": "https://www.seobility.net/"
 +
  }
 +
}
 +
</script></html>

Aktuelle Version vom 23. Januar 2024, 12:56 Uhr

Was sind AMPs?

Accelerated Mobile Pages (AMP) ist ein Open-Source-Projekt zur Verbesserung der Leistung von Webseiten für mobile Geräte. Im Grunde genommen handelt es sich um HTML Seiten, die sehr leichtgewichtig sind und durch den Verzicht auf bestimmte Funktionen kurze Ladezeiten ermöglichen. Accelerated Mobile Pages wurde von Google, Twitter und einer Reihe anderer Unternehmen als Reaktion auf Projekte wie Facebook Instant Articles und Apple News ins Leben gerufen.

Die Technologie hinter den AMP ermöglicht leichte Seiten, die schneller von Smartphone- und Tablet-Nutzern geladen werden können. Die kürzeren Ladezeiten verbessern die User Experience und sind daher ein wichtiger Faktor für die mobile SEO. AMP bieten mobilen Usern somit auch bei einer geringen Bandbreite der Internetverbindung eine gute Nutzererfahrung. Zudem werden die meisten AMP von Google gespeichert, sodass sie praktisch verzögerungsfrei an Suchmaschinennutzer ausgeliefert werden können. Laut Google nutzten AMP in der Google-Suche nur ein Zehntel der Daten von Standardseiten und sind in der Regel in weniger als einer Sekunde geladen.

Funktionsweise

Das AMP Framework nutzt reduzierte Versionen von HTML, CSS und JavaScript für die Webseitenerstellung sowie optional ein Content Delivery Network (CDN) für die Auslieferung der Seiten. AMP HTML ist einer leichtere HTML Version von Google, die viele der Elemente nicht enthält, die dazu führen, dass Webseiten langsam geladen werden. Einige Tags, die für normalen Webseitencode funktionieren, können nicht für AMP verwendet werden. Solche von AMP nicht unterstützte HTML Tags sind beispielsweise base, frame, frameset, param, applet und die Input-Elemente textarea, select oder option. Ersetzt wurden img, video, audio und iframe durch eigene Tags.

Das für AMP genutzte JavaScript und CSS sind ebenfalls im Umfang eingeschränkte Versionen, die genutzt werden, um schnellere Ladezeiten zu erzielen. Es sollte beachtet werden, dass durch die Einschränkungen bestimmte Designelemente wie Übergänge oder Animationen bei AMP nicht realisiert werden können.

Für AMP können außerdem zwei CDNs genutzt werden, um die Seiten noch schneller an Suchmaschinennutzer auszuliefern. Eines dieser CDNs ist der Google AMP Cache, das zweite wird von Cloudflare betrieben.

AMP
Abbildung: AMP - Autor: Seobility - Lizenz: CC BY-SA 4.0

Accelerated Mobile Pages werden auf dem eigenen Server gehostet. Von der Desktop Webseite verweist ein rel="amphtml" Tag auf die AMP Seite. Diese Seite enthält wiederum ein Canonical-Tag zur Desktop Webseite, um zu signalisieren, dass dies die Ursprungsseite ist und dadurch Duplicate Content zu vermeiden. Auf einem Cache Server von Google wird eine zweite Version der mobilen Webseite gespeichert. Diese wird mit einem Canonical Tag mit der Desktop-Webseite verknüpft. Die auf dem Cache Server gespeichert AMP Seite wird an die Suchmaschinennutzer ausgeliefert.

Bedeutung für SEO

Accelerated Mobile Pages profitieren von einer auffälligen Darstellung in den mobilen Suchergebnissen von Google. Die Anzeige von Artikeln erfolgt auf Mobilgeräten im Karussell über den übrigen Suchergebnissen. Das soll sich mit Googles Page-Experience-Update ändern, das im Juni 2021 ausgerollt wird.

Kennzeichnung von AMPs in mobilen Suchergebnissen

Screenshot mit Kennzeichnung von AMPs in den mobilen Suchergebnissen von google.de

AMPs verringern außerdem die Absprungrate, denn mit der AMP Technologie wird der Artikelinhalt in Sekundenbruchteilen geladen, was die Frustration der User aufgrund von Wartezeiten erheblich verringert und die Besucher auf der Website hält. Dadurch wird die Verweildauer erhöht, welche direkt mit einem höheren Ranking in den Suchergebnissen von Google korreliert.

Für wen sind AMPs geeignet?

In der Testphase konnten vor allem News Publisher wie die Washington Post, der Spiegel und andere Magazine mit textbasierten Inhalten von der prominenten Darstellung bei Google profitieren. Da es sich um ein Open-Source-Projekt handelt, werden jedoch ständig neue Funktionen hinzugefügt, sodass mittlerweile große Onlineshops wie Zalando den Einsatz von AMPs testen und die Vorteile nach und nach für alle Arten von Webinhalten interessant werden.

Nachteile und Kritik

Ein möglicher Nachteil ist die vergleichsweise schwierige Implementierung von AMPs. Google bietet zwar fundierte Ressourcen und Tutorials, das bedeutet jedoch nicht, dass sie einfach umzusetzen sind. Zudem unterstützen AMPs Google Analytics nur eingeschränkt. Zwar können grundlegende Messwerte wie Besucher und Engagement erfasst werden, es gibt jedoch kaum Möglichkeiten, die Nutzererfahrung zu optimieren.

Ein weiterer Nachteil sind die eingeschränkten Möglichkeiten bei der Gestaltung der Webseite in Bezug auf die Funktionalität. AMP Seiten zeigen z.B. keine E-Mail-Popups und -Optin-Formulare, keine Sidebar-Widgets, strategisch platzierte Social Share-Buttons und vieles mehr. Dadurch könnten E-Mail-Abonnenten und Leads verlorengehen.

AMP stand und steht außerdem immer wieder in der Kritik. So führt die Nutzung des Content Delivery Network in eine gewisse Abhängigkeit, denn AMPs werden in der Regel über Googles Cache-Server geladen. Da niemand außer Google selbst diese Server kontrollieren kann, führt dies zu einer Gebundenheit, die sich auf lange Sicht nachteilig auswirken kann.

Zusätzlich kann Googles Lösung Datenschutzprobleme mit sich bringen, da der Suchmaschinenanbieter Zugriff auf Verbindungsdaten der Nutzer erhält.

Bedenklich ist außerdem, dass Falschmeldungen von AMP profitieren könnten. AMP-konforme Websites haben Google in der URL und sehen somit auch glaubwürdig aus, unabhängig vom tatsächlichen Inhalt.

Weiterführende Links

Ähnliche Artikel

Über den Autor
Seobility S
Das Seobility Wiki Team besteht aus SEO-, Online-Marketing- und Web-Experten mit praktischer Erfahrung in den Bereichen Suchmaschinenoptimierung, Online-Marketing und Webentwicklung. Alle unsere Artikel durchlaufen einen mehrstufigen Redaktionsprozess, um Dir die bestmögliche Qualität und wirklich hilfreiche Informationen bieten zu können. Mehr Informationen über das Seobility Wiki Team.

Überprüfen Sie Ihre Webseite mit
dem SEO Check!