Sidst opdateret: maj 24, 2024
Gælder for:
Marketing Hub
Professional
,
Enterprise
|
| Tidligere Marketing Hub Basic |
Når du tilføjer links til sociale indlæg i HubSpot, vises en forhåndsvisning med et udvalgt billede, sidetitel og sidebeskrivelse.
Sociale forhåndsvisninger er baseret på metatags i afsnittet <head> i din sides HTML. Disse tags fortæller de sociale medieplatforme, hvad de skal fokusere på, når de opretter en forhåndsvisning af dit delte link. De grundlæggende metatags er:
- og: title: titlen på dit indhold.
- og: type: typen af dit indhold, f.eks. en video eller en webside.
- og:image : URL'en til det billede, der repræsenterer dit indhold.
- og:url: den unikke URL for dit indhold, der vil blive brugt som dets permanente ID.
- og:description: den beskrivelse, der opsummerer dit billede.
Titlen, metabeskrivelsen og det fremhævede billede indstilles automatisk for blogindlæg. For landingssider og websider indstilles titlen og metabeskrivelsen også automatisk, men det fremhævede billede skal indstilles manuelt.
Bemærk: LinkedIn viser dit fremhævede billede, sidetitel og URL i deres preview-kort, men inkluderer ikke din metabeskrivelse.
Fremhævet billede, sidetitel eller sidebeskrivelse vises ikke i forhåndsvisningen af indlægget
Hvis forhåndsvisningen af dit sociale opslag ikke viser det forventede fremhævede billede, sidetitel eller sidebeskrivelse, kan du foretage fejlfinding i HubSpot eller ved at bruge eksterne fejlfindingsværktøjer.
Fejlfinding i HubSpot
Hvis du linker til et blogindlæg, en landingsside eller en hjemmeside, der er hostet af HubSpot, skal du sørge for, at der er angivet et fremhævet billede i sidens eller indlæggets indstillinger.
Du kan også manuelt indstille et og:image tag for at tilføje et fremhævet billede:
-
Naviger til dit indhold:
- Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
- Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
- Klik på navnet på din side.
- Klik på menuen Indstillinger i indholdseditoren, og vælg klik.
- I dialogboksen skal du indsætte denne kodestump i feltet Head HTML:
<meta property="og:image" content="IMG URL">
- Erstat IMG URL med URL'en til din billedfil.
- Hvis du vil optimere et billede yderligere til X, skal du indtaste denne ekstra kodestump i feltet Head HTML :
<meta name="twitter:card" content="summary_large_image">
- Klik på Publish eller Update øverst til højre for at aktivere ændringerne.
Fejlfinding med browserens udviklingsværktøjer
Hvis du deler en ekstern side i dit sociale opslag, kan du bruge browserudviklerværktøjer som Chrome Developer Tools til at sikre, at metatags for siden er sat korrekt op. Se sidens kilde, og tjek og bekræft derefter følgende:
- De
og:imageog andre metatags vises korrekt. - Detaljerne for hvert tag er korrekte. Tjek for eksempel, at URL'en til det fremhævede billede for
og:imagetagget er korrekt. - Der er kun én forekomst af hver type metatag. Hvis der er flere forekomster af det samme metatag, vælger de sociale netværk måske ikke det rigtige, når de genererer en forhåndsvisning af et link.
- Dine metatags er nær toppen af HTML'en. Hvis du har ekstra kode eller markup før dine metatags, kan de sociale netværks crawlere måske ikke finde disse tags.
Fejlfinding med debugging-værktøjer til sociale netværk
Hvis du ser en uoverensstemmelse mellem din sociale forhåndsvisning og metatags, kan det være, at det sociale netværk er nødt til at gennemgå siden igen. Brug følgende valideringsværktøjer til hvert socialt netværk for at finde eventuelle fejl eller udløse en genindlæsning af siden:
- Facebook Sharing Debugger: Facebook gennemgår automatisk delt indhold hver 24. time. Klik på Scrape Again i Sharing Debugger for manuelt at udløse en recrawl.
- X Card Validator: X cacher indhold i 7 dage efter udgivelse af et indlæg. Indtast din URL, og klik på Preview card i Card Validator for at udløse en recrawl af dit indhold.
- LinkedIn Post Inspector: LinkedIn cacher indhold i 7 dage efter udgivelsen af et opslag. Klik på Inspect i Post Inspector for at udløse en gennemgang af dit indhold.
Generelt vil alle indlæg, der er publiceret, før siden er blevet gennemsøgt igen, stadig have det forkerte billede. Hvis og:image -tagget ikke er angivet for en side, vil det sociale netværk scanne siden for at finde det mest passende billede til at inkludere i sociale opslag, hvilket normalt er det første billede, det finder. Et billede til forhåndsvisning af et link vises muligvis slet ikke, hvis der bruges en robots.txt-fil eller sikkerhedssoftware til at forhindre crawling af siden.
Problemer med visning af udvalgte billeder
Hvis forhåndsvisningen af dit sociale opslag viser det forventede fremhævede billede, men billedet vises forkert, kan du tjekke følgende.
Billedstørrelsen eller -forholdet er forkert
Hvis det fremhævede billede ikke vises korrekt i din sociale forhåndsvisning (f.eks. hvis billedet er afskåret, eller forholdet er forkert), skal du muligvis redigere billedet, så det har de rigtige dimensioner til det sociale netværk, du sender til, og derefter udgive siden igen.
Følgende dimensioner anbefales til optimering af fremhævede billeder på hvert netværk:
- Facebook: 1.91:1
- X: 16:9 for fotoopslag og 1,91:1 for fremhævede billeder i linkopslag
- Instagram (firkantet): 1:1
- Instagram (portræt): 4:5
- Instagram (landskab): 1.91:1
- LinkedIn (landskab): 1.91:1
Sørg for, at alle medier, der indgår 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 sendt til et bestemt netværk, vil der blive vist en advarsel, når du opretter det sociale opslag. Dette er de maksimale filstørrelser for hvert socialt netværk:
- Facebook: 8 MB (under 1 MB anbefales for PNG-filer for at undgå pixelering)
- Instagram: 8MB
- X: 5 MB (15 MB for GIF'er)
- LinkedIn: 10 MB
Forskelle i billedets farve
Indlejrede farveprofiler kan påvirke, hvordan dit fremhævede billede vises i dit sociale opslag. Forskellige systemer behandler ualmindelige farveprofiler på forskellige måder, og derfor kan farverne se anderledes ud, når du får vist billedet i din filhåndtering.
Du kan køre din billed-URL gennem et eksternt værktøj for at se, om den bruger en usædvanlig farveprofil. Hvis det er nødvendigt, kan du fjerne den forstyrrende farveprofil i et eksternt fotoredigeringsværktøj som Photoshop og derefter genudgive siden, før du udgiver dit sociale opslag.
Forskelle i billedets klarhed
HubSpots filhåndtering bruger billedkomprimering på JPEG'er og PNG'er for at hjælpe med at optimere indlæsningshastighederne på dit HubSpot-hostede indhold. Sociale medienetværk bruger også billedkomprimering i opslag, 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 til hvert netværk. Hvis dit billede ikke er i overensstemmelse med et socialt netværks krav, vises der en advarsel i HubSpots sociale publiceringsværktøj, som hjælper med at justere dit billede i overensstemmelse hermed.