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:
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.
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.
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.
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
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:
og:image
och andra metataggar visas korrekt.og:image
taggen är korrekt.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:
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.
Om förhandsgranskningen av ditt sociala inlägg visar den förväntade bilden, men bilden visas felaktigt, kan du kontrollera följande.
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:
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:
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.
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.