Accelerated Mobile Pages (AMP) in Ihrem Blog verwenden
Zuletzt aktualisiert am: Mai 24, 2024
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:
- 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 Content > 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 zu Content > Blog..
- Klicken Sie auf den Namen Ihres Posts.
- 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 zu Content > Blog..
- Klicken Sie auf den Namen Ihres Posts.
- 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 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 Post hat kein featured image das mindestens 1200 Pixel breit ist.