Was ist Google AMP? Wie es funktioniert und warum es für mobile Sites nützlich ist

AMP oder Accelerated Mobile Pages ist ein Open-Source-Projekt, das von Google mit dem Ziel erstellt wurde, ein reibungsloseres Surferlebnis für mobile Geräte zu ermöglichen.

Das Projekt verspricht eine höhere Leistung, mehr Engagement und eine geringere Datennutzung, von der sowohl Benutzer als auch Publisher profitieren.

Wie funktioniert AMP??

Page Speed ​​wurde im Juli dieses Jahres (2018) zu einem Ranking-Faktor für mobile Seiten. AMP erfüllt die Anforderungen Ihrer Website nach Geschwindigkeit. Tatsächlich verspricht AMP, das mobile Surfen um bis zu 85% zu beschleunigen.

Durch eine Kombination von Optimierungen und Einschränkungen für HTML, JavaScript und CSS. AMP-Seiten werden fast sofort geladen. AMP-spezifische Elemente sorgen für Geschwindigkeit und Kompatibilität.

Die Seitengeschwindigkeit verbessert sich auch durch Prioritätensetzung, spezifische AMP-Caches und Vorrendering. Die Verwendung kleiner Dateien und Medien sowie wenige Ressourcenanfragen vom Server führen zu weiteren Geschwindigkeitsverbesserungen.

Die Optimierungen in AMP stellen auch sicher, dass das Layout Ihrer Seiten immer korrekt geladen wird, sogar bevor Bilder und Iframes (für Anzeigen) geladen werden.

Dies geschieht durch Angabe der Größe von Bildern und Iframes im HTML-Dokument (genannt “statisches Layout”). Grundsätzlich werden Inhalte nicht mehr so ​​verschoben, dass sie sich beim Laden an die Ressourcen anpassen.

Was ist AMP-Caching??

Wenn Sie eine gültige AMP-Site veröffentlichen, werden Ihre Seiten automatisch als Teil des AMP-Ökosystems zwischengespeichert. Im Cache werden Ihre AMP-Dokumente, Schriftarten und Bilder gespeichert.

Heute sind zwei AMP-Caches im Einsatz, der AMP-Cache von Google und der AMP-Cache von Cloudflare. Allein die Server von Cloudflare decken 102 Standorte in 50 Ländern ab.

Der Cache wird jedes Mal aktualisiert, wenn jemand auf Inhalte zugreift, und der aktualisierte Inhalt wird automatisch an den nächsten Benutzer geliefert. Dadurch wird sichergestellt, dass die neueste Version schnell an so viele Personen wie möglich geliefert wird.

Neben dem Zwischenspeichern des Inhalts bietet der Cache-Server auch einige Optimierungen und Modifikationen, z.

• Überprüfung des AMP-Formats.
• Begrenzung der Bildmaße, um Browser-Speicherprobleme und schlechte Reaktionsfähigkeit zu vermeiden.
• Das Entfernen von Bilddaten, die unsichtbar oder schwer erkennbar sind, wie z. B. bestimmte Metadaten.
• Konvertieren von Bildern in kleinere und mobilere Bildformate, z. B. das Konvertieren von Bildern im GIF-, PNG- und JPEG-Format in WebP (Was ist WebP? Einführung in Google WebP, eine schnellere Webalternative für JPEG. Einführung) Google hat es sich zur Aufgabe gemacht, das Web in Browsern, die WebP unterstützen, zu beschleunigen.
• Konvertieren von Bildern in eine geringere Qualität, wenn die Anforderung den Header "Save-Data" enthält.
• Fügt Unterstützung für Bilder mit entsprechender Größe hinzu.
• Bedient über einen sicheren Kanal (HTTPS) und verwendet die neuesten Webprotokolle (SPDY, HTTP / 2).
• Bereinigt AMP-Dokumente, um XSS-Angriffe auf der Grundlage falsch geschlossener HTML-Tags, Kommentare usw. zu verhindern.

Zusätzlich zu diesen Optimierungen wird der Cache viele HTML-Bereinigungsprozesse abschließen, um das Parsing zu normalisieren.

Eine vollständige Liste der AMP-Cache-Optimierungen finden Sie auf den Google-Entwicklerseiten.

Was sind die tatsächlichen Vorteile von AMP??

Geschwindigkeit ist die Hauptattraktion von AMP. Deshalb haben viele Publisher wie Google, Facebook, Baidu, Pinterest und Twitter die Technologie bereits übernommen. Die verbesserte Geschwindigkeit erhöht das Engagement und senkt die Absprungrate fast überall.

AMP ist besonders nützlich in Gebieten mit geringer Mobilfunkreichweite oder in überlasteten und langsamen öffentlichen Netzwerken wie Flughäfen und Cafés. Erkennen von gefälschten öffentlichen Wi-Fi-Netzwerken "Evil Twin", die von Hackern betrieben werden Von Hackern betriebene WLAN-Netzwerke Nicht jedes WLAN-Netzwerk, auf das Sie zugreifen, ist sicher. Einige von ihnen könnten sogar gefälscht sein. Lesen Sie weiter, um mehr über Rogue APs und Evil Twins zu erfahren. Weiterlesen . Aus diesem Grund werden Inhalte so schnell in ihre Apps geladen, wenn das normale Browsen langsam ist.

Eine im letzten Jahr in einer Studie von Forrester Consulting durchgeführte Studie zum Gesamtauswirkungen (von Google in Auftrag gegeben) ergab Folgendes:

“AMP führt zu einem Anstieg des Website-Verkehrs um 10%, wobei die Zeit auf der Seite um das Doppelte erhöht wird. Bei E-Commerce-Websites, die AMP verwenden, ergab die Studie auch einen Umsatzanstieg von 20% im Vergleich zu Nicht-AMP-Seiten.”

Googles Top Stories Carousel für Handys verwendet nur den AMP-Cache von Google zur Anzeige von Artikeln. Für viele Publisher sollte die Verwendung von AMP eine automatische Wahl sein.

New York Times, eBay und AliExpress sind gute Beispiele, die AMP nutzen. Wenn Sie auf den Inhalten dieser Websites (mit einem Amp-Symbol gekennzeichnet) in der Google-Suche auf Ihrem Handy klicken, laden Sie die AMP-Version ihrer Seiten.

AMP-Geschichten

Zu den AMP-Ökosystemen gehörte Anfang des Jahres die AMP-Story. Ähnlich wie bei Snapchat-Geschichten So verwenden Sie Snapchat: Ein vollständiger Anfängerleitfaden So verwenden Sie Snapchat: Ein vollständiger Anfängerleitfaden Snapchat ist beliebt, aber eine überraschende Anzahl von Menschen weiß nicht, wie sie richtig verwendet wird. Dieser Artikel soll Ihnen helfen, aus einem Anfänger einen Experten zu machen. Lesen Sie mehr, diese werden bereits von vielen Verlagen verwendet. Gute Beispiele sind die Geschichte von CNN über Missionen, die immer noch unser Sonnensystem erforschen, und Mashables grundlegender Leitfaden für Black Panther.

AMP Story-Anzeigen, eine Erweiterung der Story-Funktion, wurden kürzlich allen Websites zur Verfügung gestellt, die Google Anzeigenmanager verwenden. Dies sind Vollbild-Anzeigen, die in AMP-Storys erscheinen. Dies ist eine der vielen Verbesserungen, die AMP viel nützlicher gemacht haben als noch vor einem Jahr.

Was sind die Nachteile von AMP??

Wenn Sie Google, Twitter, Pinterest, Messenger usw. verwenden, werden Sie feststellen, dass externe Links in der Domain selbst und nicht in der Domain geöffnet werden, mit der sie verlinkt sind.

Obwohl der AMP-Viewer das Surferlebnis für Benutzer verbessert, kann dies für Websitebesitzer negativ sein. Sie können Ihre Navigation durch die Website nicht mehr steuern.

Dies kann Ihre Site an Seitenaufrufen berauben und Ihren Anzeigenumsatz stören. Es gibt sogar einige Analyse- und Nachverfolgungsprobleme, die sich nur schwer lösen lassen, wenn Sie Google Analytics für AMP verwenden.

Allerdings bevorzugen manche Leser die Tracking-Schwierigkeiten. Wenn ja, können Sie herausfinden, wer Sie online verfolgt. 5 Möglichkeiten, um festzustellen, wer Sie online aufspürt 5 Möglichkeiten, um festzustellen, wer Sie online aufspürt Möchten Sie sehen, wer Sie online aufspürt? Diese Websites und Browsererweiterungen zeigen Ihnen, wie viel Google, Facebook und andere Werbenetzwerke Ihre Aktivitäten verfolgen. Weiterlesen

Googles Top Stories Carousel auf mobilen Geräten enthält nur AMP-fähige Inhalte. Dies ist eine wichtige Tatsache, da der größte Teil der Zugriffe auf alle AMP-Inhalte von Nutzern stammt, die auf Google.com suchen.

Diese AMP-Begünstigung hört nicht nur beim Nachrichtenkarussell auf. Google bietet auch AMP-fähige Websites, die höher sind als alle anderen Links, einschließlich mobiler Websites. Alles in allem ist AMP selbst (noch nicht) ein Page Rank-Faktor, jedoch die Geschwindigkeitsverbesserungen.

Auch wenn Sie Ihre AMP-Seiten zur Verfügung stellen, werden diese je nach Betriebssystem, Apps oder verwendetem Gerät nicht immer verwendet. Wenn Sie Cloudflare verwenden, können Sie Accelerated Mobile Links aktivieren, um AMP-Inhalte von Ihrer Website aus auf mobilen Geräten zu identifizieren und anzuzeigen, unabhängig von der Quelle.

Cloudflare kann Ihnen auch dabei helfen, Ihre Privatsphäre und Leistung bei der Verwendung Ihres Mobiltelefons zu verbessern. Sie können jetzt Cloudflares 1.1.1.1-DNS für Mobilgeräte verwenden. Sie können jetzt Cloudflares 1.1.1.1-DNS für Mobilgeräte verwenden. Cloudflare hat eine mobile App für seinen 1.1.1.1-DNS-Dienst gestartet. Dies ist jetzt sowohl für Android als auch für iOS verfügbar. Weiterlesen

Visualisierung und Design in AMP

Wir lieben uns selbst schicke Webseiten. Aufgrund der Einschränkungen von AMP können Sie jedoch den visuellen Reiz Ihrer Websites verlieren, den Sie andernfalls bei der Verwendung von Responsive-Websites und des Mobile-Designs beibehalten können.

Plugins in WordPress bieten beispielsweise AMP an, indem sie eine vereinfachte Version Ihrer Website anbieten. Diese WordPress-zu-AMP-Konverter bieten wenig visuelle Anziehungskraft und sind einer der Hauptgründe, warum viele AMP-Sites ähnlich aussehen.

Wenn Sie Ihre AMP-Seiten von Hand entwerfen und nicht Konverter verwenden, erhalten Sie ein Design, das dem traditionellen mobilen Design ähnelt und optisch ansprechender ist.

AMP hat noch einen weiten Weg vor sich und viele Entwickler sind entschieden dagegen, da sie dazu gezwungen werden, noch weiter in das Google-Ökosystem einzusteigen. Viele suchen nach Google-Alternativen. Auf Wiedersehen Google: Die 15 besten Alternativen für die Suche, News, Docs und vieles mehr Goodbye Google: Die 15 besten Alternativen für die Suche, News, Docs und mehr Möchten Sie von Google wechseln gut? Dies sind die besten Alternativen für alle wichtigen Google-Apps und -Services. Weiterlesen .

Sollten Sie AMP-Seiten erstellen?

AMP bietet Website-Inhabern viele Vorteile, insbesondere wenn Sie täglich große Mengen an Inhalten bereitstellen. Sie können jedoch viele der Probleme lösen, die eine Website verlangsamen, z. B. übermäßige Verwendung von JavaScript, langsame Serverantwort und große Dateigrößen, ohne AMP zu implementieren.

Wenn Sie mit Ihrem mobilen Design intelligent sind, können Sie Ihre Website schnell bedienen. Jenny Gove bei Google hat einen großartigen Artikel über Was macht eine gute mobile Website geschrieben, der lesenswert ist.

Es gibt WordPress AMP-Plugins und Drupal AMP-Plugins, die Sie beim Erstellen von AMP-Inhalten unterstützen können. Andernfalls sind die AmpProject-Schnellstartdokumente eine wertvolle Ressource zum Handcodieren Ihrer AMP-Seiten.

Die gesamte AMPProject-Website wird in AMP erstellt und gerendert. Dies ist ein gutes Beispiel dafür, wie diese Seiten in allen Auflösungen aussehen können, nicht nur auf mobilen Geräten.

Obwohl Menschen aus verschiedenen Gründen eine starke Abneigung gegen AMP haben, hat Stonetemple.com anhand von 10 Fallstudien den Unterschied in Bezug auf die Einbindung von Benutzern und die Conversion untersucht. Sie schließen daraus, dass die meisten Websites unabhängig von ihrer Nische Vorteile haben werden, solange die AMP-Implementierung vollständig abgeschlossen ist.

Unter dem Strich sollten Sie überlegen, ob Ihre Kunden von AMP profitieren. Abhängig von den angebotenen Diensten und den von Ihnen bereitgestellten Inhalten können möglicherweise keine Verbesserungen gegenüber mobilen Seiten vorgenommen werden. Mit der richtigen Optimierung können mobile Seiten auch ziemlich schnell geladen werden!

So deaktivieren Sie AMP

Caching ist ein Kernbestandteil des AMP-Ökosystems. Durch die Veröffentlichung eines gültigen AMP-Dokuments wird dieses automatisch für die Cache-Bereitstellung ausgewählt. Wenn Sie Ihre Seiten entfernen möchten, hat Google eine Anleitung zum Entfernen von AMP-Inhalten aus der Google-Suche geschrieben.

Wenn Sie das Laden von AMP-Seiten als Benutzer beenden möchten, können Sie AMP-Links deaktivieren und stattdessen die Originalseiten laden. Deaktivieren von Google AMP in der Google-Suche auf Android und iPhone So deaktivieren Sie Google AMP in der Google-Suche auf Android und iPhone hat Google AMP Einige Vorteile, aber wenn Sie es deaktivieren möchten, sollte eine dieser drei Methoden für Sie funktionieren. Lesen Sie mehr auf Ihrem Handy.

Erfahren Sie mehr über: Google AMP, Mobile Browsing, Webdesign, Webentwicklung.