Sidst opdateret: marts 26, 2024
Gælder for:
Marketing Hub
Professional
,
Enterprise
|
| Tidligere Marketing Hub Basic |
Når du tilføjer links til sociale opslag i HubSpot, vil der blive vist et preview med et featured image, sidetitel og sidebeskrivelse.
Sociale previews er baseret på metatags i <head>-sektionen af din sides HTML. Disse tags fortæller sociale medieplatforme, hvad de skal fokusere på, når de opretter et preview 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: beskrivelsen, 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, mens det fremhævede billede skal indstilles manuelt.
Bemærk: LinkedIn vil vise dit featured image, sidetitel og URL i deres preview-kort, men vil ikke inkludere din metabeskrivelse.
Udvalgt billede, sidetitel eller sidebeskrivelse vises ikke i forhåndsvisningen af opslaget
Hvis forhåndsvisningen af dit sociale opslag ikke viser det forventede featured image, sidetitel eller sidebeskrivelse, kan du fejlfinde i HubSpot eller ved hjælp af eksterne fejlfindingsværktøjer.
Fejlfinding i HubSpot
Hvis du linker til et HubSpot-hostet blogindlæg, en landingsside eller en webside, skal du sørge for, at der er indstillet et featured image i sidens eller indlæggets indstillinger.
Du kan også manuelt indstille et og:image tag til at tilføje et fremhævet billede:
-
I din HubSpot-konto skal du navigere til dine landingssider eller websider.
- Hold musen over en side, og klik på Rediger.
- Klik på fanen Indstillinger i indholdseditoren, og klik derefter på Avancerede indstillinger.
- I afsnittet Yderligere kodestykker skal du indtaste dette kodestykke 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å Udgiv eller Opdater øverst til højre for at aktivere ændringerne.
Fejlfinding med browserens udviklervæ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 tagget
og:imagetagget er korrekt. - Der er kun én forekomst af hver type metatag. Hvis der er flere forekomster af det samme metatag, vælger sociale netværk måske ikke det rigtige, når de genererer et link preview.
- Dine metatags er tæt på toppen af HTML. Hvis du har ekstra kode eller markup før dine metatags, kan 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, skal det sociale netværk muligvis gencrawle siden. Brug følgende valideringsværktøjer for hvert socialt netværk til at finde eventuelle fejl eller udløse en gencrawl af siden:
- Debugger til deling på Facebook: Facebook recrawler automatisk delt indhold hver 24. time. Klik på Scrape Again i Sharing Debugger for manuelt at udløse en recrawl.
- X-kortvalidator: X cacher indhold i 7 dage efter publicering af et opslag. Indtast din URL, og klik på Preview card i Card Validator for at udløse en recrawl af dit indhold.
- LinkedIn indlægsinspektør: LinkedIn cacher indhold i 7 dage efter publicering af et opslag. Klik på Inspect i Post Inspector for at udløse en recrawl af dit indhold.
Generelt vil alle indlæg, der er udgivet før recrawling af siden, stadig beholde det forkerte billede. Hvis og:image -tagget ikke er blevet indstillet for en side, vil det sociale netværk scanne siden for at finde det mest passende billede at inkludere i sociale opslag, hvilket normalt er det første billede, det finder. Et link preview-billede vises muligvis slet ikke, hvis en robots.txt-fil eller sikkerhedssoftware bruges til at forhindre crawling af siden.
Problemer med visning af udvalgte billeder
Hvis forhåndsvisningen af dit sociale opslag viser det forventede billede, men billedet vises forkert, kan du tjekke følgende.
Billedstørrelse eller -forhold er forkert
Hvis det fremhævede billede 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 poster til, og derefter genudgive siden.
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 (liggende): 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 postet på 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: 8MB (under 1MB anbefales til PNG-filer for at undgå pixelering)
- Instagram: 8 MB
- X: 5MB (15MB for GIF'er)
- LinkedIn: 10 MB
Forskelle i billedfarve
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 eksternt fotoredigeringsværktøj som Photoshop og derefter genudgive siden, før du publicerer dit sociale opslag.
Forskelle i billedets klarhed
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 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.