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: november 2, 2021

Gäller för:

Marknadsföring 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.
  • Bilder på AMP-aktiverade blogginlägg ska vara minst 1200 pixlar breda.
  • Visningar av AMP-aktiverat innehåll 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 slå på knappen Aktivera Google AMP-formaterade sidor.

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

Du måste ange AMP-versionen av webbadressen (med parametern hs_amp=true) i URL-fältet. Så här hittar du ett blogginläggs AMP-premiär-URL:

  • I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.}
  • Klicka på namnetpå ett blogginlägg.
  • Klicka på Visa detaljer på inläggets informationssida.
  • I den högra panelen bläddrar du ner till avsnittet AMP-förhandsgranskning .

AMP%20preview

Här finns orsaker till några av de vanligaste AMP-felen:

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