Skip to main content

Accelerated Mobile Pages (AMP)

Was sind Accelerated Mobile Pages (AMP)?

Accelerated Mobile Pages abgekürzt AMP ist ein plattformübergreifendes Open-Source-Framework, das die Ladezeiten von Webseiten auf mobilen Endgeräten deutlich verkürzen soll. Accelerated Mobile Pages nutzen eigene HTML Tags, eine eigene JavaScript Library und ein stark verschlanktes CSS (Stilsprache des WWWs), um das Laden von Webseiten zu beschleunigen.

Start von Accelerated Mobile Pages

Der Start des AMP-Projektes wurde von Google am 7. Oktober 2015 angekündigt. An den Vorbereitungen waren die European Digital News Initiative (DNI), Nachrichtenverlage und Technologieunternehmen – darunter Twitter, Pinterest, LinkedIn und WordPress – beteiligt.

Im Februar 2016 wurden von Google erstmals die AMP-Versionen von Webseiten in den mobilen Suchergebnissen angezeigt. Anfänglich waren Links zu Accelerated Mobile Pages auf den Abschnitt “Top Stories” der mobilen Google-Suchergebnisse beschränkt. Im Februar 2017, ein Jahr nach dem offiziellen Start von AMP, berichtete Adobe, dass AMP-Webseiten etwa 7% des gesamten Web-Traffics der wichtigsten Publisher in den USA ausmachten. Und im Mai 2017 waren laut Google bereits zwei Milliarden AMP-Seiten von 900.000 Domains online.

Quelle: https://www.optimanova.com/amp-nyc-conference-2017/

Wodurch unterscheiden sich Accelerated Mobile Pages von anderen Websites?

Accelerated Mobile Pages nutzen ein auf weniger als 50 KB verschlanktes CSS, einen geänderten HTML Code mit speziellen Tags, eine eigene JS Library und für die Auslieferung der Seiteninhalte in der Regel das proxybasierte Content Delivery Network (CDN) von Google.

AMP HTML Tags ersetzen zum Teil die herkömmlichen Tags innerhalb des HTML Quellcodes. Der Umfang des Quellcodes wird dadurch reduziert und Inhalte werden erst geladen, wenn sie von den Webseitensuchern benötigt werden. Zudem erfolgt bei AMP nur eine einzige HTTP-Anfrage je Seitenaufruf.

Für eine schnelle Bereitstellung von Accelerated Mobile Pages sorgt der Google AMP Cache. Die Auslieferung der Webseiten erfolgt bei herkömmlichen Webseiten vom Server des Webhosters. Bei Nutzung des AMP Cache, werden die Seiten über das weltweite, auf HTTP 2.0 basierende Content Delivery Network (CDN) von Google ausgeliefert. Dazu müssen die Webseiten inklusive aller Bilder und der JavaScript Dateien im Cache des Netzwerkes gespeichert werden. Die Dateien werden vom Netzwerk auf ihre einwandfreie Funktionalität hin überprüft und gegebenenfalls optimiert, bevor sie ausgeliefert werden können.

Welche Vorteile bieten Accelerated Mobile Pages?

Allen Unternehmen bieten die schnellen mobilen Seiten Vorteile. Die Absprungraten können durch die Nutzung von AMP reduziert werden. Zudem wird die Positionierung der Inhalte in Googles Nachrichtenüberblick ebenso verbessert, wie das Ranking der Website in den Suchergebnissen.

Für mobile User bieten Accelerated Mobile Pages gegenüber herkömmlichen Webseiten den Vorteil sehr kurzer Ladezeiten. AMP werden nicht in einem Zug vollständig, sondern nach und nach auf die mobilen Geräte geladen. Das Layout einer Webseite, gefolgt von Text und Titelbild werden zuerst geladen. Dadurch können User bereits durch den Text einer Webseite scrollen, während im Hintergrund weiterer Text, Bilder und schließlich die Inhalte von externen Quellen nachgeladen werden.

Wenn eine AMP-Version einer herkömmlichen Webseite existiert, wird ein Link zur AMP-Seite normalerweise in ein HTML-Tag im Quellcode der Standardseite eingefügt. Da die meisten AMP-Webseiten von Web-Crawlern leicht zu finden sind, können Suchmaschinen anstelle der Standardversion eine Verknüpfung mit der AMP-Version einer Webseite herstellen und in mobilen Suchergebnissen ausgeben.

Gibt es Nachteile von Websites auf der Basis von AMP?

Einer der größten Nachteile des Accelerated Mobile Pages Frameworks sind die Restriktionen beim CSS. Durch den eingeschränkten Umfang können verschiedene Optionen für das Layout einer Webseite nicht genutzt werden. Hierzu zählen beispielsweise Übergänge und Animationen. Zudem können mit dem AMP HTML Code keine Formulare auf einer Webseite angezeigt werden.

 

 

Sie haben noch Fragen?

Kontaktieren Sie uns

Accelerated Mobile Pages (AMP)
5 (100%) 1 vote