Beschleunigte mobile Seiten (AMP)

Es ist für niemanden von uns neu, dass die Zahl der mobilen Nutzer bereits weitaus größer ist als die Zahl der Menschen, die einen Desktop nutzen, um nach Informationen zu suchen oder eine Transaktion durchzuführen, oder? Google hat alle vor diesem zunehmenden Verhalten gewarnt und gleichzeitig neue Lösungen für Vermarkter angeboten, um mit allen Veränderungen Schritt zu halten. Raten Sie, welches unser Favorit ist? 😉

AMP Pages ist angekommen, um die mobilen SERPs (Search Engine Results Pages) zu führen und deshalb müssen SEO-Profis und Entwickler so viele von ihnen wie möglich implementieren, um die beste mobile Benutzererfahrung für Besucher zu bieten. Nun, lassen Sie uns ein wenig mehr herausfinden.

Was sind Accelerated Mobile Pages (AMP)?

AMP ist eine von Google und Twitter erstellte Seitenart, die die schnellste Navigation im Internet bietet. Es ist im Grunde eine einfachere Form von HTML, die es Entwicklern ermöglicht, schnell ladende mobile Webseiten zu erstellen. Dank dieses neuen Codes können die Herausgeber die Geschwindigkeit der Seiten verbessern (das Laden der Seiten dauert weniger als eine Sekunde!), was folglich eine bessere Benutzererfahrung bietet.

Mobile Web-Geschwindigkeit

Da sie auf einer einfachen Version von HTML basieren, gibt es bestimmte Tags, die nicht verwendet werden können, genau wie einige CSS-Funktionalitäten. Die Verwendung von JavaScript ist komplett eingeschränkt, da es die Ladegeschwindigkeit verlangsamt, so dass Sie stattdessen eine eigene Version verwenden müssen.

Da die Hauptidee dieses Dienstes ist, die Lesbarkeit zu verbessern, werden Bilder erst geladen, wenn man sie durch Scrollen erreicht, so dass die Seite nicht die ganze anfängliche Ladezeit benötigt, die uns alle stöhnen lässt (juhu!). Jetzt fragen Sie sich: Was ist der Schlüssel zu diesem Zaubertrick? Nun, diese Seiten sind so konzipiert, dass sie super gecached werden. Das bedeutet, dass Google den gesamten Inhalt hostet, also sitzt es dort und wartet auf Sie.

Der coole Teil dieses Codes ist, dass er quelloffen ist, so dass viele andere Plattformen die Gelegenheit nutzen, ihren Besuchern die gleichen Lösungen anzubieten. Facebook-Sofortartikel, Snapchat Discover oder Apple News sind die bekanntesten, aber wir werden bald die gleiche Navigationserfahrung auf anderen Kanälen genießen.

Sie haben vielleicht schon bemerkt, dass dies meist von Zeitungen genutzt wird, um Inhalte zu veröffentlichen, die wirklich schnell geladen werden und im Handumdrehen auf den SERPs erscheinen. Andere Unternehmen wie E-Commerce-Sites, Rezeptionsseiten und einige Blogger implementieren diese Technologie in ihren Beiträgen, und unzählige Unternehmen wenden sie auf Landing Pages für verschiedene Zwecke an. Haben Sie sich schon entschieden, wofür Sie es verwenden wollen?

Wie implementiert man Accelerated Mobile Pages?

Bevor wir zu technisch werden, möchten wir klarstellen, dass Sie trotz der konkreten HTML-Vorlage die gleiche Identität Ihrer Website mit Hilfe Ihres CSS-Codes, mit einigen Variationen, beibehalten können. Die Entwickler werden sich nicht so sehr beschweren, wie wenn sie Dateien minimieren müssen, um die Seitengeschwindigkeit zu verbessern, versprechen wir. 😉 Und das Ergebnis wird superleicht sein, mit viel weniger Aufwand.

Nun zu den 3 Teilen dieses magischen Codes:

  1. AMP HTML: wie wir gerade erwähnt haben, sollte dies nicht schwierig sein und auch nicht zu viel Zeit in Anspruch nehmen, wenn Sie mit normalem HTML vertraut sind. Bevor Sie Ihre neue Seite bearbeiten, sollten Sie einen Blick auf die Liste der erforderlichen Markups des AMP-Projekts werfen, und wenn Sie eine solche Seite erstellt haben, werden Sie den Dreh raus haben.
  2. AMP JS: Erinnern Sie sich, dass wir über die JavaScript-Einschränkung gesprochen haben? Wenn Sie dem JS-Framework für Accelerated Mobile Pages folgen, sollten Sie in der Lage sein, Ihre Bedürfnisse zu erfüllen.
  3. AMP CDN: Es gibt ein optionales Content Delivery Network, das Ihre AMP-aktivierten Seiten in den Cache nimmt und die Leistung automatisch optimiert.

Diese neuen Seiten werden auf Google AMP gehostet und vom oben genannten CDN bedient. Die URL wird wie folgt aussehen: https://www.google.com/amp/www.yourdomain.com

AMP und die SERPs

Apropos Suchergebnisse, wir sind sicher, dass Sie das "Donner"-Symbol neben den neuesten Nachrichten aus digitalen Zeitungen bereits gesehen haben. Was ist mit dem AMP-Karussell? So können Sie normale Ergebnisse von den beschleunigten unterscheiden:

AMP wird die meiste Zeit (aber nicht unbedingt immer) vor jedem anderen Ergebnis erscheinen, selbst auf einer sehr gut optimierten mobilen Website.

Historisch gesehen hat Google die Seiten nach der Optimierung der Desktop-Version gereiht, und dieser Parameter bezeichnete die Positionierung ihrer mobilen Version auf den mobilen SERPs. Nun, Leute, dies ist nicht mehr der Fall - "Mobile First" ist real! Also, wenn Sie dies lesen und Ihre Website noch nicht mobil-freundlich ist, hören Sie auf, was auch immer Sie tun, und investieren Sie all Ihre SEO-Bemühungen in Mobile (natürlich nach Beendigung dieses Artikels).

Unsere Anweisungen für AMP sind ziemlich einfach:

  • Wählen Sie die Seiten, die Sie mit dieser Technologie erstellen möchten. In der Regel handelt es sich dabei um die leistungsfähigsten Seiten, alle Blog-Einträge oder Nachrichten.
  • Erstellen Sie die Seiten, und vergessen Sie nicht die Basis von SEO: Qualitätsinhalte vor allem! Dann verwenden Sie die HTML-Tags mit Bedacht.
  • Validieren Sie die Seiten vor dem Hochladen. Benutzen Sie dafür die AMP-Projekt-Website oder das in Google Chrome eingebaute Tool - dieser Schritt ist entscheidend!
  • Finden Sie einen Weg, diesen ganzen Prozess zu rationalisieren. Sie wollen nicht zu viel Zeit mit dem Aufbau all dieser Seiten verschwenden. Schauen Sie, ob Ihr CMS irgendwelche Plugins anbietet, die Ihnen helfen, es zu automatisieren. WordPress ist ein sehr gutes CMS für AMP Pages.
  • Und nicht zuletzt, sie zu überwachen und weiter zu optimieren. Nutzen Sie das Tool von FandagoSEO, um die Leistung Ihrer Accelerated Mobile Pages zu untersuchen und die notwendigen Anpassungen vorzunehmen.

Klingt doch einfach, oder? Betonen wir den Hauptpunkt dieses Artikels: Google schaut bei der Definition seiner Rankings nur auf mobilitätsfreundliche Websites, daher ist es in dieser neuen Ära unerlässlich, wettbewerbsfähig zu sein. AMP-Seiten werden sogar über den mobilen SERPs platziert, also stellen Sie sicher, dass Sie diese Technologie auf Ihren wichtigsten Seiten verwenden, wenn Sie eine konkurrenzfähige Website haben wollen. Die Umsetzung ist nicht allzu schwierig, und die Ergebnisse sind großartig in Bezug auf die Positionierung und natürlich auch für den Traffic und die Konversionen.

Wie Sie Ihr AMP auf Ihrer Website überprüfen können

Wenn Sie begonnen haben, diese Technologie auf Ihrer Website zu implementieren, können Sie überprüfen, welche Ihrer Seiten AMP sind und welche nicht. Crawlen Sie Ihre Website mit FandangoSEO, um die genaue Anzahl der Seiten mit und ohne AMP zu sehen. Diese Daten können auch nach dem Prozentsatz, den sie im Web darstellen, angezeigt werden. Besorgen Sie sich eine Liste aller Ihrer AMP-Seiten, damit Sie schnell die korrekte Ausführung sehen können.

Bereit, die mobilen SERPs zu rocken?

Prüfen Sie jetzt Ihren AMP

Pfeil nach oben