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.

Accelerated Mobile Pages (AMP) in Ihrem Blog verwenden

Zuletzt aktualisiert am: Juni 22, 2023

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Alle

AMP ( Accelerated Mobile Pages) ist ein mobilspezifisches Seitenformat, das auf mobilen Geräten fast sofort geladen wird. Um den Inhalt schnell zu laden, werden in der AMP-Version Ihrer Posts keine Javascript-Dateien, Stylesheets, HubSpot-Formulare, Kopf- oder Fußzeilen-HTML geladen.

Die Verwendung von AMP unterliegt einigen Beschränkungen: 

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

AMP auf alle Posts in einem Blog anwenden

Bitte beachten Sie: 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 settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Navigieren Sie im Menü der linken Seitenleiste zu WebsiteBlog.
  • Wenn Sie mehrere Blogs haben, klicken Sie auf das Dropdown-Menü Blog zum Ändern auswählen und wählen Sie einen Blog
  • Navigieren Sie zur Registerkarte Google AMP.
  • Klicken Sie hier, um den Schalter Google AMP-formatierte Seiten einschalten einzuschalten.

einschalten-google-amp

  • Passen Sie das Logo, die Schriftart und die Schriftfarbe Ihrer Google AMP-Seiten an. Erfahren Sie mehr über Google-Empfehlungen für diesen Inhalt.
  • Klicken Sie auf „Speichern“
HubSpot validiert jeden Blog-Post für Ihre Blog-Vorlage. Das nächste Mal, wenn Google den Blog-Beitrag durchsucht, wird die AMP-Version im Cache gespeichert. Bei Fehlern in der AMP-Version werden Sie von Google direkt per E-Mail benachrichtigt.

AMP auf einen bestimmten Blog-Post anwenden

Bitte beachten Sie: diese Option ist nur verfügbar, wenn AMP nicht in Ihren Blog-Einstellungenaktiviert ist.


  • Gehen Sie in Ihrem HubSpot-Account zum Bereich Marketing, klicken Sie dann auf den Punkt Website und abschließend auf Blog.
  • Bewegen Sie den Mauszeiger über eine Blog-Beitrag und klicken Sie auf „Bearbeiten“
  • Klicken Sie im Inhaltseditor auf Veröffentlichen oben rechts. 
  • Aktivieren Sie im Dialogfeld das Kontrollkästchen Google AMP nur für diesen Blog Post aktivieren und klicken Sie dann auf Jetzt veröffentlichen

post-veröffentlichen-mit-google-amp

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 Google Search Console Probleme mit Ihren AMP-Seiten meldet, empfiehlt HubSpot die Überprüfung des AMP-Validators. Dieses Tool liefert beschreibende Fehlermeldungen und zeigt den Ort des Fehlers an. 

  • Öffnen Sie in Ihrem Browser den AMP-Validator, und öffnen Sie dann einen neuen Tab, um auf HubSpot zuzugreifen. 
  • Gehen Sie in Ihrem HubSpot-Account zum Bereich Marketing, klicken Sie dann auf den Punkt Website und abschließend auf Blog.
  • Bewegen Sie den Mauszeiger über einen Blogeintrag und klicken Sie auf Bearbeiten.
  • Klicken Sie auf das Menü Datei und wählen Sie Blog-Einstellungen.
  • Klicken Sie im Abschnitt Post URL auf Link kopieren
  • Fügen Sie im AMP-Validator die URL des Blogbeitrags in das URL-Feld ein. 

enter-url-in-amp-validator

  • Fügen Sie am Ende der URL ?hs_amp=true hinzu, und klicken Sie dann auf Validate
Sobald Sie Ihre URL validiert haben, werden etwaige AMP-Fehler unter dem HTML-Code angezeigt. AMP-Fehler können sein: 
  • Das Attribut 'style' erscheint nicht im <div> Tag: dies wird häufig durch einen Wistia Einbettungscode verursacht, der in AMP-Seiten noch nicht unterstützt wird. 
  • Der <script> Tag ist nicht erlaubt, außer in bestimmten Formularen: Dies wird häufig durch einen Wistia Einbettungscode verursacht, der in AMP-Seiten noch nicht unterstützt wird. 
  • Das Attribut 'style' erscheint nicht im <span> Tag: dies wird häufig durch einen Wistia Einbettungscode verursacht, der noch nicht in AMP-Seiten unterstützt wird. 
  • Fehlerhafte URL '...' für das Attribut 'href' im <a> Tag: eine Link-URL im Body des Posts ist falsch formatiert.
  • Ungültiges URL-Protokoll '...' für das Attribut 'href' im <a> Tag: eine Link-URL im Body des Posts ist falsch formatiert.
  • Bilder sollten für AMP mindestens 1200 Pixel breit sein: Ihr Blog Post hat kein featured image das mindestens 1200 Pixel breit ist. 
War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.