Konfigurera webbplatsens robots.txt och meta-taggar för bilder för förhandsgranskning av länkar till sociala inlägg.
Senast uppdaterad: juni 28, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
Tidigare Marketing Hub Basic |
När du skapar och publicerar ett socialt inlägg i HubSpot försöker motsvarande sociala nätverk skapa en förhandsgranskning av bilden för ditt inlägg. Baserat på länken du angett för inlägget kommer det sociala nätverket att skanna metataggarna i källkoden för din sida och gå igenom din webbplats robots.txt-fil.
Om du har din webbplats hos en extern leverantör som WordPress och förhandsgranskningen av ditt inlägg inte visas som förväntat följer du instruktionerna nedan.
Uppdatera din robots.txt
En robots.txt-fil informerar sökmotorer om hur de ska indexera din webbplats. Om du inte har lagt till eller konfigurerat din robots.txt-fil på rätt sätt kommer sociala nätverk inte att kunna analysera innehållet på dina sidor. Både Facebook och Twitter tillhandahåller strängar för användaragenter som du måste lägga till i din robots.txt-fil:
User-agent: facebookexternalhitDisallow
:
User-agent: TwitterbotDisallow
:
Användaranvändare: TwitterbotDisallow: Användaranvändare: Twitterbot
LinkedIn tillhandahåller ingen dokumentation för sin sträng av användaragenter, men du kan använda LinkedIns postinspektör för att bekräfta om LinkedIn kan crawla innehållet på din webbplats.
Lägg till metataggar i avsnittet <head> på dina webbsidor.
Sökmotorer och sociala nätverk analyserar huvuddelen av din HTML för att leta efter de metadata som behövs för att generera en förhandsgranskning av sidan. Du bör inkludera metadata för Facebook och Twitter efter dina primära metataggar:
<!-- Primära metataggar -->
<title>Meta-taggar - förhandsgranska, redigera och generera</title>
<meta name="title" content="Metataggar - förhandsgranska, redigera och generera">
<meta name="description" content="Med metataggar kan du redigera och experimentera med ditt innehåll och sedan förhandsgranska hur din webbsida kommer att se ut på Google, Facebook, Twitter med mera!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Titel på din webbsida">
<meta property="og:description" content="Beskrivning av din webbsida">
<meta property="og:image" content="https://example.com/image.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com/">
<meta property="twitter:title" content="Titel på din webbsida">
<meta property="twitter:description" content="Beskrivning av din webbsida">
<meta property="twitter:image" content="https://example.com/image.png">
Fyll i innehållsattributen för varje metatag ovan med motsvarande värden för din sida. Du kan validera dina metataggar med hjälp av verktyget Facebook debugger, Twitter card validator och LinkedIn post inspector.
Storlekskrav för presenterade bilder
Om den presenterade bilden för en länk som du har infogat inte visas korrekt i din sociala förhandsvisning (t.ex. om bilden är avklippt eller om förhållandet är felaktigt) kan du behöva redigera bilden så att den harrätt dimensioner för det sociala nätverksom du publicerar till och sedan publicera sidan på nytt. Om du publicerar på Facebook kan du läsa mer om deras krav för presenterade bilder i deras dokumentation.
Följande dimensioner rekommenderas för optimering av den presenterade bilden i varje nätverk:
- Facebook: 1.91:1
- Twitter:16:9 för fotoinlägg och 1,91:1 för bilder i länkinlägg.
- Instagram (fyrkantigt): 1:1
- Instagram (porträtt): 4:5
- Instagram (landskap): 1,91:1
- LinkedIn (landskap): 1,91:1
Se till att alla medier som du inkluderar i dina sociala inlägg följer riktlinjerna för filstorlek för varje nätverk. Om HubSpot fastställer att en fil är för stor för att publiceras i ett visst nätverk visas en varning. Maximala filstorlekar för varje socialt nätverk anges nedan:
- Facebook: 8 MB (under 1 MB rekommenderas för PNG-filer för att undvika pixling).
- Instagram: 8MB
- Twitter: 8MB: 5 MB (15 MB för GIF-filer)
- LinkedIn: 10MB
Skillnader i bildens färg och tydlighet
Skillnader i bildens färg
Inbäddade färgprofiler kan påverka hur den presenterade bilden visas i det sociala inlägget. 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 ettexternt verktygför att se om den använder en ovanlig färgprofil. Vid behov kan du ta bort den störande färgprofilen i ett bildredigeringsverktyg som Photoshop och sedan publicera sidan på nytt innan du publicerar sociala inlägg.
Skillnader i bildens klarhet
HubSpots filhanterareanvänder bildkomprimering på JPEG- och PNG-filer för att optimera laddningshastigheterna på ditt HubSpot-hostade innehåll. Nätverk för sociala medier använder också bildkomprimering i inläggen, vilket kan variera i kvalitet jämfört med vad du ser i HubSpot. Därför rekommenderas det att du använder bilder med relativt hög upplösning (i det rekommenderade bildförhållandet) för varje nätverk. Om din bild inte uppfyller kraven i ett socialt nätverk visas en varning i HubSpot-verktyget för social publicering så att du kan justera bilden i enlighet med detta.
Om du fortfarande har problem med att dina länkförhandsvisningar inte visas korrekt kan du läsa vår felsökningsguide.