","err_audit_input_required":"Plak eerst HTML die je meta tags bevat.","mockups_heading":"Zo ziet het eruit als linkpreview","mockups_disclaimer":"Deze vier kaarten zijn gestileerde benaderingen van de echte linkpreview-weergave van elk platform, uitsluitend bedoeld voor planningsdoeleinden — het is geen live ophaalactie of schermafbeelding van Twitter/X, Facebook, LinkedIn of Discord, en platforms kunnen hun eigen preview-UI in de loop van de tijd aanpassen.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Linkpreview afbeelding","mockup_no_image":"Geen afbeelding opgegeven","mockup_no_image_short":"Geen afbeelding","domain_default_fallback":"example.com","audit_missing_title":"Ontbrekende og:title — de meeste platforms tonen zonder dit een generieke of lege titel.","audit_missing_description":"Ontbrekende og:description — de previewkaart toont geen samenvattingstekst.","audit_missing_image":"Ontbrekende og:image — de meeste platforms tonen geen afbeelding, of vallen terug op de eerste afbeelding die op de pagina wordt gevonden.","audit_missing_url":"Ontbrekende og:url — zonder dit worden shares van alternatieve URL's (met trackingparameters, AMP-versies, etc.) mogelijk niet samengevoegd tot de canonical pagina.","audit_title_too_long":"og:title is {length} tekens — boven het punt van ~{max} tekens waarop de meeste platforms de titel zullen afkappen.","audit_title_long":"og:title is {length} tekens — boven het punt van ~{max} tekens waarop sommige platforms beginnen af te kappen, al kan het elders nog volledig worden weergegeven.","audit_title_ok":"og:title is {length} tekens — binnen de veilige marge voor de meeste platforms.","audit_description_too_long":"og:description is {length} tekens — boven het punt van ~{max} tekens waarop de meeste platforms de beschrijving zullen afkappen.","audit_description_long":"og:description is {length} tekens — boven het punt van ~{max} tekens waarop sommige platforms beginnen af te kappen.","audit_description_ok":"og:description is {length} tekens — binnen de veilige marge voor de meeste platforms.","audit_url_not_absolute":"og:url waarde \"{value}\" is geen absolute http(s) URL — dit zou de volledige canonical URL van de pagina moeten zijn.","audit_image_not_absolute":"og:image waarde \"{value}\" is geen absolute http(s) URL — de meeste platforms vereisen een volledig gekwalificeerde afbeelding-URL.","audit_image_dims_small":"Opgegeven og:image:width/height is {w}×{h} — onder het algemeen aanbevolen minimum van 1200×630 voor linkpreviews.","audit_image_dims_ok":"Opgegeven og:image:width/height is {w}×{h} — voldoet aan het algemeen aanbevolen minimum van 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height zijn aanwezig maar geen geldige getallen.","audit_image_dims_unknown":"Geen og:image:width/og:image:height gedeclareerd — werkelijke pixelafmetingen kunnen niet worden geverifieerd zonder de afbeelding op te halen, wat deze tool met opzet nooit doet, voor je privacy. Aanbevolen minimum: 1200×630.","audit_twitter_card_missing":"Geen twitter:card tag — Twitter/X valt over het algemeen terug op de equivalente og: tags, maar een expliciete twitter:card is betrouwbaarder.","audit_twitter_card_invalid":"twitter:card waarde \"{value}\" is niet een van de vier waarden die de Twitter Card-validator accepteert: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card is \"{value}\", een geldige waarde.","audit_large_image_needs_image":"twitter:card is summary_large_image maar er is geen og:image of twitter:image gevonden — dit kaarttype heeft een afbeelding nodig om goed te worden weergegeven.","audit_twitter_title_fallback":"Geen twitter:title ingesteld — Twitter/X valt terug op og:title.","audit_twitter_description_fallback":"Geen twitter:description ingesteld — Twitter/X valt terug op og:description.","audit_twitter_image_fallback":"Geen twitter:image ingesteld — Twitter/X valt terug op og:image.","audit_duplicate_tag_item":"\"{tag}\" is {count} keer gedeclareerd — alleen de laatste die de meeste platforms parsen zal daadwerkelijk effect hebben."};
⭐ 0
🔍
Tekst Afbeelding PDF & Documenten Audio Muziek Elektronica Tijd Hulpprogramma's Validators Esoterie Spellen

OG & Twitter Card Generator — Metatagbouwer, Auditor & Voorvertoning

Genereer gebruiksklare Open Graph en Twitter Card <meta> tags via een formulier, of plak een bestaande <head> om deze te controleren op ontbrekende tags, de lengte van title/description en de geldigheid van twitter:card — en bekijk het resultaat in realistisch nagebootste Twitter/X, Facebook, LinkedIn en Discord linkcard-weergaven.

🔒 Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.

Verwerken... 0%
Invoer lezen
Tags bouwen/controleren
Voorbeelden renderen
Klaar

Resultaat

Open Graph en Twitter Card meta tags bepalen hoe een link eruitziet zodra je hem plakt in Slack, iMessage, een tweet of een Discord-kanaal — een titel, beschrijving en afbeelding gekozen door de eigen <head> van de pagina, niet door wat het platform toevallig uit de zichtbare body scrapet. Deze tool is zowel een bouwer als een controleur, geen generieke template-invuller. In BOUW-modus vul je een titel, beschrijving, afbeelding-URL, canonical URL, contenttype en Twitter-kaarttype in, en de tool stelt het exacte <meta property="og:..."> en <meta name="twitter:..."> tagblok samen, klaar om in je <head> te plakken, waarbij lege velden worden overgeslagen in plaats van holle tags met lege content te genereren.

In AUDIT-modus plak je je bestaande <head>-opmaak of een volledige HTML-pagina en de tool parsed deze met de ingebouwde DOMParser van de browser om elke aanwezige og: en twitter: meta tag te extraheren en voert vervolgens de controles uit die er echt toe doen: de vier algemeen vereiste tags (og:title, og:description, og:image, og:url) worden gemarkeerd als ze ontbreken; og:title wordt gemeten tegen het punt rond de 60 tekens waar sommige platforms beginnen af te kappen en het punt rond de 90 tekens waar de meeste platforms dat doen; og:description wordt gemeten tegen het bereik van ongeveer 155 tot 200 tekens dat de meeste platforms toestaan voordat ze afbreken; twitter:card wordt gecontroleerd tegen de vier waarden die de Twitter Card-validator accepteert — summary, summary_large_image, app, player — en gemarkeerd als het iets anders is; en dubbele tags (hetzelfde attribuut dubbel gedeclareerd, een verrassend veel voorkomende copy-paste fout) worden bij naam genoemd.

Afbeeldingsafmetingen krijgen een eerlijke behandeling: deze tool kan de werkelijke pixelgrootte van je afbeelding niet verifiëren zonder deze op te halen, en dat doet hij met opzet nooit, in lijn met het no-external-request beleid van deze site. Als je HTML al og:image:width en og:image:height declareert, worden die opgegeven aantallen getoetst aan het algemeen aanbevolen minimum van 1200×630; zo niet, dan krijg je een duidelijke toelichting in plaats van een verzonnen voldoende of onvoldoende. Beide modi tonen dezelfde vier linkpreview-mockups — Twitter/X (wisselend tussen de compacte "summary" miniatuurweergave en de breedbeeld "summary_large_image"-weergave afhankelijk van de twitter:card-waarde), Facebook, LinkedIn en Discord — elk afzonderlijk realistisch vormgegeven volgens de typografie en lay-outconventies van dat platform in plaats van één vakje met een ander logo, en elk duidelijk gelabeld als een illustratieve benadering voor planningsdoeleinden, aangezien echte platforms hun preview-weergave in de loop van de tijd aanpassen en deze tool ze nooit ophaalt of scrapet om dit te controleren.

Geniet je van dit hulpmiddel? Denkt u dat dit product nuttig is? Zie je er potentieel in en wil je het ondersteunen?

🛡️
Uitgevoerd in browser

Uw bestanden en invoer verlaten dit apparaat nooit. Verwerking verloopt volledig offline. 100% veilig.

Geaccepteerde formaten & regels

  • BOUW-modus stelt og:title, og:description, og:image, og:url, og:type, og:site_name en bijbehorende twitter:card/twitter:site/twitter:title/description/image tags samen, slaat velden over die je leeg laat en biedt een one-click kopieerknop voor het invoegklare blok.
  • AUDIT-modus extraheert elke og:/twitter: <meta> tag uit geplakte HTML via de DOMParser van de browser, markeert ontbrekende verplichte tags (og:title/description/image/url), dubbele tags en ongeldige twitter:card-waarden.
  • Lengte-advies hanteert de gangbare grenzen: og:title rond de 60 tekens voordat sommige platforms beginnen af te kappen (tot ongeveer 90 bij de soepelste), og:description tussen de 155 en 200 tekens.
  • Geeft de Twitter/X-kaart weer in de juiste layout voor het opgegeven kaarttype — een compacte "summary"-kaart met een kleine vierkante miniatuur, of de volledige breedte "summary_large_image"-layout — naast Facebook, LinkedIn en Discord previews.

Belangrijkste voordelen

✓ Twee echte tools in één: een BOUW-modus die via een formulier de exacte og: en twitter: <meta> tag-HTML genereert, en een AUDIT-modus die geplakte HTML parsed om je bestaande tags te vinden en te beoordelen.
✓ Echte validatie, geen cosmetische checklist: ontbrekende verplichte tags, og:title/og:description lengte getoetst aan de daadwerkelijke limieten waar platforms afkappen, en twitter:card gecheckt tegen de vier echt toegestane waarden.
✓ Eerlijk over wat offline niet te verifiëren valt: afmetingen in pixels van afbeeldingen zijn slechts richtlijnen tenzij je HTML zelf og:image:width/og:image:height aangeeft, want deze tool haalt je afbeelding nooit op — met opzet, voor je privacy.
✓ Vier daadwerkelijk verschillend vormgegeven platformmockups (Twitter/X summary vs summary_large_image layouts, Facebook, LinkedIn, Discord), opgebouwd uit dezelfde titel/beschrijving/afbeelding, duidelijk gelabeld als illustratief.

Toepassingen

  • • Lanceer een nieuw blogbericht met correcte sociale kaarten: vul de titel, omschrijving en een gehoste omslagafbeelding in, genereer het og:/twitter:-tagblok en plak het rechtstreeks in de <head> van de pagina.
  • • Controleer de <head> van een bestaande landingspagina na een cms-migratie om een ontbrekende og:image op te sporen, een og:title die lang genoeg is om op sommige platforms te worden afgekapt, of een achtergebleven onjuiste waarde voor twitter:card.
  • • Vergelijk hoe dezelfde titel en afbeelding overkomen in de compacte samenvattingskaart van Twitter/X versus de volledige breedte van de summary_large_image-indeling voordat u beslist welk type twitter:card u opgeeft.