HedgieTools

Voorbeeld bij delen op sociale media

Bekijk hoe je pagina eruitziet als die gedeeld wordt op Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord of Pinterest, verbeter wat wordt afgekapt en kopieer kant-en-klare Open Graph-tags.

1. Gegevens van je pagina

Vul het formulier in of importeer het uit de code van een pagina.

0 / 60
0 / 155
Paginatype
Deelafbeelding

JPG, PNG, WebP of GIF. De gekozen afbeelding dient alleen voor het voorbeeld: geef voor de code ook het online adres op.

2. Voorbeelden

Een simulatie van elk platform: het echte resultaat kan iets afwijken, maar wat er wordt afgekapt, komt dicht bij de werkelijkheid.

Google

Eexample.comhttps://example.com › …
PaginatitelDe beschrijving van de pagina verschijnt hier.

Facebook

example.comPaginatitelDe beschrijving van de pagina verschijnt hier.

X

Paginatitel
Van example.com

LinkedIn

Paginatitelexample.com

WhatsApp

PaginatitelDe beschrijving van de pagina verschijnt hier.example.com
https://example.com10:24

Slack

example.comPaginatitelDe beschrijving van de pagina verschijnt hier.

Discord

example.comPaginatitelDe beschrijving van de pagina verschijnt hier.

Pinterest

PaginatitelEexample.com

Pinterest toont de hele afbeelding, zonder bij te snijden. Een staande afbeelding (2:3, bijvoorbeeld 1000 × 1500 px) neemt daar meer ruimte in, maar wordt elders bijgesneden.

3. Controles en code

Wat je moet verbeteren, en daarna de tags om in je pagina te plakken.

  • ProbleemTitel ontbreektZonder titel verzint elk netwerk er zelf een op basis van de pagina.
  • ProbleemBeschrijving ontbreektNetwerken nemen dan een stukje tekst van de pagina, vaak een slechte keuze.
  • ProbleemGeen afbeeldingLinks zonder afbeelding krijgen veel minder klikken. Zorg voor een afbeelding van 1200 × 630 px.
  • Te verbeterenPagina-adres ontbreektog:url geeft het officiële adres van de pagina, zodat alle shares samen worden geteld.

Plak dit in de head-sectie van je pagina.

Vul het formulier in om de code te genereren.

Over het voorbeeld bij delen op sociale media

Telkens als iemand je pagina deelt, toont een netwerk een kaart met de titel, de beschrijving en de afbeelding ervan. Deze tool laat die kaarten zien voordat je publiceert en schrijft de tags waaruit ze worden opgebouwd.

Laat je links er goed uitzien

Wanneer je pagina wordt gedeeld, toont elk netwerk een kaart met een titel, een beschrijving en een afbeelding. Die gegevens komen uit de Open Graph-tags in de code van de pagina. Zonder die tags blijft de kaart leeg of wordt de inhoud slecht gekozen.

De juiste lengtes

Google kapt een titel af rond 60 tekens en een beschrijving rond 155. Een afbeelding van 1200 × 630 pixels (1,91:1) ziet er overal goed uit: houd het belangrijkste in het midden, want sommige platforms snijden de afbeelding bij. Pinterest geeft de voorkeur aan een staande afbeelding.

Kant-en-klare code

Kopieer de HTML-tags voor de head van je pagina, of het metadata-object voor een Next.js-site. Nadat de pagina live staat, houden netwerken het oude voorbeeld soms nog een paar dagen in hun cache.

Er wordt niets geüpload

De voorbeelden worden in je browser gesimuleerd. Je afbeelding en je teksten worden nergens naartoe gestuurd. Het enige verzoek is het ophalen van een afbeeldingsadres dat je zelf invoert, en dat doet je browser.

Gerelateerde tools

Ontwikkeling

JWT-decoder

Lees de header, payload en datums van een JWT en controleer de handtekening.