Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Blog

Accelerated Mobile Pages (AMP) in Ihrem Blog verwenden

Zuletzt aktualisiert am: August 3, 2021

Produkte/Lizenzen

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Ehemaliges Marketing Hub Basic

AMP, oder Accelerated Mobile Pages, ist ein mobiles, spezifisches Seitenformat, das auf mobilen Geräten nahezu augenblicklich geladen wird. Um den Inhalt schnell zu laden, lädt die AMP-Version Ihrer Blog-Beiträge keine Javascript-Dateien, Stylesheets, HubSpot-Formulare und keinen Header- bzw. Footer-HTML.

Beachten Sie beim Aktivieren von AMP folgende Einschränkungen: 

  • Zur Zeit ist AMP für HubSpot-Landing-Pages oder -Webseiten nicht verfügbar.
  • Feature-Bilder in AMP-aktivierten Blog-Beiträgen sollten mindestens 1200 Pixel breit sein.
  • Aufrufe von AMP-aktivierten Inhalten werden in der Chronik eines Kontakts nicht verfolgt, da AMP den im HubSpot-Tracking-Code enthaltenen JavaScript-Code blockiert.

Sie können AMP für alle Beiträge in einem Blog oder nur für bestimmte Beiträge aktivieren. 

AMP für alle Beiträge in einem Blog übernehmen

Bitte beachten: Wenn Sie AMP für mehrere von HubSpot gehostete Blogs aktivieren möchten, müssen Sie diese Schritte für jeden Blog wiederholen. 

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol settings, um die Einstellungen aufzurufen.
  • Gehen Sie im linken Seitenmenü zu „Website“„Blog“.
  • Klicken Sie, wenn Sie mehrere Blogs haben, auf das Dropdown-Menü „Blog zum Ändern auswählen“ und wählen Sie einen Blog aus.
  • Gehen Sie zur Registerkarte „Google AMP“.
  • Klicken Sie auf den Schalter „Google AMP-formatierte Seiten aktivieren“, um ihn zu aktivieren.

enable-amp

  • Passen Sie das Logo, die Schriftart und die Schriftfarbe Ihrer Google AMP-Seiten an. Erfahren Sie mehr über die Empfehlungen von Google für diesen Inhalt.
  • Klicken Sie auf „Speichern“. 
HubSpot überprüft jeden Blog-Beitrag für Ihre Blog-Vorlage. Das nächste Mal, wenn Google den Blog-Beitrag durchsucht, wird die AMP-Version im Cache gespeichert. Liegt ein Fehler mit der AMP-Version vor, erhalten Sie direkt von Google eine E-Mail.

AMP für einen bestimmten Blog-Beitrag übernehmen

Bitte beachten: Diese Option ist nur verfügbar, wenn AMP in Ihren Blog-Einstellungen nicht aktiviert ist.


  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Blog.
  • Bewegen Sie den Mauszeiger über eine Blog-Beitrag und klicken Sie auf „Bearbeiten“
  • Gehen Sie zur Registerkarte „Planen“.
  • Aktivieren Sie im Abschnitt „Google AMP“ das Kontrollkästchen „Google AMP nur für diesen Blog-Beitrag aktivieren“.

enable-google-amp-for-this-post

  • Klicken Sie oben rechts auf „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu veröffentlichen.

HubSpot validiert jetzt diesen spezifischen Blog-Beitrag. Das nächste Mal, wenn Google den Blog-Beitrag durchsucht, wird die AMP-Version im Cache gespeichert. Liegt ein Fehler mit der AMP-Version vor, erhalten Sie direkt von Google eine E-Mail.

Fehlerbehebung bei AMP-Problemen

Wenn die Google Search Console Probleme mit Ihren AMP-Seiten meldet, empfiehlt HubSpot, den AMP-Validator zu überprüfen. Dieses Tool bietet detaillierte Fehlermeldungen und ermittelt den Ort des Fehlers. 

Sie müssen die AMP-Version der URL (mit dem Parameter „hs_amp=true“) in das URL-Feld eingeben. So finden Sie die AMP-Vorschau-URL eines Blog-Beitrags:

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Website > Blog.
  • Klicken Sie auf den Namen eines Blog-Beitrags.
  • Klicken Sie auf der Detailseite des Beitrags auf „Details anzeigen“.
  • Scrollen Sie im rechten Bereich nach unten zum Abschnitt „AMP-Vorschau“.

AMP%20preview

Hier sind Ursachen für einige der häufigsten AMP-Fehler:

  • Das Attribut „style“ steht nicht im <div>-Tag: Dies ist häufig auf einen Wistia-Einbettungscode zurückzuführen, der noch nicht in AMP-Seiten unterstützt wird. 
  • Das <script>-Tag ist nur in spezifischen Formularen zulässig: Dies ist häufig auf einen Wistia-Einbettungscode zurückzuführen, der noch nicht in AMP-Seiten unterstützt wird.
  • Das Attribut „style“ steht nicht im <span>-Tag: Dies ist häufig auf einen Wistia-Einbettungscode zurückzuführen, der noch nicht in AMP-Seiten unterstützt wird.
  • Nicht wohlgeformte URL „...“ für Attribut „href“ in <a>-Tag: eine Link-URL im Textkörper des Beitrags ist inkorrekt formatiert.
  • Ungültiges URL-Protokoll „...“ für Attribut „href“ in <a>-Tag: eine Link-URL im Textkörper des Beitrags ist inkorrekt formatiert.
  • Bilder sollten für AMP mindestens 1200 Pixel breit sein: Ihr Blog-Beitrag hat kein Feature-Bild, das mindestens 1200 Pixel breit ist.