ToolHub
Tool openen

Social voorvertoning

Bekijk hoe je website eruitziet bij delen op Twitter, Facebook, LinkedIn en andere sociale mediaplatforms

Ontwikkelaarstools

Over deze tool

Bekijk hoe je website eruitziet bij delen op Twitter, Facebook, LinkedIn en andere sociale mediaplatforms. Voer je paginatitel, beschrijving, URL en afbeelding in om realtime kaartvoorvertoningen te zien en Open Graph meta-tags te genereren — alles lokaal verwerkt in je browser.

Belangrijkste functies

Snelle voorvertoning

Toepassingen

social

Veelgestelde vragen

Welke sociale mediaplatforms toont deze tool als voorvertoning?

De tool toont hoe je pagina verschijnt bij delen op Twitter (X), Facebook, LinkedIn en andere platforms die Open Graph- en Twitter Card meta-tags ondersteunen. Elk platform heeft licht verschillende kaartindelingen.

Wat zijn Open Graph meta-tags?

Open Graph meta-tags (og:title, og:description, og:image, og:url) zijn HTML-meta-elementen die bepalen hoe je inhoud verschijnt bij delen op sociale media. Ze definiëren de titel, beschrijving, afbeelding en URL die sociale platforms tonen in hun linkvoorvertoningen.

Hoe verschillen Twitter Cards van Open Graph?

Twitter gebruikt zijn eigen meta-tags (twitter:card, twitter:title, enz.) maar valt terug op Open Graph-tags als Twitter-tags ontbreken. De tool laat je schakelen tussen Twitter- en Open Graph-voorvertoningen om ervoor te zorgen dat beide correct worden gerenderd.

Welke afbeeldingsgrootte werkt het best voor sociale voorvertoningen?

Voor Facebook en LinkedIn moeten afbeeldingen ten minste 1200x630 pixels zijn. Voor Twitter is de aanbevolen Summary Card with Large Image grootte 2:1 beeldverhouding, zoals 1200x600 of 800x400. De voorvertoning helpt je zien of afbeeldingen correct worden weergegeven.

Waarom wordt mijn afbeelding niet weergegeven in de voorvertoning?

Veelvoorkomende redenen zijn ontbrekende of onjuiste og:image URL, afbeeldingsbestanden kleiner dan 200x200 pixels, niet-ondersteunde afbeeldingsindelingen of caching door het sociale platform. Gebruik absolute URL's en zorg ervoor dat afbeeldingen voldoen aan de minimale groottevereisten.