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.
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:
- 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.
- 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.
- 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 ganz einfach, oder? Lassen Sie uns den Hauptpunkt dieses Artikels betonen: Google berücksichtigt bei der Festlegung seiner Rankings nur noch mobilfreundliche Websites, daher ist es wichtig, in dieser neuen Ära 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 wettbewerbsfähige Website haben wollen. Die Implementierung ist nicht allzu schwierig, und die Ergebnisse sind fantastisch, was die Positionierung und natürlich den Traffic und die Konversionen angeht.
Wie man AMP-Seiten testet
Sobald Sie Ihre AMP-Seiten implementiert haben, lohnt es sich, sie zu testen, um sicherzustellen, dass sie korrekt funktionieren. Dies können Sie ganz einfach mit der Google Search Console tun.
Wenn Google AMP-Seiten auf Ihrer Website erkennt, werden sie automatisch in der Suchkonsole angezeigt. Melden Sie sich einfach in Ihrem Konto an und wählen Sie die gewünschte Domain aus. Klicken Sie auf "AMP" unter "Erweiterung".
Sie finden die AMP-Seiten, die Google gecrawlt hat, und ihren Status (Fehler, Gültig mit Warnungen und Gültig).
AMP-Seiten, die einen Fehler aufweisen, können nicht in den Suchergebnissen angezeigt werden. Überprüfen Sie die Arten von Fehlern und Warnungen und folgen Sie den Empfehlungen von Google, um die Probleme zu beheben. Alle Ihre AMP-Seiten sollten gültig sein.
Sie können auch einzelne Seiten mit dem kostenlosen AMP Testing Tool von Google testen.
Ein weiteres Tool, mit dem Sie Ihre AMP-Seiten noch vor der Veröffentlichung überprüfen können, ist der AMP-Validator des AMP-Projekts.
Beachten Sie, dass die Änderungen nicht sofort in der Google Search Console angezeigt werden. Wenn Sie die Änderungen, die Sie auf mehreren Seiten vorgenommen haben, sofort überprüfen möchten, wäre die Verwendung eines SEO-Crawlers mit einem AMP-Checker die bessere Wahl, wie wir weiter unten erklären.
Wie Sie Ihr AMP auf Ihrer Website überprüfen können
Wenn Sie damit 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 ihrem prozentualen Anteil im Web angezeigt werden. Erhalten Sie eine Liste aller Ihrer AMP-Seiten, damit Sie schnell die korrekte Ausführung sehen können.
