Använd Accelerated Mobile Pages (AMP) i din blogg
Senast uppdaterad: april 4, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
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 inte spå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 till Webbplats > Blogg i menyn i vänster sidebar.
- 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 aktivera växeln Slå på Google AMP-formaterade sidor .
- Anpassa logotypen, typsnittet och typsnittsfärgen på dina Google AMP-sidor. Läs mer om Googles rekommendationer för det här innehållet.
- Klicka på Spara.
Tillämpa AMP på ett specifikt blogginlägg
Observera: Det här alternativet är endast tillgängligt om AMP är inte är aktiverad 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 Publiceringsalternativ.
- I avsnittet Google AMP markerar du kryssrutan Aktivera Google AMP bara för det här blogginlägget.
- Klicka på Uppdatera eller Publicera 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 dina AMP-sidor rekommenderar HubSpot att du kontrollerar AMP-valideraren. 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å fliken Inställningar .
- Klicka på Kopiera länk bredvid blogg-URL .
- I AMP-valideringsverktyget klistrar du in blogginläggets URL i URL-fältet .
- Lägg till ?hs_amp=true i slutet av webbadressen och klicka sedan på Validera.
- 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 taggen <span>: Detta orsakas ofta av en Wistia embed-kod, som ännu inte stöds på AMP-sidor .
- Felaktig URL-adress "..." för attributet "href" i <a>-taggen: En länk-URL i inläggskroppen är felaktigt formaterad.
- Felaktigt URL-protokoll '...' för attributet 'href' i <a>-taggens namn: 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.