Accelerated Mobile Pages (AMP) in einem Blog verwenden

AMP ( Accelerated Mobile Pages) ist ein mobilspezifisches Seitenformat, das auf mobilen Geräten fast sofort geladen wird. Um den Inhalt schnell zu laden, lädt die AMP-Version Ihrer Blog-Beiträge keine JavaScript-Dateien, Stylesheets, HubSpot-Formulare, Header-HTML oder Footer-HTML.

Einschränkungen und Wissenswertes

• AMP ist nicht für HubSpot-Landingpages oder Website-Seiten verfügbar.
• Feature-Bilder in Blog-Beiträgen mit aktivierter AMP sollten mindestens 1200 Pixel breit sein.
• Aufrufe von Inhalten mit aktiviertem AMP werden nicht in der Chronik eines Kontakts verfolgt, da AMP das im HubSpot-Tracking-Codeenthaltene JavaScript blockiert.
• 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

Verwenden Sie diese Option, um AMP für alle bestehenden und zukünftigen Blog-Beiträge zu aktivieren. Dieser Ansatz ist am besten, wenn Sie AMP konsistent auf Ihren gesamten Blog anwenden möchten, ohne ihn Beitrag für Beitrag zu verwalten.

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. 

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
2. Navigieren Sie im Menü der linken Seitenleiste zu Content > Blog.
3. Wenn Sie mehrere Blogs haben, klicken Sie auf das Dropdown-Menü Aktuelle Ansicht und wählen Sie einen Blog aus. 
4. Klicken Sie auf die Registerkarte Google AMP .
5. Aktivieren Sie den Schalter Google AMP-formatierte Seiten aktivieren.

6. Passen Sie das Logo, die Schriftart und die Schriftfarbe Ihrer Google AMP-Seiten an. Erfahren Sie mehr über Google-Empfehlungen für diesen Inhalt.
7. Wenn Sie fertig sind, klicken Sie auf Speichern. 

AMP auf einen bestimmten Blog-Post anwenden

Verwenden Sie diese Option, wenn Sie AMP nur für bestimmte Blog-Beiträge aktivieren möchten. Dies ist hilfreich, wenn Sie AMP testen oder es nur für ausgewählte Inhalte benötigen.

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

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
2. Klicken Sie auf den Namen Ihres Posts. 
3. Klicken Sie im Inhaltseditor auf Veröffentlichen oben rechts. 
4. Aktivieren Sie im Dialogfeld das Kontrollkästchen Google AMP nur für diesen Blogbeitrag aktivieren und klicken Sie dann auf 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 Google Search Console Probleme mit Ihren AMP-Seiten meldet, empfiehlt HubSpot die Überprüfung des AMP-Validators. Dieses Tool gibt beschreibende Fehlermeldungen aus und findet den Ort des Fehlers. 

1. Öffnen Sie in Ihrem Browser den AMP-Validator und öffnen Sie dann einen neuen Tab, um auf HubSpot zuzugreifen. 
2. Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
3. Klicken Sie auf den Namen Ihres Posts. 
4. Klicken Sie auf das Menü Datei und wählen Sie Blog-Einstellungen.
5. Klicken Sie im Abschnitt Post URL auf Link kopieren. 
6. Fügen Sie im AMP-Validator die URL des Blogbeitrags in das Feld URL ein. 

7. Geben Sie am Ende der URL ein ?hs_amp=trueund klicken Sie dann auf Validieren. 
8. 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 außer in bestimmten Formularen nicht erlaubt: 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 in AMP-Seiten noch nicht 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-Beitrag enthält kein Feature-Bild, das mindestens 1200 Pixel breit ist.