Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Blog

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

Senast uppdaterad: december 6, 2021

Gäller för:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Tidigare Marketing Hub Basic

AMP ( Accelerated Mobile Pages) är ett mobilspecifikt sidformat som laddas nästan omedelbart på mobila enheter. För att läsa in innehållet snabbt kommer AMP-versionen av dina blogginlägg inte att läsa in någraJavascript-filer, formatmallar, HubSpot-formulär, HTML-rubriker eller HTML-rubriker för sidfötter.

Det finns några begränsningar när du använder AMP:

  • För närvarande är AMP inte tillgängligt för HubSpot-landningssidor eller webbsidor.
  • Huvudbilder i blogginlägg med AMP aktiverat bör vara minst 1200 pixlar breda.
  • Visningar av innehåll med AMP aktiverat kommer att intespåras inte på en kontakts tidslinje eftersom AMP blockerar JavaScript som ingår i HubSpot-spårningskoden.

Du kan aktivera AMP för alla inlägg på en blogg eller endast 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 de här stegen för varje blogg.

  • I ditt HubSpot-konto, klicka på inställningsikonen inställningar i huvudnavigeringsfältet.
  • Navigera tillWebbplats >Blogg i menyn i vänster sidebar.
  • Om du har flera bloggar klickar du på rullgardinsmenyn Välj en blogg att ändraoch väljer en blogg.
  • Navigera till fliken Google AMP.
  • Klicka för att aktivera växeln Slå på Google AMP-formaterade sidor .

turn-on-google-amp

  • Anpassa logotyp, typsnitt och typsnittsfärg för dina Google AMP-sidor. Läs mer om Googles rekommendationer för det här innehållet.
  • Klicka på Spara.
HubSpot validerar varje blogginlägg för din bloggmall. Nästa gång Google crawlar blogginlägget kommer de att cacha AMP-versionen. Om det finns fel i AMP-versionen skickar Google ett e-postmeddelande direkt till dig för att informera dig om detta.

Tillämpa AMP på ett specifikt blogginlägg

Observera:Det här alternativet är endast tillgängligt om AMP ärinte äraktiverad i dina blogginställningar.


  • I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
  • Håll muspekaren över ett blogginlägg och klicka på Redigera.
  • Navigera till fliken Schema.
  • I avsnittet Google AMP markerar du kryssrutanAktivera Google AMP bara för det här blogginlägget.

enable-google-amp-for-this-post

  • Klicka på UppdateraellerPublicera uppe till höger för att ta ändringarna i bruk.

HubSpot kommer nu att validera det här specifika blogginlägget. Nästa gång Google söker igenom 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 informera dig om detta.

Felsöka AMP-problem

Om Google Search Console rapporterar problem med dinaAMP-sidor rekommenderar HubSpot att du kontrollerar AMP-valideringsprogrammet.Det här verktyget 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.
  • I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.}
  • Håll muspekaren över ett blogginlägg och klicka påRedigera.
  • I innehållsredigeraren klickar du på flikenInställningar .
  • Klicka påKopiera länk bredvidblogg-URL.
  • I AMP-valideraren klistrar du in blogginläggets URL i URL-fältet.

enter-url-in-amp-validator

  • Lägg till ?hs_amp=true i slutet av webbadressen och klicka sedan påValidera.
När du har validerat din URL visas eventuella AMP-fel under HTML. AMP-fel kan vara följande:
  • Detta orsakas ofta av en inbäddningskod från Wistia, som ännu inte stöds på AMP-sidor.
  • Taggen <script> är otillåten utom i specifika formulär: Detta orsakas ofta av en Wistia embed-kod, som ännu inte stöds på AMP-sidor.
  • Attributet "style" visas inte i <span>-taggen: Detta orsakas ofta av enWistiaembed-kod, som ännu inte stöds på AMP-sidor.
  • Felaktigt formad URL "..." för attributet "href" i <a>-taggen:en länk-URL i inläggets huvuddel är felaktigt formaterad.
  • Felaktigt URL-protokoll '...' för attributet 'href' i <a>-taggen: en länk-URL i inläggets huvuddel är felaktigt formaterad.
  • Bilderna ska vara minst 1200 pixlar breda för AMP: blogginlägget har ingen bild som är minst 1200 pixlar bred.
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.