När du lägger till länkar till sociala inlägg i HubSpot visas en förhandsgranskning som innehåller en bild, sidtitel och sidbeskrivning.
Sociala förhandsvisningar baseras på metataggar i avsnittet <head> i sidans 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 blogginlägg, en landningssida eller en webbplatssida i HubSpot ska du kontrollera att en utvald bild har angetts 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:
Navigera till ditt innehåll:
<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äsarens utvecklingsverktyg, till exempel Chrome Developer Tools , för att se till att metataggarna för sidan är korrekt inställda. 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 har genomsökts fortfarande att ha kvar den felaktiga bilden. Om taggen og:image 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 förhandsgranskningsbild för en länk kanske inte visas alls om en robots.txt-fil eller säkerhetsprogram används för att förhindra genomsökning av sidor.
Om förhandsgranskningen av ditt sociala inlägg visar den förväntade utvalda bilden, men bilden visas felaktigt, kan du kontrollera följande.
Om den utvalda bilden inte visas korrekt i din sociala förhandsgranskning (t.ex. om bilden är avskuren eller om förhållandet är felaktigt) kan du behöva redigera bilden så att den har rätt dimensioner för det sociala nätverk du publicerar på och sedan publicera sidan på nytt.
Följande mått rekommenderas för optimering av 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 postas i ett visst nätverk kommer en varning att visas när du skapar det sociala inlägget. Det här är de maximala filstorlekarna för varje socialt nätverk:
Inbäddade färgprofiler kan påverka hur din featured-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å ditt HubSpot-hostade innehåll. Sociala medienätverk använder också bildkomprimering i inlägg, vilket kan variera i kvalitet från vad du ser i HubSpot.
Av denna anledning rekommenderas det att använda relativt högupplösta bilder för varje nätverk. Om din bild inte överensstämmer med ett socialt nätverks krav visas en varning i HubSpots sociala publiceringsverktyg för att hjälpa till att justera din bild i enlighet med detta.