Der Definitive Leitfaden für Beschleunigte Mobile Seiten (AMP)

Es ist an der Zeit, um die Geschwindigkeit Ihres mobilen Seiten.

Als Google das Update für die mobile Freundlichkeit startete und es schließlich zu einem der Ranking-Faktoren für mobile Suchmaschinen machte, freuten sich die Websitebesitzer auf ein schnelleres mobiles Erlebnis.

Es ist gut, Ihre Seiten für mobile Benutzer zu optimieren. Wenn die Seiten des mobilen Browsers jedoch nicht schnell geladen werden, ist dies ein Schluckauf, der Benutzer davon abhalten kann, Ihre Inhalte zu genießen.

Also, was ist die Lösung?,

Beschleunigte Mobile Seiten-oder AMP.

Geschwindigkeit ist ein integraler Bestandteil der Gestaltung von Webseiten. Daten von KISSmetrics zeigen, dass “ etwa 40% der Benutzer eine Webseite verlassen, deren Laden länger als 3 Sekunden dauert.“

Wenn eine Online-Shopping-Site 100,000 US-Dollar pro Tag verdient, kann eine Verzögerung der Seite um 1 Sekunde Sie möglicherweise jedes Jahr 2,5 Millionen US-Dollar an Umsatzverlusten kosten.

Laut Google hat das AMP-Plugin die Download-Zeit in ersten Tests zwischen 15% und 85% verkürzt.,

Im Dezember 2015 sagte Google, dass Beschleunigte Mobile Seiten zu einem ranking-Faktor.

Wie erwartet begannen Webmaster, Vermarkter und SEOs zu analysieren, wie sich dies auf mobile Webseiten auswirken kann. Sie fanden mehrere Fälle, die auf die Tatsache hinweisen, dass AMP tatsächlich einen großen Einfluss auf das Ranking mobiler Suchmaschinen hat.

Kurz gesagt, AMP-optimierte Seiten rangieren besser und schneller und sie wandeln sicherlich mehr mobile Seitenbesucher in Kunden um.,

In ihrem britischen Whiteboard Friday gaben Will Critchlow und Tom Anthony von Distilled eine klare Erklärung, wie das AMP-Plugin funktioniert und wie Sie Ihre mobilen Seiten positionieren, um davon zu profitieren.

Wenn Sie tiefer in AMP eintauchen möchten und was es für Sie tun kann, als digitaler Vermarkter, der versteht, wie wichtig es ist, mobile Benutzer zu erreichen, erlaube mir, das Thema aufzuschlüsseln.

Was ist Accelerated Mobile Pages (AMP)?

AMP sollte Teil Ihrer Strategie für mobile Inhalte werden.,

Das AMP-Plugin entstand aus einer Zusammenarbeit zwischen Google und Twitter.

In einfachen Worten ist Accelerated Mobile Pages ein Open-Source-Initiativprojekt zur Optimierung schnellerer mobiler Seiten. Es ist, als würde man eine Seite nehmen, die bereits mobilfreundlich ist, und sie schneller laden, indem man sie auf die Grundlagen reduziert.

Hier können Sie die Open Source Initiative Plattform besuchen.

AMP ist ein weiterer Beweis für Googles Fokus auf Nutzer.,

Wenn Google ein neues Update wie dieses herausbringt, denken Sie vielleicht, dass es ihnen nur darum geht, mehr Geld zu generieren.

Das ist letztendlich wahr, denn je glücklicher seine Nutzer sind, desto mehr kommen sie zu Google zurück und das bedeutet mehr Werbetreibende.

Aber Google ist leidenschaftlich über mobile Suchmaschinen-Nutzer. Und du solltest es auch sein.

Accelerated Mobile Pages (AMP) ist eine Open-Source-Initiative Projekt/Plattform, die Publishern helfen soll, die Geschwindigkeit und Lesbarkeit ihrer mobilen Inhaltsseiten zu verbessern.,

Schnellere mobile Seiten + lesbarer Inhalt = bessere Benutzererfahrung

Wie funktioniert das AMP-Plugin?

Paul Shappiro von Search Engine Land legt die 3-teilige Struktur von AMP fest:

Das AMP-Plugin rendert Ihre mobile Seite schneller, indem es den Aspekt des HTML-Code-Tag-Managers einschränkt und nur diejenigen rendert, die für mobile Benutzer geeignet sind.,

Dieses Diagramm und die Erklärung von WIll Critchlow ’s Whiteboard Friday vereinfachen den Prozess:

AMP rendert Ihre Seiten mit optimiertem HTML-Code. Es wird erwartet, dass die Seiten schneller geladen werden, da bestimmte HTML-Code-Tag-Manager-Aspekte, die die Seite sonst verlangsamen würden, eliminiert werden.

Wenn JavaScript in Ihren mobilen Seiten enthalten ist, wird das Skript nicht für Ihre beschleunigten mobilen Seiten gerendert.,

Hier sind noch ein paar Dinge, die Sie wissen sollten:

• Mit AMP müssen Sie eine optimierte Version von CSS verwenden.
• Sie dürfen nur die von AMP bereitgestellte JavaScript – Bibliothek verwenden-da Sie nicht die Kontrolle haben, kann es zu verzögertem Laden kommen. Dies könnte der einzige Nachteil von AMP sein.
• Damit AMP-Sites jedes Mal funktionieren, müssen sie ordnungsgemäß validiert werden
• Auf AMP-Plugin-Seiten sind keine Formulare zulässig.
• Für eine bessere Erfahrung müssen benutzerdefinierte Schriftarten speziell geladen werden.
• Um skurril aussehende Bilder zu vermeiden, deklarieren Sie Höhe und Breite.,
• Verwenden Sie AMP-zugelassene Erweiterungen, wenn Sie Videos auf Ihrer Seite haben möchten.

Wenn Sie also das AMP-Plugin integrieren und es verwenden, um Ihre mobilen Seiten zu verbessern, sollten Sie mehr auf Geschwindigkeit und Lesbarkeit achten, nicht auf die Fähigkeit zum Teilen. Ihre Social Share-Schaltflächen werden möglicherweise nicht einmal richtig angezeigt, da die meisten davon mit JavaScript entwickelt wurden.

Vorteile beschleunigter mobiler Seiten

Es besteht eine signifikante Korrelation zwischen Site-Geschwindigkeit, Seitenaufrufen und Rankings mobiler Suchmaschinen.,

Eine Sache, an die Sie sich erinnern müssen, ist, dass mobile Browser-Benutzer immer dann, wenn eine bestimmte Webseite schnell geladen wird, mehr Seiten auf der Website anzeigen und dadurch die Absprungrate reduzieren.

Wenn die Absprungrate reduziert und die Erfahrung vor Ort erhöht wird, belohnt Google die Seite. Sie sollten nicht überrascht sein, zu finden, AMP-plugin, Seiten-ranking höher als nicht-AMP ist. Die zwei Versionen:

plugins

die Wahrheit zu sagen, es gibt viele Vorteile für die Optimierung mit der AMP-plugin., Betrachten wir jedoch die Top 5:

Wahnsinnig schnell ladende Webseiten, die Benutzer lieben: Geschwindigkeit ist der Lebensnerv Ihrer mobilen Browserseite. Große Inhalte sind wichtig, aber wenn Ihre Seiten nicht zugänglich sind, werden Benutzer sie nicht lesen.

Diese Studie ergab, dass eine Verzögerung von 1 Sekunde bei der Ladezeit des mobilen Browsers die Conversion-Rate um 3,50% senken, die Seitenaufrufe um 9,40% reduzieren und die Bounce-Rate um bis zu 8,30% erhöhen kann.

Deshalb müssen Sie Ihre mobilen Browserseiten wahnsinnig schnell machen. AMP hilft Ihnen, das zu erreichen.,

Denken Sie daran, dass sich die Art und Weise, wie Menschen Inhalte konsumieren (z. B. Artikel, Blogposts, Videos und Podcasts), dramatisch verändert hat. Die Geschwindigkeit, mit der Inhalte veröffentlicht werden, ist außergewöhnlich.

Wenn Ihre mobilen Seiten so langsam sind wie eine Schnecke, konvertieren Sie keine gezielten mobilen Browserbenutzer in Kunden. Machen Sie sich bereit, dramatische Seitengeschwindigkeitserhöhungen mit AMP zu erleben.

Als digitaler Vermarkter sollte dies Sie zum Handeln anregen, um Ihre mobilen Seiten zu verbessern.

Google verbessert seine Systeme ständig., Wir dachten, dass die Freundlichkeit des mobilen Browsers das bisher größte Update war, aber dann tauchte das AMP-Projekt auf.

Und das kann nur eines bedeuten: Google ist noch nicht fertig. Neue Updates für mobile Suchmaschinenalgorithmen, erweiterte Funktionen und Tools werden weiterhin entwickelt.

Also los geht ‚ s. Besuch AMPProject.org und starten Sie Ihre mobilen Seiten zu beschleunigen.

Erhöhte Sichtbarkeit mobiler Browser für Content-Vermarkter: Google hat damit begonnen, AMP-Ergebnisse in organischen Auflistungen anzuzeigen. Sie können diese Ergebnisse anhand der AMP-Symbole in Grün identifizieren.,

Je aufmerksamkeitsstarker Ihre Ergebnisse sind, desto mehr Klicks erhalten Sie.

Diese grünen AMP-Symbole werden definitiv zu einer verbesserten Click-Through-Rate führen, da sich diese mobilen Suchmaschinenergebnisse von den anderen abheben.

Benutzer von mobilen Suchmaschinen suchen dann speziell nach AMP-Plugin-Seiten, da diese Seiten schneller geladen werden als die typischen mobilen Seiten.

Verbesserte mobile Suchmaschinen-Rankings: Es gibt eine starke Beziehung zwischen Website-Geschwindigkeit und Conversion-Rate., Wenn Benutzer auf einer schnellladenden Website zufrieden sind, abonnieren sie eher eine Liste oder kaufen ein Produkt.

Obwohl von AMP noch viel erwartet wird, hat Google es noch nicht zu einem Ranking-Faktor gemacht.

Sie wissen bereits, dass die Ladegeschwindigkeit von Seiten und die Benutzerfreundlichkeit von Mobilgeräten bekannte Faktoren sind, AMP wird jedoch eng mit mobilen Seiten zusammenarbeiten.

Deshalb darf es niemals als unabhängiger Ranking-Faktor verwendet werden, da es nur auf mobilen Seiten funktioniert und nichts mit der Desktop-Version von Seiten zu tun hat.,

Da Websites, die mobilfreundlich sind, mit höheren Rankings in organischen mobilen Suchergebnissen belohnt werden, werden mit AMP entwickelte Seiten höchstwahrscheinlich höher eingestuft als Nicht-AMP-Seiten auf den mobilen Ergebnisseiten (MRPs).

Flexible Anzeigenunterstützung: Die meisten Menschen haben eine Website oder ein Blog gestartet, um Geld zu verdienen und möglicherweise ihren Tagesjob zu ersetzen.

Wenn man sich die Desktop-und mobilen Browserversionen der Seiten einer Website ansieht, kann man leicht feststellen, ob es zu viele Ablenkungen gibt.,

Diese Ablenkungen, wie das Header-Bild, Navigationsmenü, Seitenleiste, Social Share-Schaltflächen, Formulare, Popups und andere unnötige Elemente, können Ihre Conversion-Rate senken.

Mit AMP können Sie jedoch Ablenkungen auf Ihren mobilen Browserseiten beseitigen.

Das liegt daran, dass nicht alle HTML-Code-Tags ausgeführt werden, Sie eine optimierte Version von CSS verwenden und JavaScript (meistens) nicht in Frage kommt. Es ist auch 6x leichter im Code.

Das bedeutet, dass Sie mit Ihren Anzeigen leichter Geld verdienen können.,

Wenn Sie beispielsweise AMP-Versionen von The Guardian analysieren, wissen Sie sofort, dass Anzeigen flexibler und benutzerfreundlicher als die typische mobile Browserseite angezeigt werden sollen.

Wenn Sie auf eine beschleunigte mobile Seite klicken, wird sie fast sofort geladen, noch bevor Sie mit dem Klicken fertig sind.

Stellen Sie sicher, dass Sie Anzeigen von Dritten auf Ihren eigenen mobilen Seiten anzeigen, die schnell geladen werden, aber auch die Aufmerksamkeit des Benutzers auf sich ziehen und einen immensen Wert liefern.,

Wie Sie bereits wissen, ist dieser Content-Marketing-Ansatz der einfachste Weg, um Ihren Einfluss zu erhöhen, Benutzern zu helfen, Antworten auf ihre Fragen zu erhalten und den ROI bei den Werbeausgaben zu verbessern.,

Wenn Sie bereit sind, Ihre AMP-optimierten Seiten zu monetarisieren, finden Sie hier einige der beliebtesten Werbenetzwerke, die derzeit die AMP-ads-Funktionalität verwenden:

• Amazon A9
• AdReactor
• Google Doubleclick
• Flite
• Adform
• Google AdSense
• AOL AdTech
• Taboola
• plista
• Smart AdServer
• Yieldmo
• DotAndAds

Benutzerverfolgung einfach gemacht: Es reicht nicht aus, Datenverkehr an Ihre mobilen Browserseiten zu senden. Sie müssen auch wissen, wie sie auf Ihrer Website angekommen sind.,

Mit Tracking können Sie feststellen, woher Personen kamen, welche Seiten sie angesehen haben und so weiter.

Das Verfolgen von Benutzern und der Site-Leistung ist für AMP ziemlich einfach, da Analysetools vorhanden sind, mit denen Sie Ihre AMP-Versionen genauer untersuchen können.

Das Benutzerverhalten kann nur beeinflusst werden, wenn Sie es verfolgen. Mit AMP können Publisher solche Tag Manager-Analysen verwenden, um aus zwei Tags auszuwählen.

Diese Tags helfen dabei, wichtige Daten wie Klicks/Conversions, Video-und Linkverfolgung, Besucherzahlen, neue vs. wiederkehrende Besucher und mehr automatisch zu verfolgen.,

Andere Technologielösungen Unternehmen, wie WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest und natürlich Twitter, unterstützen auch bereits AMP.

Optimieren Sie Ihre Seiten für AMP

Beschleunigte Mobile-Seiten ist noch in der Entwicklung. Laut den Projektentwicklern von AMP, Github, “ schieben wir am Donnerstag jede Woche eine neue Version von AMP auf alle AMP-Seiten.“

Ich sehe neue Funktionen in sie kommen. Ich erwarte zum Beispiel eine Funktion, mit der Benutzer auswählen können, welche Version einer Seite angezeigt werden soll, eine AMP-Version oder eine mobile Standardseite.,

In beiden Fällen müssen Sie Ihre Webseiten noch für AMP vorbereiten. Auf diese Weise bist du, egal was passiert, im Siegerteam.

Es gibt mehrere Optionen, wenn Sie Ihre Webseiten für AMP optimieren möchten. Wenn Sie ein Anfänger sind, können Sie unter anderem mindestens zwei Versionen Ihrer Inhaltsseite verwalten.

Ihre ursprüngliche Inhaltsseite wäre die mobile browserfreundliche Version, die Benutzer sehen werden, aber Sie haben auch die AMP-Version dieser bestimmten Seite, die die Dinge definitiv beschleunigen wird.,

Denken Sie auch daran, dass AMP-Versionen grundlegenden HTML-Code enthalten, der keine Formularelemente und JavaScript von Drittanbietern zulässt.

Als Vermarkter möchten wir alle unsere E-Mail-Liste erstellen. Der Nachteil von AMP ist, dass Sie dies nicht leicht erreichen können.

Darüber hinaus sind Benutzerkommentare und andere Aktivitäten, an denen Benutzer teilnehmen, wenn Sie Ihre Inhalte auf einer mobilen Seite anzeigen, mit AMP möglicherweise nicht möglich.

Auch hier liegt der Fokus auf Geschwindigkeit und Lesbarkeit.,

Um jetzt mit AMP zu beginnen, wenn Sie ein WordPress-Benutzer sind, müssen Sie nur das WordPress-Plugin auf GitHub herunterladen und installieren.

Klicken Sie einfach auf die Schaltfläche „Zip herunterladen“.

Beachten Sie, dass Sie das AMP-Plugin wie jedes andere Plugin über Ihr WordPress-Dashboard installieren können. Es ist ziemlich einfach.

Sobald Sie das Plugin erfolgreich installiert und aktiviert haben, müssen Sie nur noch „/amp/“ an Ihre Blogpostseiten anhängen., So sieht es in einem mobilen Browser aus:

Und hier ist die AMP-Version dieser Seite auf The Guardian:

Wenn Sie keinen freundlichen Permalink haben, können Sie diesen anhängen „?amp=1“ statt.

Vergessen Sie nicht, in der Google Search Console zu validieren und zu optimieren. Auf diese Weise können Sie Google helfen, Ihre AMP-Versionen schneller abzuholen.

Fazit

AMP ist wirklich mächtig. Als Upgrade auf mobilfreundliche Seiten können Sie damit die Erwartungen von Google erfüllen, dass Sie Ihre Website auf Geschwindigkeit optimieren.,

In Zukunft werden beschleunigte mobile Seiten viele mobile Interaktionen in den sozialen Medien beeinflussen. Ich bin mir dessen sicher.

Während der Fokus jetzt auf AMP liegt, vergessen Sie nicht, bewährte mobile Marketingstrategien zu verwenden. So generieren Sie mobile Kunden für Ihre Website und steigern Ihr Geschäft.

Bevor Sie gehen, habe ich eine Frage an Sie: Haben Sie Ihre mobilen Seiten für Geschwindigkeit und Lesbarkeit beschleunigt? Wenn nicht, was hält Sie davon ab?