AMP

Optimiere das User Engagement

Hier sind ein paar Tipps zur Verbesserung von User Engagement mit AMP.

Hilf deinen Lesern, dein Produkt mit einheitlichem Branding und reichhaltigem Content auf AMP Seiten und traditionellen Seiten in Verbindung zu bringen

  • Lasse die AMP Seiten dein Brand widerspiegeln. Verwende das gleiche Schema für Header und Design (z. B. Farben, Abstände, Schriftstile) wie auf deinen traditionellen Seiten, um Wiedererkennungswert zu schaffen und die Legitimität der Seite zu unterstreichen.

  • Präsentiere deine interessantesten Inhalte beim Konvertieren deiner Seiten. Füge wichtige Seitenelemente wie Bilder, Videos, Einbettungen, strukturierte Daten, Kommentare und soziale Medien hinzu. Erfahre, wie du Inhalte von Drittanbietern einbindest.

  • Halte die AMP Seiten immer aktuell. Aktualisiere Live Blogs dynamisch mit der amp-live-list.

Optimiere User Engagement und Kundenbindung

  • Biete interaktive Erfahrungen auf deinen AMP Seiten. Verwende Komponenten wie amp-carousel, um vielseitige Bildkarusselle zu erstellen, und amp-iframe, um interaktive Elemente einzubinden, die AMP nicht nativ unterstützt.

  • Sorge für eine personalisierte Benutzerführung. Stelle Login Buttons zur Verfügung. Wenn dein Content sich hinter einer Paywall befindet, implementiere deine Regeln und Angebote mithilfe von amp-access.

  • Biete weiterführende Inhalte. Setze Links zu ähnlichen oder vorgeschlagenen Artikeln und anderen relevanten Abschnitten deiner Website.

  • Personalisiere deine Inhalte anhand von Empfehlungen mittels amp-list.

  • Implementiere ein Menü mit amp-sidebar, um Benutzer zu ermutigen, in deiner gesamten Website zu stöbern.

  • Hilf deinen Lesern, deine Inhalte zu teilen. Verwende dazu amp-social-share und deine eigenen Share Buttons.

  • Schaffe neue Interaktionen wie Lead Generierung, Anmeldung für Newsletter und Unterstützung für Kommentare mithilfe von amp-form.

  • Fokussiere dich auf Arten von Ads, die positiv zur Benutzererfahrung beitragen. Teste AMP Ad Formate wie amp-sticky-ad und amp-fx-flying-carpet. Orientiere dich bei der Monetarisierung von Ads an den Best Practices.

  • Fördere App Downloads. Verwende amp-app-banner und statte Banner mit einem Link zur Installation von Apps aus.

  • Gewährleiste einen schnellen Übergang zu deiner Progressive Web App (PWA), die kein AMP verwendet. Befülle deinen Cache mittels amp-install-serviceworker.

Nimm am Open Source AMP Projekt teil, um zu seiner Entwicklung beizutragen

  • Sieh dir die AMP Roadmap unter Roadmap an, um über Updates und Features auf dem Laufenden zu bleiben.

  • Mach mit. Trage Quellcode bei, reiche Fehlerberichte ein und gib Feedback auf GitHub. Tausche dich auf Stack Overflow über AMP aus.

  • Lerne anhand von Beispielen, wie du AMP Komponenten verwendest.