Open Graph-generator

Websitebeheerders en contentmakers gebruiken dit voordat zij een pagina publiceren of voor delen gereedmaken. Bereid een pagina voor op delen via sociale media.

Bereid een pagina voor op delen via sociale media. Het resultaat staat meteen kopieerklaar in je browser, zonder account, upload of opslag van gegevens.

Hoe te gebruiken

Verzamel de titel, beschrijving, pagina-adres en afbeeldingsadres die moeten verschijnen wanneer de link wordt gedeeld.
Voer deze waarden in het veld in en volg de volgorde die de interface van de tool toont.
Voer de generatie uit om de bijbehorende Open Graph-tags te maken, klaar om te kopiëren.
Kopieer de resulterende code en plaats deze in de head-sectie van de doelpagina.
Wis de velden om een andere pagina voor te bereiden of alternatieve versies te vergelijken voordat je publiceert.

Voorbeeld

Met het meegeleverde voorbeeld bouwt de generator tags op basis van een titel, een beschrijving, een pagina-adres en een afbeeldingsadres. Controleer of elke waarde echt bij de pagina hoort waaraan je werkt voordat je de code in je site kopieert, vooral de afbeeldingslink en het canonieke pagina-adres.

Invoer

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

Resultaat

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

Limieten en formaten

De tool maakt alleen tags om te kopiëren; hij publiceert niets voor je op je site.
Waarden moeten juist zijn, want een verkeerd adres levert een kapotte socialmedia-voorbeeldweergave op.
De uiteindelijke weergave hangt af van elk socialmediaplatform en zijn cacheregels.
Controleer afbeeldingsgrootte en -formaat rechtstreeks op het platform waar je de link wilt delen.
Test het resultaat op meerdere platforms, omdat elk platform zijn eigen weergaveregels kan toepassen.

Waar de verwerking gebeurt

De generatie gebeurt in je browser. De informatie die je typt, blijft op je apparaat en wordt niet naar een externe dienst verzonden. Je hebt geen account nodig om het resultaat te maken of te kopiëren.

Veelgestelde vragen

Waar moet ik de gegenereerde code plaatsen?

Plaats de tags in de head-sectie van de doelpagina, idealiter vóór andere scripts. Ze vertellen socialmediaplatforms welke titel, beschrijving en afbeelding moeten worden getoond wanneer iemand de link deelt.

Kan ik een lokaal afbeeldingsbestand gebruiken?

Nee, socialmediaplatforms moeten de afbeelding vanaf een openbaar bereikbaar adres ophalen. Gebruik een afbeelding die al online staat op je site of bij een toegestane hostingdienst.

Waarom wordt de preview niet bijgewerkt na mijn wijziging?

Socialmediaplatforms bewaren vaak oude gegevens in de cache. Gebruik na het publiceren van de nieuwe tags hun debugtool om de cache te vernieuwen, of wacht tot deze vanzelf verloopt.