AMP für Google Ads-Landingpages verwenden

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

Schritt 1: AMP-Seiten erstellen und validieren

AMP-Seiten erstellen

Informationen zum Erstellen einer einfachen AMP-Seite finden Sie im AMP-Projekt im Tutorial Erste AMP-Seite erstellen. Eine detaillierte Anleitung finden Sie in den Tutorials HTML in AMP konvertieren und Erweiterte AMP-Funktionen hinzufügen. Beispielcode und Vorlagen für AMP-Komponenten finden Sie unter Beispiele für AMP-Websites 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 hier.

  • amp-bind: Hiermit können Sie benutzerdefinierte interaktive Funktionen hinzufügen, die auf JavaScript-ähnlichen Ereignissen basieren.
  • amp-form: Erstellen Sie Landingpages, für die Nutzer Eingaben machen müssen.
  • amp-list: Damit wird Inhalt dynamisch von einem CORS-JSON-Endpunkt abgerufen.
  • amp-carousel: Bilderkarussell zum Scrollen durch eine Bildergalerie.
  • amp-lightbox: Mit dieser Komponente wird eine Vollbildansicht einer Komponente angezeigt, wenn mit ihr interagiert wird.
  • amp-call-tracking: Ersetzt dynamisch eine Telefonnummer in einem Hyperlink für das Anruf-Tracking.
  • amp-mustache: Ermöglicht das Rendern mit Mustache.js.
  • amp-date-picker: Bietet ein Widget zur Auswahl von Datumsangaben. Die Datumsauswahl kann als Overlay in Bezug auf Eingabefelder oder als statisches Kalender-Widget gerendert werden.

AMP-Seiten validieren

Achten Sie während der Entwicklung darauf, dass Ihre AMP-Seiten gültig sind. AMP bietet verschiedene Methoden zur Validierung Ihrer Dokumente. Die gängigste Methode zum Validieren einer AMP-Seite ist die Verwendung des Web-Validators oder des Validators in den Google Webmaster-Tools. Sie können auch das Chrome-Browser-Plug-in und die Entwicklerkonsole verwenden oder das npm-Modul „amphtml-validator“ in Ihren Build einbinden.

Sie können auch AMPBench verwenden. Das ist eine Open-Source-Webanwendung und ein Dienst, mit dem Probleme bei der Bereitstellung von AMP-Seiten validiert und behoben werden können.

Support zu AMP-Tests erhalten Sie auf der englischsprachigen Seite Getting Support des AMP-Projekts.

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

Verwenden Sie die Komponente amp-analytics, um Google Ads-Conversions zu erfassen. Eine Anleitung dazu finden Sie im Hilfeartikel Google Ads-Conversion-Messung für AMP-Landingpages einrichten.

Google Analytics

Google Analytics ist eine der von amp-analytics unterstützten Analyselösungen. Wenn Sie Sitzungen auf AMP- und Nicht-AMP-Seiten vereinheitlichen möchten, folgen Sie der Anleitung unter Google Analytics-Sitzungsergänzung für AMP einrichten.

Google Tag Manager

Die Komponente amp-analytics unterstützt Google Tag Manager. Neben Google Ads-Conversions können Sie mit Google Tag Manager Remarketing, DoubleClick Floodlight, Google Universal Analytics und ähnliche Analysetools hinzufügen. Hier findest du eine vollständige Liste der kompatiblen Tags.

Adobe Analytics (früher Omniture)

Adobe Analytics bietet zwei Methoden zur Implementierung der Lösung für die Website-Leistungsüberwachung mit der amp-analytics-Komponente: iframe- (adobeanalytics_nativeConfig) und nicht iframe-Implementierung (adobeanalytics). Informationen zu den Vor- und Nachteilen sowie zur Implementierung der einzelnen Ansätze

Mit der Komponente amp-analytics können Sie Nutzeraktionen und -ereignisse erfassen. AMP Analytics bietet native Unterstützung von über 40 Analyseanbietern. Das Framework ist flexibel und ermöglicht es Ihnen, URLs mithilfe von benutzerdefinierten Konfigurationen zu erfassen und auszulösen, um Analysedaten an Ihre eigenen Server oder an Anbieter zu senden, bei denen kein nativer AMP-Support verfügbar ist. Wenn Sie eine Technologie verwenden, die derzeit nicht unterstützt wird, bitten Sie Ihren Anbieter, sie zu unterstützen.

AMP-Analysen ermöglichen auch eine flexible Variablenersetzung. Weitere Informationen finden Sie in der Dokumentation zur Variablenersetzung.

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

AMP-Seiten werden in der Google Suche zwar automatisch erkannt, wenn sie über den Link von Ihren Seiten aufgerufen werden, Werbetreibende müssen die URL der AMP-Seite aber manuell in Google Ads eingeben. Im Hilfeartikel AMP in Google Ads verwenden finden Sie weitere Informationen zum Einrichten von AMP-URLs in der Google Ads-Benutzeroberfläche.

Die Auslieferung über den Cache ist derzeit für Textanzeigen auf Google-Suchergebnisseiten in den meisten gängigen Browsern verfügbar, darunter Android Chrome, die Google Suche App für Android und Safari für Mobilgeräte. 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 bereitgestellt wird, geben Sie Ihren AMP-Artikel in das AMP-Testtool für die Google Suche ein und klicken Sie auf Link zur Vorschau.

Wenn Sie Google Ads-Zugriffe auf Ihre AMP-Landingpage steigern, diese aber nicht in den organischen Suchergebnissen erscheinen lassen möchten, fügen Sie Ihrem robots.txt wie bei jeder anderen normalen Webseite Disallow-Anweisungen für die entsprechenden AMP-Seiten hinzu.

AMP-Inhalte auf Landingpages aktualisieren

Wenn ein Nutzer ein AMP-Dokument aus dem AMP-Cache von Google abruft, fordert der Cache automatisch Aktualisierungen an, um dem nächsten Nutzer den neuen, im Cache gespeicherten Inhalt bereitstellen zu können. Bei diesem Modell werden Aktualisierungen von AMP-Dokumenten automatisch und schnell verbreitet. Nur wenige Nutzer sehen anschließend die ältere Version. Bei Bedarf kannst du auch die update-cache API verwenden, um Inhalte im AMP-Cache zu aktualisieren oder zu entfernen.

Dem AMP-Projekt werden täglich neue Funktionen und Komponenten hinzugefügt. Wenn du eine Funktion vermisst, kannst du selbst einen Beitrag leisten oder eine GitHub-Issue erstellen, um sie anzufordern.

Ungültige AMP-Seitenverarbeitung

Wenn eine Seite ungültig wird, erkennt der AMP-Cache dies innerhalb weniger Anfragen und leitet den Nutzer an den Ursprung der AMP-Seite weiter. Es kann ein bis zwei Tage dauern, bis die AMP-Cache-Auslieferung wieder aktiviert ist.