6 Juni 2020

Accelerated Mobile Pages (AMP) auf Websites

Bereits im Oktober 2015 hatte Google die Implementierung des AMP-Projekts (Accelerated Mobile Pages) für eine produktivere Suche angekündigt. Bis vor kurzem wurden solche Seiten ausschließlich im News-Bereich „Top Stories“ angezeigt. Im August 2016 gab Google jedoch bekannt, dass sie in naher Zukunft auch in der Hauptausgabe angezeigt werden. In diesem Zusammenhang sind Websitebesitzer besonders an beschleunigten mobilen Seiten interessiert.

Die Accelerated Mobile Pages-Technologie bietet Benutzern mobiler Geräte auch bei niedrigen Verbindungsgeschwindigkeiten ein schnelleres Laden von Seiten. Zu diesem Zweck werden AMP HTML-Markup (einfaches HTML mit einigen Einschränkungen), AMP JS-Bibliothek und Google AMP Cache verwendet. Beschleunigte mobile Seiten werden derzeit von verschiedenen Plattformen unterstützt, z. B. Twitter, LinkedIn, WordPress.

Wenn die Seite der Website eine AMP-Version hat und in der Google-Suche indiziert ist, wird sie möglicherweise Benutzern von Mobilgeräten angezeigt. Gleichzeitig können AMP-Seiten, wie von Google festgestellt, in den Suchergebnissen auf besondere Weise hervorgehoben werden, was bedeutet, dass sie zusätzliche Aufmerksamkeit von Nutzern auf sich ziehen können. Es stimmt, es gibt eine Einschränkung: Auf solchen Seiten sollten strukturierte Daten verwendet werden, beispielsweise gemäß dem Schema.org-Standard.

Was sind die Hauptmerkmale von beschleunigten mobilen Seiten? Erstens werden solche Seiten im Google-Cache gespeichert, und wenn Benutzer darauf zugreifen, erfolgt der Download direkt aus dem Cache, was das Laden beschleunigt. Zweitens werden die Elemente von AMP-Seiten nacheinander geladen, wenn Benutzer durch die Seite scrollen, was auch das Laden beschleunigt. Drittens wird beim Entwurf von AMP-Seiten „spezielles“ HTML mit einigen Einschränkungen für einen zuverlässigeren Betrieb und einigen Erweiterungen für das Design von Medieninhalten verwendet.

Wenn wir über Einschränkungen in AMP-HTML sprechen, unterstützt dieses Markup insbesondere das

-Tag nicht, was bedeutet, dass es nicht möglich ist, Antragsformulare oder beispielsweise Kommentarformulare auf beschleunigten Seiten einer Site zu platzieren. Um benutzerdefinierte Schriftarten auf eine AMP-Seite zu laden, müssen Sie außerdem die spezielle Amp-Font-Erweiterung verwenden, um das Laden besser steuern zu können.

In Bezug auf Erweiterungen in AMP-HTML können wir unter anderem Elemente wie amp-img erwähnen, die das Standard-HTML-Tag img, amp-anim ersetzen und animierte GIF-Bilder, amp-video anstelle des Video-Tags in HTML 5, amp anzeigen -youtube, speziell für Videos von YouTube usw. erstellt.

Um mit der Accelerated Mobile Pages-Technologie auf einer Website arbeiten zu können, müssen Sie in der Regel sowohl „normale“ Seiten als auch AMP erstellen und verwalten, damit Google die AMP-Versionen indizieren kann. Zu diesem Zweck werden Links des Formulars zu regulären Seiten der Site und Links des Formulars zu AMP-Seiten hinzugefügt , wobei die reguläre Seite als kanonisch markiert ist.

Das Erstellen einer AMP-Seite ohne reguläre HTML-Version ist ebenfalls möglich. Auf solchen Seiten müssen Sie Links der Form angeben. Google kann sie indizieren, wenn es dies erkennt. Dazu ist es wichtig sicherzustellen, dass solche Seiten in der Sitemap aufgeführt sind und Links von anderen indizierten Seiten der Site enthalten.

Beschleunigte mobile Seiten können das Laden von Websites auf mobilen Geräten beschleunigen und dadurch die Benutzererfahrung verbessern. Sie sind jedoch keineswegs ein Allheilmittel für alle Site-Probleme und sollten streng nach Bedarf verwendet werden: Schließlich ist die AMP-HTML-Funktionalität erheblich eingeschränkt und beschleunigte mobile Seiten sind nicht für alle Arten von Sites nützlich. Darüber hinaus sollte beachtet werden, dass das Verfolgen solcher Seiten in Webanalysesystemen zusätzliche Einstellungen erfordert und daher zusätzlichen Aufwand und Zeit erfordert.

photo
photo