Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Feilsøk forhåndsvisning av lenker i sosiale innlegg

Sist oppdatert: mai 24, 2024

Gjelder for:

Markedsføring Hub Professional , Enterprise

Eldre Marketing Hub Basic

Når du legger til lenker til sosiale innlegg i HubSpot, vises en forhåndsvisning med et utvalgt bilde, sidetittel og sidebeskrivelse.

Forhåndsvisning av sosiale medier er basert på metatagger i <head>-delen av HTML-koden på siden din. Disse taggene forteller sosiale medier hva de skal fokusere på når de oppretter en forhåndsvisning av den delte lenken din. De grunnleggende metataggene er

og: title: tittelen på innholdet ditt.
og: type: typen innhold, for eksempel en video eller en nettside.
og:image : URL-adressen til bildet som skal representere innholdet ditt.
og:url: den unike URL-adressen til innholdet ditt som skal brukes som permanent ID.
og:description: beskrivelsen som oppsummerer bildet ditt.

Tittelen, metabeskrivelsen og det uthevede bildet angis automatisk for blogginnlegg. For destinasjonssider og nettsider angis tittelen og metabeskrivelsen også automatisk, mens det uthevede bildet må angis manuelt.

Merk: LinkedIn viser det uthevede bildet, sidetittelen og URL-adressen din i forhåndsvisningskortet, men inkluderer ikke metabeskrivelsen din.

Utvalgt bilde, sidetittel eller sidebeskrivelse vises ikke i forhåndsvisningen av innlegget

Hvis forhåndsvisningen av det sosiale innlegget ditt ikke viser det forventede uthevede bildet, sidetittelen eller sidebeskrivelsen, kan du feilsøke i HubSpot eller ved hjelp av eksterne feilsøkingsverktøy.

Feilsøking i HubSpot

Hvis du lenker til et HubSpot-hostet blogginnlegg, en landingsside eller en nettside, må du sørge for at et utvalgt bilde er angitt i sidens eller innleggets innstillinger.

Du kan også manuelt angi en og:image tag for å legge til et utvalgt bilde:

Naviger til innholdet ditt:
- Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
- Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
Klikk på navnet på siden din.
I innholdsredigeringsprogrammet klikker du på menyen Innstillinger og velger klikk.
I dialogboksen limer du inn denne kodestykket iHead HTML-feltet :

<meta property="og:image" content="IMG URL">

Erstatt IMG URL med URL-adressen til bildefilen din.

Hvis du vil optimalisere et bilde ytterligere for X, skriver du inn denne ekstra kodebiten i Head HTML-feltet :

<meta name="twitter:card" content="summary_large_image">

Klikk på Publiser eller Oppdater øverst til høyre for å aktivere endringene.

Feilsøking med nettleserutviklerverktøy

Hvis du deler en ekstern side i det sosiale innlegget ditt, kan du bruke utviklerverktøy for nettlesere, for eksempel Chrome Developer-verktøy , for å kontrollere at metakodene for siden er riktig konfigurert. Se sidens kilde, og sjekk og bekreft følgende:

Metataggene og:image og andre metatagger vises på riktig måte.
Detaljene for hver tagg er korrekte. Sjekk for eksempel at URL-adressen til det uthevede bildet for og:image taggen er korrekt.
Det finnes bare én forekomst av hver type metatagg. Hvis det finnes flere forekomster av samme metatagg, er det ikke sikkert at sosiale nettverk velger den riktige når de genererer en forhåndsvisning av lenken.
Metataggene dine er nær toppen av HTML-koden. Hvis du har ekstra kode eller markering før metataggene, er det ikke sikkert at de sosiale nettverkene klarer å finne disse taggene.

Feilsøking med feilsøkingsverktøy for sosiale nettverk

Hvis du ser et avvik mellom den sosiale forhåndsvisningen og metataggene, kan det hende at det sosiale nettverket må gjennomsøke siden på nytt. Bruk følgende valideringsverktøy for hvert sosiale nettverk for å avdekke eventuelle feil eller utløse en ny gjennomsøking av siden:

Facebook Sharing Debugger: Facebook gjennomsøker automatisk delt innhold på nytt hver 24. time. Hvis du vil utløse en ny gjennomsøking manuelt, klikker du på Scrape Again i Sharing Debugger.
X Card Validator: X mellomlagrer innhold i 7 dager etter publisering av et innlegg. Skriv inn URL-adressen din og klikk på Forhåndsvis kort i kortvalidatoren for å utløse en ny gjennomsøking av innholdet ditt.
LinkedIn Post Inspector: LinkedIn lagrer innhold i 7 dager etter publisering av et innlegg. Klikk på Inspect i Post Inspector for å utløse en ny gjennomsøking av innholdet ditt.

Generelt vil alle innlegg som er publisert før siden gjennomsøkes på nytt, fortsatt beholde det feilaktige bildet. Hvis og:image -taggen ikke er angitt for en side, vil det sosiale nettverket skanne siden for å finne det mest passende bildet som skal inkluderes i sosiale innlegg, som vanligvis er det første bildet det finner. Det kan hende at et forhåndsvisningsbilde ikke vises i det hele tatt hvis en robots.txt-fil eller sikkerhetsprogramvare brukes for å forhindre gjennomsøking av siden.

Problemer med visning av utvalgt bilde

Hvis forhåndsvisningen av det sosiale innlegget viser det forventede uthevede bildet, men bildet vises feil, kan du sjekke følgende.

Bildestørrelsen eller -forholdet er feil

Hvis det uthevede bildet ikke vises riktig i forhåndsvisningen av det sosiale nettverket (f.eks. hvis bildet er avskåret eller forholdet er feil), må du kanskje redigere bildet slik at det har de riktige dimensjonene for det sosiale nettverket du legger ut på, og deretter publisere siden på nytt.

Følgende dimensjoner anbefales for optimalisering av uthevede bilder på hvert nettverk:

Facebook: 1.91:1
X: 16:9 for bildeinnlegg og 1,91:1 for uthevede bilder i lenkeinnlegg
Instagram (kvadratisk): 1:1
Instagram (portrett): 4:5
Instagram (liggende): 1.91:1
LinkedIn (liggende): 1.91:1

Sørg for at alle medier som er inkludert i de sosiale innleggene dine, følger retningslinjene for filstørrelse for hvert nettverk. Hvis HubSpot fastslår at en fil er for stor til å legges ut i et bestemt nettverk, vises en advarsel når du oppretter det sosiale innlegget. Dette er de maksimale filstørrelsene for hvert sosiale nettverk:

Facebook: 8 MB (under 1 MB anbefales for PNG-filer for å unngå pikselering)
Instagram: 8 MB
X: 5 MB (15 MB for GIF-filer)
LinkedIn: 10 MB

Forskjeller i bildefarge

Innebygde fargeprofiler kan påvirke hvordan bildet vises i det sosiale innlegget ditt. Ulike systemer behandler uvanlige fargeprofiler på forskjellige måter, og derfor kan fargene se annerledes ut når du forhåndsviser bildet i filbehandleren.

Du kan kjøre bilde-URL-en din gjennom et eksternt verktøy for å se om den bruker en uvanlig fargeprofil. Hvis det er nødvendig, kan du fjerne den forstyrrende fargeprofilen i et eksternt bilderedigeringsverktøy som Photoshop, og deretter publisere siden på nytt før du publiserer det sosiale innlegget.

Forskjeller i bildets klarhet

HubSpots filbehandling bruker bildekomprimering på JPEG- og PNG-filer for å optimalisere innlastingshastigheten på HubSpot-hostet innhold. Sosiale medienettverk bruker også bildekomprimering i innlegg, noe som kan variere i kvalitet fra det du ser i HubSpot.

Av denne grunn anbefales det å bruke bilder med relativt høy oppløsning for hvert nettverk. Hvis bildet ditt ikke er i samsvar med kravene til et sosialt nettverk, vises en advarsel i HubSpots sosiale publiseringsverktøy for å hjelpe deg med å justere bildet ditt deretter.

Var denne artikkelen nyttig? Ja Nei

Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.