Accelerated Mobile Pages (AMP) in Ihrem 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, 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: 

• Zur Zeit ist AMP für HubSpot-Landingpages oder Webseiten nicht verfügbar.
• Featured Images in Blog Posts mit aktiviertem 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

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 Website > Blog.
• 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.

• 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“. 

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. 

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. 

• Fügen Sie am Ende der URL ?hs_amp=true hinzu, und klicken Sie dann auf Validate. 

• 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.