Sist oppdatert: mars 26, 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 bilde, sidetittel og sidebeskrivelse.
Sosiale forhåndsvisninger er basert på metatagger i <head>-delen av sidens HTML. Disse kodene forteller plattformene på sosiale medier hva de skal fokusere på når de lager en forhåndsvisning av den delte lenken. 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 representerer innholdet ditt.
- og:url: den unike URL-adressen til innholdet som skal brukes som permanent ID.
- og:description: beskrivelsen som oppsummerer bildet.
Tittelen, metabeskrivelsen og det uthevede bildet angis automatisk for blogginnlegg. For landingssider og nettsider angis tittelen og metabeskrivelsen også automatisk, mens det uthevede bildet må angis manuelt.
Merk: LinkedIn viser bildet, sidetittelen og URL-adressen i forhåndsvisningen, men ikke metabeskrivelsen.
Utvalgt bilde, sidetittel eller sidebeskrivelse vises ikke i forhåndsvisning av innlegget
Hvis forhåndsvisningen av det sosiale innlegget ikke viser det forventede 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 blogginnlegg, en landingsside eller en nettside som er hostet av HubSpot, må du sørge for at et utvalgt bilde er angitt i innstillingene for siden eller innlegget.
Du kan også angi en og:image tagg for å legge til et uthevet bilde:
-
Gå til landingssidene eller nettsidene dine i HubSpot-kontoen din.
- Hold musepekeren over en side og klikk på Rediger.
- I innholdsredigeringsprogrammet klikker du på fanen Innstillinger og deretter på Avanserte alternativer.
- I delen Ytterligere kodebiter skriver du inn denne kodebiten i feltet Head HTML:
<meta property="og:image" content="IMG URL">
- Erstatt IMG-URL med URL-adressen til bildefilen.
- Hvis du vil optimalisere et bilde for X ytterligere, skriver du inn denne ekstra kodebiten i feltet Head HTML :
<meta name="twitter:card" content="summary_large_image">
- Klikk på Publiser eller Oppdater øverst til høyre for å aktivere endringene.
Feilsøking med nettleserens utviklerverktøy
Hvis du deler en ekstern side i det sosiale innlegget ditt, kan du bruke nettleserutviklerverktøy som Chrome Developer-verktøy for å kontrollere at metataggene for siden er riktig konfigurert. Se sidens kilde, og kontroller og bekreft følgende:
- Metakoden
og:imageog andre metatagger vises korrekt. - Detaljene for hver tagg er korrekte. Sjekk for eksempel at URL-adressen til det uthevede bildet for taggen
og:imagetaggen er korrekt. - Det er bare én forekomst av hver type metatagg. Hvis det er flere forekomster av samme metatagg, kan det hende at sosiale nettverk ikke 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, kan det hende at sosiale nettverk ikke 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 hver 24. time. Hvis du vil starte 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.
- LinkedIn Post Inspector: LinkedIn mellomlagrer innhold i 7 dager etter publisering av et innlegg. Klikk på Inspiser i Post Inspector for å utløse en ny gjennomsøking av innholdet.
Generelt vil innlegg som er publisert før siden gjennomsøkes på nytt, fortsatt inneholde feil bilde. Hvis og:image -taggen ikke er angitt for en side, vil det sosiale nettverket skanne siden for å finne det mest passende bildet å inkludere 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 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 innlegget (f.eks. hvis bildet er avskåret eller forholdet er feil), kan det hende du må redigere bildet slik at det har de riktige dimensjonene for det sosiale nettverket du publiserer på, og deretter publisere siden på nytt.
Følgende dimensjoner anbefales for optimalisering av uthevede bilder i de ulike nettverkene:
- Facebook: 1.91:1
- X: 16:9 for bildeinnlegg og 1,91:1 for utvalgte bilder i lenkeinnlegg.
- Instagram (kvadratisk): 1:1
- Instagram (stående): 4:5
- Instagram (liggende): 1.91:1
- LinkedIn (liggende): 1.91:1
Sørg for at alle medier som inkluderes i de sosiale innleggene dine, følger retningslinjene for filstørrelse for hvert nettverk. Hvis HubSpot vurderer at en fil er for stor til å publiseres 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 bildefarger
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 URL-adressen til bildet ditt gjennom et eksternt verktøy for å se om det bruker en uvanlig fargeprofil. Om 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 innlegget på sosiale medier.
Forskjeller i bildeskarphet
HubSpots filbehandling bruker bildekomprimering på JPEG- ogPNG-filer for å optimalisere innlastingshastigheten påHubSpot-hostet innhold. Sosiale medier bruker også bildekomprimering i innlegg, og kvaliteten på bildene kan variere fra det du ser i HubSpot.
Derfor anbefales det å bruke bilder med relativt høy oppløsning for hvert nettverk. Hvis bildet ditt ikke oppfyller kravene til et sosialt nettverk, vises det en advarsel i HubSpots publiseringsverktøy for sosiale medier, slik at du kan justere bildet deretter.