AMP für Google Ads-Landingpages verwenden

Schnellere Landingpages führen in der Regel zu mehr Conversions. AMP ist eine hervorragende Möglichkeit, attraktive Google Ads-Landingpages zu erstellen, die schneller geladen werden. amp.dev stellt Webentwicklern die Ressourcen zur Verfügung, die sie zum Erstellen ansprechender und leistungsstarker Seiten benötigen. In dieser detaillierten Anleitung wird beschrieben, wie Sie Google Ads und andere Werbetechnologien auf Ihren AMP-Seiten verwenden.

Schritt 1: AMP-Seiten erstellen und überprüfen

AMP-Seiten erstellen

Wie Sie eine einfache AMP-Seite erstellen, erfahren Sie in der Anleitung Erste AMP-Seite erstellen des AMP-Projekts. Eine praxisorientierte Schritt-für-Schritt-Anleitung findest du in den Anleitungen HTML in AMP konvertieren und Erweiterte AMP-Funktionen hinzufügen. Beispielcode und Vorlagen von AMP-Komponenten findest du unter AMP-Website-Beispiele und AMP-Vorlagen.

In der folgenden Liste werden einige Komponenten beschrieben, die auf AMP-Seiten verwendet werden. Eine vollständige Liste der Komponenten finden Sie in der vollständigen Liste.

  • amp-bind: Hiermit lässt sich eine benutzerdefinierte zustandsorientierte Interaktivität basierend auf JavaScript-ähnlichen Ereignissen hinzufügen.
  • amp-form: Erstellen Sie Landingpages, auf denen Eingaben des Nutzers erforderlich sind.
  • amp-list: Ruft Inhalte dynamisch von einem CORS-JSON-Endpunkt ab.
  • amp-carousel: Bilderkarussell zum Scrollen durch eine Bildergalerie
  • amp-lightbox: Hiermit wird eine Vollbildansicht einer Komponente angezeigt, wenn mit ihr interagiert wurde.
  • amp-call-tracking Ersetzt eine Telefonnummer in einem Hyperlink für das Anruf-Tracking dynamisch.
  • amp-Mustache: Ermöglicht das Rendern mit Mustache.js.
  • amp-date-picker: stellt ein Widget zur Auswahl von Datumsangaben bereit. Die Datumsauswahl kann als Overlay relativ zu Eingabefeldern oder als statisches Kalender-Widget gerendert werden.

AMP-Seiten überprüfen

Während der Entwicklung sollten Sie sicherstellen, dass Ihre AMP-Seiten gültig sind. AMP bietet verschiedene Methoden zur Validierung Ihrer Dokumente. Am häufigsten überprüfen Sie eine AMP-Seite mit dem Web Validator oder dem Google Webmaster Tools Validator. Sie können auch das Chrome-Plug-in für den Browser und die Entwicklerkonsole verwenden oder das npm-Modul „amphtml-validator“ in Ihren Build einbinden.

Sie können auch AMPBench verwenden, eine Open-Source-Webanwendung und -Dienst, um Probleme bei der Bereitstellung von AMP-Seiten zu prüfen und zu beheben.

Wenn Sie Unterstützung für AMP-Tests benötigen, besuchen Sie die Seite Support des AMP-Projekts.

Schritt 2: AMP für Conversion-Tracking und Analysen einrichten

Mit der Komponente amp-analytics können Sie Google Ads-Conversions erfassen. Eine Anleitung dazu finden Sie unter Google Ads-Conversion-Analyse für AMP-Landingpages einrichten.

Google Analytics

Google Analytics ist eine der unterstützten Analyselösungen von amp-analytics. Damit Sitzungen auf AMP- und Nicht-AMP-Seiten vereinheitlicht werden können, folgen Sie der Anleitung unter Google Analytics-Sitzungsergänzung für AMP einrichten.

Google Tag Manager

Die amp-analytics-Komponente unterstützt Google Tag Manager. Zusätzlich zu Google Ads-Conversions können Sie Google Tag Manager verwenden, um Remarketing, DoubleClick Floodlight, Google Universal Analytics und ähnliche Messprodukte hinzuzufügen. Hier finden Sie eine vollständige Liste kompatibler Tags.

Adobe Analytics (früher Omniture)

Adobe Analytics bietet zwei Methoden zur Implementierung der Lösung zur Erfassung der Websiteleistung mit der amp-analytics-Komponente: iFrame- (adobeanalytics_nativeConfig) und Nicht-iFrame-Implementierung (adobeanalytics). Informieren Sie sich über die Vor- und Nachteile und Details zur Implementierung der einzelnen Ansätze.

Mit der amp-analytics-Komponente können Sie Nutzeraktionen und Ereignisse verfolgen. Die AMP-Analyse bietet native Unterstützung von über 40 Analyseanbietern. Das Framework ist flexibel und ermöglicht Ihnen, URLs mithilfe von benutzerdefinierten Konfigurationen zu messen und auszulösen, um Analysedaten an Ihre eigenen Server oder an Anbieter zu senden, für die keine native AMP-Unterstützung verfügbar ist. Wenn Sie eine Technologie verwenden, die derzeit nicht unterstützt wird, bitten Sie Ihren Anbieter, diese Unterstützung hinzuzufügen.

Die AMP-Analyse ermöglicht auch die flexible Ersetzung von Variablen. Weitere Informationen finden Sie in der Dokumentation zur Variablenersetzung.

Schritt 3: AMP-Bereitstellung in der Google Ads-Benutzeroberfläche aktivieren

Während AMP-Seiten in der Google Suche über den Link von Ihren Seiten automatisch erkannt werden, müssen Werbetreibende die URL der AMP-Seite explizit in Google Ads eingeben. Weitere Informationen zum Einrichten von AMP-URLs in der Google Ads-Benutzeroberfläche finden Sie unter AMP mit Google Ads verwenden.

Die Cache-Bereitstellung ist derzeit für Textanzeigen auf Google-Suchergebnisseiten verfügbar, die in den meisten gängigen Browsern wie Android Chrome, der Google App für Android und Mobile Safari ausgeliefert werden. Im Laufe der nächsten Monate wird die Verfügbarkeit ausgeweitet.

Wenn Sie testen möchten, wie eine AMP-Seite angezeigt wird, wenn sie aus dem AMP-Cache von Google im Google Search Viewer angezeigt wird, geben Sie Ihren AMP-Artikel in das AMP-Testtool für die Suche ein und klicken Sie auf Vorschaulink.

Wenn Sie Google Ads-Zugriffe auf Ihre AMP-Landingpage leiten möchten, diese aber nicht in den organischen Suchergebnissen erscheinen sollen, fügen Sie wie bei jeder anderen Webseite auch Disallow-Anweisungen für die relevanten AMP-Seiten zu robots.txt hinzu.

AMP-Inhalte auf Landingpages aktualisieren

Wenn ein Nutzer ein AMP-Dokument aus dem AMP-Cache von Google anfordert, werden im Cache automatisch Aktualisierungen angefordert, damit neue Inhalte für den nächsten Nutzer bereitgestellt werden können, sobald die Inhalte im Cache gespeichert wurden. Mit diesem Modell werden Aktualisierungen von AMP-Dokumenten automatisch und schnell verbreitet. Nur wenige Nutzer bemerken die nicht aktualisierte Version nach dem Update. Außerdem können bei Bedarf Inhalte mit der update-cache API aus dem AMP-Cache aktualisiert oder entfernt werden.

Im AMP-Projekt werden jeden Tag neue Funktionen und Komponenten hinzugefügt. Wenn Sie Funktionen finden, die fehlen, können Sie einen Beitrag leisten oder sie hinzufügen lassen. Öffnen Sie dazu ein GitHub-Problem.

Ungültige AMP-Seitenverarbeitung

Wenn eine Seite ungültig wird, erkennt der AMP-Cache dies innerhalb weniger Anfragen und beginnt mit der Weiterleitung an die über die AMP-Seite bereitgestellte Quelle. Es kann ein bis zwei Tage dauern, bis die AMP-Cache-Bereitstellung wiederhergestellt ist.