Warum AMP?
Die Anzahl der Suchanfragen von mobilen Geräten hat Desktop überholt. Das Open-Source-Framework namens „Accelerated Mobile Pages“ (AMP) wurde mit einem Hauptziel erstellt: schnelle Ladezeiten für mobile Benutzer zu erstellen. Dies war eine Reaktion auf die steigende Nachfrage nach kurzen Ladezeiten – ein Thema, das von Verlagen und Unternehmen immer wieder angesprochen wurde.
Die Initiative wurde mit dem Ziel gestartet, ein System zu schaffen, das allen Beteiligten zugute kommt., Werbetreibende, Publisher und Nutzer sollten alle von AMP profitieren.
Wie sich das AMP-Projekt entwickelte
Das“ Accelerated Mobile Pages Project “ wurde 2015 von einer Unternehmensgruppe wie Google, WordPress und dem Software-Riesen Adobe ins Leben gerufen. Von Anfang an waren auch mehrere internationale Nachrichtenportale am AMP-Projekt beteiligt, wobei einige der ersten Websites, die AMP implementieren, der Guardian (Großbritannien), die Washington Post und Buzzfeed (USA), die Frankfurter Allgemeine Zeitung und Die Zeit (Deutschland) und El Pais (Spanien) waren., Twitter und LinkedIn sind seit Anfang an auch als Technologiepartner an AMP beteiligt.
Heute nutzen fast alle großen Online-Medien AMP-Technologie. Sie haben den großen Wert erkannt, den mobile Websites durch schnelles Laden erzielen können. Mit Hilfe der richtigen Plugins können WordPress-Nutzer auch über AMP publizieren, obwohl es für AMP noch keine eCommerce-Lösung gibt.
Warum AMP eine gute Idee ist
In den letzten zehn Jahren hat das Smartphone den Desktop-PC in vielen Branchen und Ländern überholt und ist zum primären Gerät geworden, mit dem Menschen online gehen., Wir benutzen unser Handy, um nach einem nahe gelegenen Restaurant zu suchen, wir kaufen auf unseren Handys ein oder wir lesen die Nachrichten auf unseren Handys im Zug zur Arbeit. Für mobile Nutzer ist es besonders wichtig, dass Webseiten schnell geladen werden. Der kritische Grenzwert soll bei drei Sekunden liegen. Wenn das Laden einer Website länger dauert, springt die Mehrheit der mobilen Internetnutzer und verlässt die Seite.
AMP ist eine gute Idee, da es speziell entwickelt wurde, um Websites zu erstellen, die so schnell wie möglich auf mobilen Geräten geladen werden.,
Problem: Web … sites… that… load… too… slow…ly
Wie schnell Webinhalte geladen werden, hängt von der Verbindungsgeschwindigkeit und der Dateigröße der Website ab. Beide Aspekte sind miteinander verbunden. Einige Seiten werden langsam geladen, auch wenn die Verbindungsgeschwindigkeit schnell ist und das zu ladende Dateivolumen zu groß ist. Ebenso kann selbst eine technisch optimierte Seite langsam geladen werden, wenn die Verbindung zu langsam ist.
Lösung: AMP
AMP kann die verfügbare Kapazität einer Internetverbindung nicht beeinflussen, daher konzentriert sich die Technologie auf den Aspekt der Ladezeiten, auf den sie sich auswirken kann., AMP schafft die besten Voraussetzungen, damit eine mobile Website auch bei langsamer Datenübertragung schnell geladen werden kann. Dazu wird die Anzahl der erforderlichen JavaScript-und CSS-Elemente begrenzt, sodass nur wenige Ressourcen geladen werden müssen, damit eine Seite angezeigt werden kann.
Der Schlüssel zu den kurzen Ladezeiten von AMP liegt in erster Linie in der Reduzierung von Dateien, die geladen werden müssen. Ein weiterer wichtiger Faktor ist ein Proxy-Server, der einen Cache der Zielseite bereithält., Dieser Inhalt wird über ein Content Delivery Network übertragen, was den Vorteil hat, dass die Seite immer mit der gleichen Geschwindigkeit erstellt werden kann, von wo aus der Benutzer darauf zugreift.
AMP-Quellcode
Im Allgemeinen können alle Server AMP-Quellcode lesen, da der Code auf bekannten Skripten basiert. Die folgenden drei Elemente sind charakteristisch für AMP:
- AMP HTML: Der HTML-Code einer beschleunigten mobilen Seite ist auf das Wesentliche beschränkt. Wenn die Seite geladen wird, wird nur eine HTTP-Anforderung gesendet.
- AMP JavaScript: AMP verwendet asynchronen JS-Code., Auf diese Weise kann die Site mit dem Erstellen beginnen, bevor alle JS-Elemente geladen wurden.
- AMP CDN: Ein Cache jeder AMP Website wird auf verschiedenen Servern weltweit gespeichert. Dieser Inhalt kann über einen möglichst kurzen Weg über ein Content Delivery Network an den Benutzer gebracht werden. Ein weiterer Vorteil eines CDN ist, dass die Funktionalität der Seite laufend überprüft wird. Dies hilft, Fehler zu vermeiden.
Welche Änderungen müssen an HTML-Code vorgenommen werden, um AMP zu implementieren?
Es gibt eine Reihe von spezifischen Funktionen einer website HTML hat, um für es zu laufen über AMP., Alle audiovisuellen Medieninhalte müssen mit speziellen AMP-Tags gekennzeichnet sein, z. B. amp-img, amp-Video, amp-Audio oder amp-iframe. Ein Beispiel dafür, wie ein Bild mit AMP in den Quellcode einer Seite eingefügt werden kann, ist:
<amp-img src=“myimage.,jpg“ alt=“was Sie auf dem Bild sehen können“ height=“200″ width=“300″></amp-img>
Zusätzlich müssen auf jeder Seite die folgenden Tags enthalten sein, damit sie mit AMP korrekt angezeigt werden können:
Die Vorteile von AMP für verschiedene Interessengruppen
Wie oben erwähnt, wurde AMP mit dem großen Ziel gestartet, allen zugute zu kommen: Werbetreibenden, Publishern und Nutzern.a
- Werbetreibende: Werbetreibende können AMP mit einer Vielzahl verschiedener Werbeformate verwenden., Werbeinhalte werden asynchron geladen, was bedeutet, dass die Benutzererfahrung nicht durch Anzeigen gestört wird, die das Laden der Seite verhindern.
- Publisher: Publisher profitieren von einer prominenten Platzierung von AMP-Websites im News-Umfeld. Auch die hohe Nutzbarkeit mobil optimierter Webseiten trägt zu positiven Nutzersignalen bei.
- Benutzer: Websites mit AMP sind perfekt für Benutzer. Sie müssen nicht lange warten, bis Seiten geladen sind, und sie können sogar auf eine hohe Leistung vertrauen, wenn sie über eine langsame Internetverbindung surfen.,
AMP und die Mobile-First-Index
der AMP ist nur ein Ansatz zur Optimierung von websites für mobile Geräte. Das Bewusstsein für die Bedeutung der mobilen Optimierung-nicht nur in der SEO-Community-ist gewachsen, insbesondere seit einem Google-Update im Jahr 2015, das speziell darauf abzielte, die Mobilfreundlichkeit von Websites zu fördern. Die Suchmaschine Google ist seitdem mit ihrer Ankündigung, dass ihr mobiler Index irgendwann zum Hauptindex für die Google-Suchergebnisse wird, weiter in Richtung eines Mobile – First – Ansatzes gegangen., Dies wird nur die Bedeutung von AMP erhöhen.
Neben AMP gibt es weitere mobile Optimierungsstrategien, einschließlich responsivem Webdesign oder der Verwendung separater mobiler URLs mit progressiven Web-Apps.
