HedgieTools

Forhåndsvisning av deling i sosiale medier

Se hvordan siden din ser ut når den deles på Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord eller Pinterest, rett opp det som blir kuttet, og kopier Open Graph-tagger som er klare til å lime inn.

1. Informasjon om siden din

Fyll ut skjemaet, eller importer opplysningene fra koden til en side.

0 / 60
0 / 155
Sidetype
Delingsbilde

JPG, PNG, WebP eller GIF. Bildet du velger, brukes bare til forhåndsvisningen: oppgi også adressen til bildet på nett, til bruk i koden.

2. Forhåndsvisninger

En simulering av hver plattform: det faktiske resultatet kan avvike litt, men det som kuttes, ligger nær virkeligheten.

Google

Eexample.comhttps://example.com › …
SidetittelSidebeskrivelsen vises her.

Facebook

example.comSidetittelSidebeskrivelsen vises her.

X

Sidetittel
Fra example.com

LinkedIn

Sidetittelexample.com

WhatsApp

SidetittelSidebeskrivelsen vises her.example.com
https://example.com10:24

Slack

example.comSidetittelSidebeskrivelsen vises her.

Discord

example.comSidetittelSidebeskrivelsen vises her.

Pinterest

SidetittelEexample.com

Pinterest viser hele bildet uten å beskjære det. Et stående bilde (2:3, for eksempel 1000 × 1500 px) tar mer plass der, men blir beskåret andre steder.

3. Kontroller og kode

Dette bør du rette, og deretter taggene du skal lime inn på siden din.

  • ProblemTittel manglerUten tittel lager hvert nettverk en selv ut fra innholdet på siden.
  • ProblemBeskrivelse manglerNettverkene henter da et tekstutdrag fra siden, ofte et dårlig valg.
  • ProblemIngen bilderLenker uten bilde får langt færre klikk. Planlegg et bilde på 1200 × 630 px.
  • Kan forbedresSideadresse manglerog:url oppgir den offisielle adressen til siden, slik at delinger blir samlet.

Lim den inn i head-delen av siden din.

Fyll ut skjemaet for å generere koden.

Om forhåndsvisning av deling i sosiale medier

Hver gang noen deler siden din, viser nettverket et kort med tittel, beskrivelse og bilde. Dette verktøyet viser disse kortene før du publiserer, og skriver taggene de henter innholdet fra.

Få lenkene dine til å se bra ut

Når siden din deles, viser hvert nettverk et kort med tittel, beskrivelse og bilde. Denne informasjonen kommer fra Open Graph-taggene i koden til siden. Uten dem blir kortet tomt eller fylt med feil innhold.

De riktige lengdene

Google kutter en tittel ved rundt 60 tegn og en beskrivelse ved rundt 155. Et bilde på 1200 × 630 piksler (1,91:1) ser bra ut overalt: hold det viktigste i midten, siden noen plattformer beskjærer det. Pinterest foretrekker et stående bilde.

Kode klar til å lime inn

Kopier HTML-taggene som skal inn i head-delen av siden din, eller metadataobjektet for et Next.js-nettsted. Etter publisering hender det at nettverkene beholder den gamle forhåndsvisningen i hurtigbufferen i noen dager.

Ingenting lastes opp

Forhåndsvisningene simuleres i nettleseren din. Bildet og tekstene dine sendes ingen steder. Den eneste forespørselen gjelder en bildeadresse du skriver inn, og den sendes av nettleseren din.

Relaterte verktøy

Utvikling

JWT-dekoder

Les header, payload og datoer i en JWT, og sjekk signaturen.