NO | Knowledge Quick Answers

Konfigurer nettstedets robots.txt og metatagger for bilder for forhåndsvisning av lenker til sosiale innlegg.

Skrevet av HubSpot Support | Jun 28, 2023 10:31:59 AM

Når du oppretter og publiserer et sosialt innlegg i HubSpot, vil det aktuelle sosiale nettverket forsøke å generere en forhåndsvisning av bildet for innlegget ditt. Basert på lenken du har angitt for innlegget, vil det sosiale nettverket skanne metataggene i kildekoden på siden din og gjennomsøke nettstedets robots.txt-fil.

Hvis nettstedet ditt ligger hos en ekstern leverandør, for eksempel WordPress, og forhåndsvisningen av innlegget ditt ikke vises som forventet, kan du følge instruksjonene nedenfor.

Oppdater robots.txt-filen

En robots.txt-fil informerer søkemotorene om hvordan de skal indeksere nettstedet ditt. Hvis du ikke har lagt til eller konfigurert robots.txt-filen på riktig måte, vil sosiale nettverk ikke kunne analysere innholdet på sidene dine. Facebook og X oppgir begge brukeragentstrengene som du må legge til i robots.txt-filen:

User-agent: facebookexternalhit
Disallow:

User-agent: Twitterbot
Disallow:

LinkedIn har ingen dokumentasjon for brukeragentstrengen, men du kan bruke LinkedIn Post Inspector til å bekrefte om LinkedIn kan gjennomsøke innholdet på nettstedet ditt.

Legg til metatagger i <head>-delen av nettsidene dine.

Søkemotorer og sosiale nettverk analyserer head-delen av HTML-teksten for å finne metadataene som trengs for å generere en forhåndsvisning av siden. Du bør inkludere metadataene for Facebook og X etter de primære metataggene:

<!-- 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">

Fyll ut innholdsattributtene for hver av metataggene ovenfor med de tilsvarende verdiene for siden din. Du kan validere metataggene dine ved hjelp av Facebook-feilsøkingsverktøyet, X-kortvalidatoren og LinkedIn-postinspektøren.

Hvis det uthevede bildet for en lenke du har satt inn, ikke vises riktig i forhåndsvisningen på sosiale medier (f.eks. hvis bildet er avkuttet 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. Hvis du publiserer på Facebook, kan du lese mer om kravene til uthevede bilder i dokumentasjonen deres.

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 (stående): 4:5
  • Instagram (liggende): 1.91:1
  • LinkedIn (liggende): 1.91:1

Sørg for at mediene du inkluderer 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. Maksimale filstørrelser for hvert sosiale nettverk er oppført nedenfor:

  • 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

Avvik i bildefarge og klarhet

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 URL-adressen til bildet ditt gjennom et eksternt verktøy for å se om det bruker en uvanlig fargeprofil. Hvis det er nødvendig, kan du fjerne den forstyrrende fargeprofilen i et bilderedigeringsverktøy som Photoshop, og deretter publisere siden på nytt før du publiserer innleggene på sosiale medier.

Forskjeller i bildeskarphet

HubSpots filbehandling bruker bildekomprimering på JPEG- ogPNG-filer for å optimalisere innlastingshastigheten påHubSpot-hostet innhold. Sosiale medienettverk bruker også bildekomprimering i innleggene, og kvaliteten på bildene kan variere fra det du ser i HubSpot. Vi anbefaler derfor at du bruker bilder med relativt høy oppløsning (i det anbefalte størrelsesforholdet) for hvert nettverk. Hvis bildet ditt ikke oppfyller kravene i et sosialt nettverk, vises en advarsel i HubSpots publiseringsverktøy for sosiale medier, slik at du kan justere bildet deretter.

Hvis du fortsatt har problemer med at lenkeforhåndsvisningene ikke vises som de skal, kan du ta en titt på feilsøkingsveiledningen vår.