Senast uppdaterad: mars 26, 2024
Tillgänglig med något av följande abonnemang, om inte annat anges:
Marketing Hub
Professional
,
Enterprise
|
| Tidigare Marketing Hub Basic |
När du lägger till länkar till sociala inlägg i HubSpot visas en förhandsgranskning som innehåller en utvald bild, sidtitel och sidbeskrivning.
Sociala förhandsvisningar baseras på metataggar i avsnittet <head> i din sidas HTML. Dessa taggar talar om för sociala medieplattformar vad de ska fokusera på när de skapar en förhandsgranskning av din delade länk. De grundläggande metataggarna är:
- og:title: titeln på ditt innehåll.
- og:type: innehållets typ, t.ex. en video eller en webbsida.
- og:image: URL för den bild som representerar ditt innehåll.
- og:url: den unika URL för ditt innehåll som kommer att användas som dess permanenta ID.
- og:description: den beskrivning som sammanfattar din bild.
Titeln, metabeskrivningen och den utvalda bilden ställs in automatiskt för blogginlägg. För landningssidor och webbsidor ställs titeln och metabeskrivningen in automatiskt, men den utvalda bilden måste ställas in manuellt.
Observera: LinkedIn kommer att visa din utvalda bild, sidtitel och URL i sitt förhandsgranskningskort, men kommer inte att inkludera din metabeskrivning.
Utvald bild, sidtitel eller sidbeskrivning visas inte i förhandsgranskningen av inlägget
Om förhandsgranskningen av ditt sociala inlägg inte visar den förväntade utvalda bilden, sidtiteln eller sidbeskrivningen kan du felsöka i HubSpot eller med hjälp av externa felsökningsverktyg.
Felsökning i HubSpot
Om du länkar till ett HubSpot-hostat blogginlägg, landningssida eller webbplatssida, se till att en utvald bild är inställd i sidans eller inläggets inställningar.
Du kan också manuellt ställa in en og:image tagg för att lägga till en utvald bild:
-
Gå till ditt HubSpot-konto och navigera till dina målsidor eller webbplatssidor.
- Håll muspekaren över en sida och klicka på Redigera.
- I innehållsredigeraren klickar du på fliken Inställningar och sedan på Avancerade alternativ.
- I avsnittet Ytterligare kod avsnitt anger du detta kodavsnitt i fältet Head HTML:
<meta property="og:image" content="IMG URL">
- Ersätt IMG URL med URL:en till din bildfil.
- Om du vill optimera en bild ytterligare för X anger du detta ytterligare kodavsnitt i fältet Head HTML :
<meta name="twitter:card" content="summary_large_image">
- Klicka på Publicera eller Uppdatera längst upp till höger för att aktivera ändringarna.
Felsökning med webbläsarens utvecklingsverktyg
Om du delar en extern sida i ditt sociala inlägg kan du använda webbläsarutvecklarverktyg som Chrome Developer tools för att se till att metataggarna för sidan är korrekt konfigurerade. Visa sidans källa och kontrollera och bekräfta sedan följande:
- Metataggarna
og:imageoch andra metataggar visas korrekt. - Detaljerna för varje tagg är korrekta. Kontrollera till exempel att URL:en för den utvalda bilden för
og:imagetaggen är korrekt. - Det finns bara en förekomst av varje typ av metatagg. Om det finns flera förekomster av samma metatagg kanske sociala nätverk inte väljer rätt när de genererar en länkförhandsgranskning.
- Dina metataggar är nära toppen av HTML. Om du har extra kod eller uppmärkning före dina metataggar kan det hända att sökrobotar för sociala nätverk inte kan hitta dessa taggar.
Felsökning med felsökningsverktyg för sociala nätverk
Om du ser en avvikelse mellan din sociala förhandsgranskning och metataggarna kan det sociala nätverket behöva göra en ny genomsökning av sidan. Använd följande valideringsverktyg för varje socialt nätverk för att upptäcka eventuella fel eller utlösa en ny genomsökning av sidan:
- Debugger för Facebook-delning: Facebook räknar automatiskt om delat innehåll var 24:e timme. Klicka på Scrape Again i Sharing Debugger för att manuellt utlösa en ny genomsökning.
- X-kortvalidator: X cachar innehåll i 7 dagar efter publicering av ett inlägg. Ange din URL och klicka på Förhandsgranska kort i Kortvalidatorn för att starta en ny genomsökning av ditt innehåll.
- Inspektör för LinkedIn-inlägg: LinkedIn cachar innehåll i 7 dagar efter publicering av ett inlägg. Klicka på Inspektera i Post Inspector för att starta en ny genomsökning av ditt innehåll.
I allmänhet kommer alla inlägg som publicerats innan sidan återcrawlades fortfarande att innehålla den felaktiga bilden. Om og:image -taggen inte har angetts för en sida kommer det sociala nätverket att skanna sidan för att hitta den lämpligaste bilden att inkludera i sociala inlägg, vilket vanligtvis är den första bilden som hittas. En länkförhandsgranskningsbild kanske inte visas alls om en robots.txt-fil eller säkerhetsprogram används för att förhindra genomsökning av sidan.
Problem med visning av utvald bild
Om förhandsgranskningen av ditt sociala inlägg visar den förväntade bilden, men bilden visas felaktigt, kan du kontrollera följande.
Bildens storlek eller förhållande är felaktigt
Om den utvalda bilden inte visas korrekt i förhandsgranskningen av sociala inlägg (t.ex. om bilden är avklippt eller om förhållandet är fel) kan du behöva redigera bilden så att den har rätt mått för det sociala nätverk du publicerar på och sedan publicera sidan på nytt.
Följande dimensioner rekommenderas för optimering av utvalda bilder på varje nätverk:
- Facebook: 1.91:1
- X: 16:9 för fotoinlägg och 1,91:1 för utvalda bilder i länkinlägg
- Instagram (fyrkantig): 1:1
- Instagram (porträtt): 4:5
- Instagram (liggande): 1.91:1
- LinkedIn (liggande): 1.91:1
Se till att all media som ingår i dina sociala inlägg följer riktlinjerna för filstorlek för varje nätverk. Om HubSpot bedömer att en fil är för stor för att publiceras på ett visst nätverk visas en varning när du skapar det sociala inlägget. Detta är de maximala filstorlekarna för varje socialt nätverk:
- Facebook: 8 MB (under 1 MB rekommenderas för PNG-filer för att undvika pixelering)
- Instagram: 8 MB
- X: 5 MB (15 MB för GIF-filer)
- LinkedIn: 10 MB
Skillnader i bildfärg
Inbäddade färgprofiler kan påverka hur din bild visas i ditt sociala inlägg. Olika system bearbetar ovanliga färgprofiler på olika sätt, vilket är anledningen till att färgerna kan se annorlunda ut när du förhandsgranskar bilden i din filhanterare.
Du kan köra din bild-URL genom ett externt verktyg för att se om den använder en ovanlig färgprofil. Om det behövs kan du ta bort den störande färgprofilen i ett externt fotoredigeringsverktyg som Photoshop och sedan publicera sidan på nytt innan du publicerar ditt sociala inlägg.
Skillnader i bildskärpa
HubSpots filhanterare använder bildkomprimering på JPEG och PNG för att optimera laddningshastigheterna på dittHubSpot-hostade innehåll. Sociala medier använder också bildkomprimering i inlägg, vilket kan variera i kvalitet från vad du ser i HubSpot.
Av den anledningen rekommenderar vi att du använder relativt högupplösta bilder för varje nätverk. Om din bild inte uppfyller kraven för ett socialt nätverk visas en varning i HubSpots sociala publiceringsverktyg för att hjälpa dig att justera din bild i enlighet med detta.