Når du opretter og publicerer et socialt opslag i HubSpot, vil det pågældende sociale netværk forsøge at generere et billedeksempel til dit opslag. Baseret på det link, du har indtastet til opslaget, vil det sociale netværk scanne metatags i kildekoden på din side og crawle din hjemmesides robots.txt-fil.
Hvis du hoster din hjemmeside på en ekstern udbyder som WordPress, og forhåndsvisningen af dit opslag ikke vises som forventet, skal du følge instruktionerne nedenfor.
En robots.txt-fil informerer søgemaskinerne om, hvordan de skal indeksere din hjemmeside. Hvis du ikke har tilføjet eller konfigureret din robots.txt-fil korrekt, vil sociale netværk ikke kunne analysere indholdet på dine sider. Facebook og X leverer begge de user agent-strenge, som du skal tilføje til din robots.txt-fil:
User-agent: facebookexternalhit
Disallow:
User-agent: Twitterbot
Disallow:
LinkedIn leverer ikke dokumentation for deres user agent string, men du kan bruge LinkedIn post inspector til at bekræfte, om LinkedIn kan crawle indholdet på din hjemmeside.
Søgemaskiner og sociale netværk analyserer head-sektionen i din HTML for at lede efter de metadata, der er nødvendige for at generere en forhåndsvisning af siden. Du bør inkludere metadata for Facebook og X efter dine primære metatags:
<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Title of your Website Page">
<meta property="og:description" content="Description of your Website Page">
<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="Title of your Website Page">
<meta property="twitter:description" content="Description of your Website Page">
<meta property="twitter:image" content="https://example.com/image.png">Udfyld indholdsattributterne for hver af metatagsene ovenfor med de tilsvarende værdier for din side. Du kan validere dine metatags ved hjælp af Facebook debugger tool, X card validator og LinkedIn post inspector.
Hvis det fremhævede billede for et link, du har indsat, ikke vises korrekt i din sociale forhåndsvisning (f.eks. er billedet afskåret, eller forholdet er forkert), skal du muligvis redigere billedet, så det har de rigtige dimensioner til det sociale netværk, du slår op på, og derefter genudgive siden. Hvis du poster på Facebook, kan du læse mere om deres krav til fremhævede billeder i deres dokumentation.
Følgende dimensioner anbefales til optimering af featured images på hvert netværk:
Sørg for, at alle medier, du inkluderer i dine sociale opslag, følger retningslinjerne for filstørrelse for hvert netværk. Hvis HubSpot vurderer, at en fil er for stor til at blive postet på et bestemt netværk, vil der blive vist en advarsel. De maksimale filstørrelser for hvert socialt netværk er angivet nedenfor:
Indlejrede farveprofiler kan påvirke, hvordan dit fremhævede billede vises i dit sociale opslag. Forskellige systemer behandler ualmindelige farveprofiler på forskellige måder, hvilket er grunden til, at farverne kan se anderledes ud, når du forhåndsviser billedet i din filhåndtering. Du kan køre dit billedes URL gennem et eksternt værktøj for at se, om det bruger en ualmindelig farveprofil. Hvis det er nødvendigt, kan du fjerne den forstyrrende farveprofil i et fotoredigeringsværktøj som Photoshop og derefter genudgive siden, før du publicerer de sociale opslag.
HubSpots filhåndtering bruger billedkomprimering på JPEG'er og PNG'er for at optimere indlæsningshastigheden på ditHubSpot-hostede indhold. Sociale medier bruger også billedkomprimering i indlæg, som kan variere i kvalitet fra det, du ser i HubSpot. Af denne grund anbefales det at bruge billeder i relativt høj opløsning (i det anbefalede format) til hvert netværk. Hvis dit billede ikke lever op til et socialt netværks krav, vil der blive vist en advarsel i HubSpots sociale publiceringsværktøj, så du kan justere dit billede i overensstemmelse hermed.
Hvis du stadig har problemer med, at dine linkforhåndsvisninger ikke vises korrekt, så tjek vores fejlfindingsguide.