HubSpot Kunskapsbas

Använd Accelerated Mobile Pages (AMP) i din blogg

Skriven av HubSpot Support | Nov 2, 2021 2:31:04 PM

AMP, eller Accelerated Mobile Pages, är ett mobilspecifikt sidformat som laddas nästan omedelbart på mobila enheter. För att ladda innehållet snabbt kommer AMP-versionen av dina blogginlägg inte att ladda några Javascript-filer, stylesheets, HubSpot-formulär, head HTML eller footer HTML.

Det finns några begränsningar för att använda AMP:

  • För närvarande är AMP inte tillgängligt för HubSpots målsidor eller webbsidor.
  • Utvalda bilder på blogginlägg med AMP aktiverat bör vara minst 1200 pixlar breda.
  • Visningar avinnehåll med AMP aktiverat kommer inte att spåras på en kontakts tidslinje eftersom AMP blockerar JavaScript som ingår i HubSpots spårningskod.

Du kan slå på AMP för alla inlägg på en blogg eller bara för specifika inlägg.

Tillämpa AMP på alla inlägg på en blogg

Observera: om du vill aktivera AMP för flera HubSpot-hostade bloggar måste du upprepa dessa steg för varje blogg.

  • Navigera till Innehåll > Blogg i menyn till vänster i sidofältet.
  • Om du har flera bloggar klickar du på rullgardinsmenyn Välj en blogg att ändra och väljer en blogg.
  • Navigera till fliken Google AMP.
  • Klicka för att slå på knappen Slå på Google AMP-formaterade sidor .

  • Anpassa logotypen, teckensnittet och teckensnittsfärgen på dina Google AMP-sidor. Läs mer om Googles rekommendationer för detta innehåll.
  • Klicka på Spara.
HubSpot kommer att validera varje blogginlägg för din bloggmall. Nästa gång Google genomsöker blogginlägget kommer de att cacha AMP-versionen. Om det finns fel i AMP-versionen kommer Google att skicka ett e-postmeddelande direkt till dig för att meddela dig.

Tillämpa AMP på ett specifikt blogginlägg

Observera: det här alternativet är endast tillgängligt om AMP inte är aktiverat i dina blogginställningar.


  • Klicka på namnet på ditt inlägg.
  • I innehållsredigeraren klickar du på Publicera längst upp till höger.
  • I dialogrutan markerar du kryssrutan Aktivera Google AMP bara för det här blogginlägget och klickar sedan på Publicera nu.

HubSpot kommer nu att validera det här specifika blogginlägget. Nästa gång Google genomsöker blogginlägget kommer de att cacha AMP-versionen. Om det finns fel med AMP-versionen kommer Google att skicka ett e-postmeddelande direkt till dig för att meddela dig.

Felsöka AMP-problem

Om Google Search Console rapporterar problem med dina AMP-sidor rekommenderar HubSpot att du kontrollerar AMP-validatorn. Detta verktyg ger beskrivande felmeddelanden och identifierar felets plats.

  • Öppna AMP-validatorn i din webbläsare och öppna sedan en ny flik för att komma åt HubSpot.
  • Klicka på namnet på ditt inlägg.
  • Klicka på Arkiv-menyn och välj Blogginställningar.
  • Klicka på Kopiera länk i avsnittet URL till inlägget.
  • I AMP-validatorn klistrar du in blogginläggets URL i URL-fältet .

  • Lägg till ?hs_amp=true i slutet av URL:en och klicka sedan på Validera.
När du har validerat din URL kommer eventuella AMP-fel att visas under HTML-koden. AMP-fel kan inkludera:
  • Attributet 'style' visas inte i <div>-taggen: detta orsakas ofta av en Wistia-inbäddningskod, som ännu inte stöds på AMP-sidor.
  • <script> -taggen är inte tillåten utom i specifika former: detta orsakas ofta av en Wistia-inbäddningskod, som ännu inte stöds på AMP-sidor.
  • Attributet 'style' visas inte i <span> - taggen: detta orsakas ofta av en Wistia-inbäddningskod, som ännu inte stöds på AMP-sidor.
  • Felformad URL '...' för attributet 'href' i <a>-taggen: en länk-URL i inläggets brödtext är felaktigt formaterad.
  • Ogiltigt URL-protokoll '...' för attributet 'href' i <a>-taggen: en länk-URL i inläggets brödtext är felaktigt formaterad.
  • Bilder ska vara minst 1200 pixlar breda för AMP: ditt blogginlägg har inte en utvald bild som är minst 1200 pixlar bred.