Was ist Google AMP? Wie es funktioniert und warum es für mobile Websites nützlich ist
Werbung
AMP (Accelerated Mobile Pages) ist ein Open-Source-Projekt von Google mit dem Ziel, das Surfen auf Mobilgeräten reibungsloser zu gestalten.
Das Projekt verspricht eine höhere Leistung, mehr Engagement und weniger Datennutzung, von der sowohl Benutzer als auch Herausgeber profitieren.
Wie funktioniert AMP?
Die Seitengeschwindigkeit wurde im Juli dieses Jahres (2018) zu einem Ranking-Faktor für mobile Seiten, und AMP ist hier, um das Geschwindigkeitsbedürfnis Ihrer Website zu befriedigen. AMP verspricht sogar, das Surfen auf Mobilgeräten 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 stellen die Geschwindigkeit und Kompatibilität des von Autoren geschriebenen JavaScript sicher.
Die Seitengeschwindigkeit verbessert sich auch durch Priorisierung über dem Falz, spezifische AMP-Caches und Vorrendering. Darüber hinaus sorgen die Verwendung kleiner Dateien und Medien sowie wenige Ressourcenanforderungen vom Server für weitere Geschwindigkeitsverbesserungen.
Durch die Optimierungen in AMP wird auch sichergestellt, dass das Layout Ihrer Seiten immer korrekt geladen wird, noch bevor Bilder und Iframes (für Anzeigen) geladen werden.
Dies erfolgt durch Festlegen der Größe von Bildern und Iframes im HTML-Dokument (als "statisches Layout" bezeichnet). Und im Grunde stoppt die Bewegung von Inhalten, um sie an die Ressourcen anzupassen, während sie geladen werden.
Was ist AMP-Caching?
Wenn Sie eine gültige AMP-Site veröffentlichen, werden Ihre Seiten automatisch als Teil des AMP-Ökosystems zwischengespeichert. Der Cache speichert Ihre AMP-Dokumente, Schriften und Bilder.
Derzeit werden zwei AMP-Caches verwendet, der AMP-Cache von Google und der AMP-Cache von Cloudflare. Alleine die Cloudflare-Server decken 102 Standorte in 50 verschiedenen Ländern ab.
Der Cache wird jedes Mal aktualisiert, wenn jemand auf Inhalte zugreift, und der aktualisierte Inhalt wird automatisch dem nächsten Benutzer bereitgestellt. Dies stellt sicher, dass die neueste Version so schnell wie möglich an möglichst viele Personen ausgeliefert wird.
Neben dem Zwischenspeichern des Inhalts bietet der Cache-Server auch einige Optimierungen und Modifikationen wie:
- Validierung des AMP-Formats.
- Begrenzen der Bildgröße, um Probleme mit dem Browserspeicher und eine schlechte Reaktionsfähigkeit zu vermeiden.
- Entfernen von Bilddaten, die unsichtbar oder schwer zu sehen sind, z. B. bestimmte Metadaten.
- Konvertieren von Bildern in kleinere und mobilfreundlichere Bildformate, z. B. Konvertieren von Bildern im GIF-, PNG- und JPEG-Format in WebP (Was ist WebP? Einführung von Google WebP, einer schnelleren Web-Alternative zu JPEG Einführung von Google WebP, einer schnelleren Web-Alternative zu JPEG Google hat es sich zur Aufgabe gemacht, das Web in Browsern, die WebP unterstützen, zu beschleunigen.
- Transformieren von Bildern in eine niedrigere Qualität, wenn die Anforderung den Header "Save-Data" enthält.
- Fügt Unterstützung für Bilder mit ansprechender Größe hinzu.
- Dient über einen sicheren Kanal (HTTPS) und verwendet die neuesten Webprotokolle (SPDY, HTTP / 2).
- Bereinigt AMP-Dokumente, um XSS-Angriffe zu verhindern, die auf falsch geschlossenen HTML-Tags, Kommentaren und mehr basieren.
Zusätzlich zu diesen Optimierungen führt der Cache auch viele HTML-Bereinigungsprozesse durch, um das Parsen zu normalisieren.
Eine vollständige Liste der AMP-Cache-Optimierungen finden Sie auf den Google Developers-Seiten.
Was sind die tatsächlichen Vorteile von AMP?
Geschwindigkeit ist die Hauptattraktion von AMP. Viele Verlage wie Google, Facebook, Baidu, Pinterest und Twitter haben die Technologie bereits übernommen. Die verbesserte Geschwindigkeit sorgt für mehr Engagement und senkt die Absprungrate auf ganzer Linie.
AMP ist besonders nützlich in Bereichen mit geringer mobiler Internetabdeckung oder in überlasteten und langsamen öffentlichen Netzen wie Flughäfen und Cafés Von Hackern betriebene WLAN-Netzwerke Nicht jedes WLAN, 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 . Und deshalb werden Inhalte in ihren Apps so schnell geladen, wenn das regelmäßige Surfen langsam ist.
Untersuchungen, die im letzten Jahr in einer von Google in Auftrag gegebenen Forrester Consulting Total Economic Impact-Studie durchgeführt wurden, ergaben Folgendes:
„AMP führt zu einem Anstieg des Website-Traffics um 10% bei einer Verdoppelung des Seitenaufwands. Für E-Commerce-Websites, die AMP verwenden, ergab die Studie außerdem eine Steigerung der Umsatz-Conversions um 20% im Vergleich zu Nicht-AMP-Seiten. “
Die Top Stories von Google Carousel für Handys verwenden nur den AMP-Cache von Google, um Artikel anzuzeigen. Für viele Publisher sollte daher die Verwendung von AMP eine automatische Wahl sein.
New York Times, eBay und AliExpress sind gute Beispiele für AMP. Wenn Sie in der Google-Suche auf Ihrem Handy auf Inhalte von diesen Websites (mit einem Amp-Symbol gekennzeichnet) klicken, wird die AMP-Version ihrer Seiten geladen.
AMP-Geschichten
Zu Beginn dieses Jahres wurde das AMP-Ökosystem um die AMP-Story erweitert. Ähnlich wie bei Snapchat-Geschichten Wie man Snapchat benutzt: Ein kompletter Einsteigerleitfaden Wie man Snapchat benutzt: Ein kompletter Einsteigerleitfaden Snapchat ist beliebt, aber eine überraschende Anzahl von Leuten weiß nicht, wie man es richtig benutzt. Dieser Artikel wird Ihnen helfen, aus einem Anfänger einen Experten zu machen. Lesen Sie weiter, diese werden bereits von vielen Verlagen verwendet. Gute Beispiele sind CNNs Geschichte über Missionen, die unser Sonnensystem noch erforschen, und Mashables essentieller Leitfaden für Black Panther.
AMP-Story-Anzeigen, eine Ergänzung der Story-Funktion, wurden kürzlich allen Websites zur Verfügung gestellt, die Google Anzeigenmanager verwenden. Hierbei handelt es sich um Vollbildanzeigen, die in AMP-Storys erscheinen und eine der vielen Verbesserungen darstellen, die AMP noch 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 innerhalb der Domain selbst geöffnet werden und nicht in der Domain, mit der sie verknüpft sind.
Obwohl der AMP-Viewer das Surferlebnis für Benutzer verbessert, kann er für Websitebesitzer negativ sein. Es nimmt Ihnen die Macht, die Navigation der Besucher durch Ihre Website zu steuern.
Dies kann Ihre Website von Seitenzugriffen berauben und Ihren Anzeigenumsatz stören. Es gibt sogar einige Analyse- und Nachverfolgungsprobleme, die nur mit Google Analytics für AMP gelöst werden können.
Das heißt, einige Leser bevorzugen möglicherweise die Verfolgungsschwierigkeiten. Wenn ja, können Sie mit den folgenden Schritten herausfinden, wer Sie online verfolgt. 5 Möglichkeiten, um zu überprüfen, wer Sie online verfolgt 5 Möglichkeiten, um zu überprüfen, wer Sie online verfolgt Möchten Sie sehen, wer Sie online verfolgt? Diese Websites und Browsererweiterungen zeigen Ihnen, inwieweit Google, Facebook und andere Werbenetzwerke Ihre Aktivitäten protokollieren. Weiterlesen
Googles Top Stories Carousel für Mobilgeräte wird nur AMP-fähige Inhalte enthalten. Dies ist eine wichtige Tatsache, da die meisten Zugriffe auf alle AMP-Inhalte von Nutzern stammen, die auf Google.com suchen.
Diese AMP-Bevorzugung hört nicht nur beim Nachrichtenkarussell auf. Google wird auch AMP-fähige Websites anbieten, die höher sind als alle anderen Links, einschließlich der für Handys geeigneten Websites. Alles in allem ist AMP selbst (noch) kein Page Rank-Faktor, aber die Geschwindigkeitsverbesserungen sind es.
Selbst wenn Sie Ihre AMP-Seiten zur Verfügung stellen, werden sie 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 Site auf Mobilgeräten unabhängig von der Quelle zu identifizieren und anzuzeigen.
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 auf Mobilgeräten verwenden. Sie können jetzt Cloudflares 1.1.1.1-DNS auf Mobilgeräten 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 einige schicke Websites. Einschränkungen von AMP können jedoch dazu führen, dass Sie einige Ihrer Websites optisch ansprechen, die Sie ansonsten mit Responsive-Websites und Mobile-Design beibehalten können.
Plugins in WordPress zum Beispiel dienen AMP, indem sie eine vereinfachte Version Ihrer Website anbieten. Diese Konverter von WordPress zu AMP bieten wenig visuelle Anziehungskraft und sind einer der Hauptgründe, warum viele AMP-Sites ähnlich aussehen.
Wenn Sie Ihre AMP-Seiten von Hand gestalten, anstatt Konverter zu 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 es sie dazu zwingt, noch weiter in das Google-Ökosystem einzusteigen. Dies veranlasst viele, nach Google-Alternativen zu suchen. Auf Wiedersehen Google: Die 15 besten Alternativen zu Suche, Nachrichten, Dokumenten und mehr. Auf Wiedersehen Google: Die 15 besten Alternativen zu Suche, Nachrichten, Dokumenten und mehr gut? Dies sind die besten Alternativen für alle wichtigen Google-Apps und -Dienste. Weiterlesen .
Sollten Sie AMP-Seiten erstellen?
AMP bietet Website-Betreibern 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 Serverreaktion und große Dateien, ohne AMP zu implementieren.
Wenn Sie mit Ihrem mobilen Design schlau sind, können Sie Ihre Website schnell bedienen. Jenny Gove von Google hat einen großartigen Artikel über What Makes a Good Mobile Site geschrieben, der es wert ist, gelesen zu werden.
Es gibt WordPress AMP-Plugins und Drupal AMP-Plugins, mit denen Sie AMP-Inhalte erstellen können. Andernfalls sind die AmpProject-Schnellstartdokumente eine wertvolle Ressource für die Handcodierung Ihrer AMP-Seiten.
Die gesamte AMPProject-Website wird tatsächlich in AMP erstellt und gerendert. Dies ist ein gutes Beispiel dafür, wie diese Seiten in allen Auflösungen und nicht nur auf Mobilgeräten angezeigt werden können.
Obwohl Menschen AMP aus vielen verschiedenen Gründen stark ablehnen, hat Stonetemple.com 10 Fallstudien untersucht, um den Unterschied zwischen Nutzereingriff und -konvertierung festzustellen. Sie kommen zu dem Schluss, dass die meisten Websites, unabhängig von ihrer Nische, Vorteile sehen 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 von Ihnen angebotenen Diensten und den von Ihnen bereitgestellten Inhalten werden möglicherweise keine Verbesserungen gegenüber mobilen Seiten hinzugefügt. Mit der richtigen Optimierung können mobile Seiten auch ziemlich schnell geladen werden!
So deaktivieren Sie AMP
Das Zwischenspeichern ist ein zentraler Bestandteil des AMP-Ökosystems. Durch das Veröffentlichen eines gültigen AMP-Dokuments wird dieses automatisch in den Cache-Speicher übernommen. Wenn Sie Ihre Seiten entfernen möchten, hat Google einen Leitfaden zum Entfernen von AMP-Inhalten aus der Google-Suche verfasst.
Wenn Sie das Laden von AMP-Seiten als Benutzer beenden möchten, können Sie AMP-Links deaktivieren und stattdessen die Originalseiten laden. So deaktivieren Sie Google AMP in der Google-Suche auf Android und iPhone So deaktivieren Sie Google AMP in der Google-Suche auf Android und iPhone von 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, mobiles Surfen, Webdesign, Webentwicklung.
