Softonic

Twitter Card Validator

Wanneer iemand je link deelt op X (Twitter), leest het platform de twitter:-metatags van de pagina om de previewkaart samen te stellen: de indeling, titel, beschrijving, afbeelding en bronvermelding. Ontbreken die tags, dan wordt de link als kale URL zonder kaart geplaatst. Plak hieronder de HTML van je pagina en deze validator controleert of de drie vereiste tags, twitter:card, twitter:title en twitter:description, aanwezig zijn, en toont de waarde die hij uit elke tag leest, zodat je een kapotte preview kunt herstellen voordat je publiceert.

Je kaart valideren

  1. 1

    Plak de HTML van je pagina

    Je kunt alleen het `<head>`-gedeelte of het hele document plakken. De validator bekijkt alleen `<meta>`-tags, dus andere opmaak wordt genegeerd.

  2. 2

    Hij zoekt de drie vereiste tags

    `twitter:card`, `twitter:title` en `twitter:description`, het minimum dat elk kaarttype nodig heeft. Andere tags zoals `twitter:image` worden hier niet gecontroleerd.

  3. 3

    Bekijk wat er gevonden is

    Elke gevonden tag verschijnt met de waarde die uit het `content`-attribuut is gelezen, zodat je de tekst snel kunt nakijken.

  4. 4

    Herstel wat ontbreekt

    Elk van de drie dat ontbreekt, wordt als ontbrekend gemarkeerd. Voeg het toe aan je `<head>` en plak de HTML opnieuw om nog eens te controleren.

De vier kaarttypen van X (Twitter)

De indeling wordt bepaald door de waarde van twitter:card. Deze validator leest de waarde die je opgeeft; de vier die X ondersteunt zijn:

Kaarttype Waarde van twitter:card Typisch gebruik
Samenvatting summary Artikelen en gewone contentpagina’s
Samenvatting met grote afbeelding summary_large_image Blogposts met een uitgelichte afbeelding
Player player Ingesloten audio of video
App app App-installatielinks met metadata uit de store

Vereiste en aanbevolen tags

Deze tool controleert alleen de eerste groep, de drie tags die X voor elke kaart nodig heeft.

Vereist (hier gecontroleerd):

  • twitter:card, de te gebruiken indeling
  • twitter:title, de kop (X toont ongeveer de eerste 70 tekens)
  • twitter:description, de samenvatting (X toont ongeveer de eerste 200 tekens)

Aanbevolen (hier niet gecontroleerd, maar handig om toe te voegen):

  • twitter:image, een absolute https://-URL naar een PNG, JPG of GIF; minstens 300 x 157 px voor een samenvattingskaart en 800 x 418 px voor summary_large_image
  • twitter:site, de @handle van je merk
  • twitter:creator, de @handle van de auteur
  • twitter:image:alt, alt-tekst voor toegankelijkheid

Veelgemaakte fouten

  • Alleen Open Graph-tags. X valt terug op og:title, og:description en og:image, dus de link ontvouwt nog steeds, maar zonder twitter:card is de indeling standaard een kleine samenvatting. Lever beide sets aan als je kunt.
  • Afbeelding te klein. Onder 300 x 157 px kan de kaart inklappen tot alleen tekst.
  • Relatieve afbeeldings-URL. twitter:image moet absoluut zijn (https://...); een relatief pad wordt genegeerd.
  • property= in plaats van name=. X, en ook deze validator, lezen de Twitter-tags uit name="twitter:...". property="twitter:..." werkt voor Open Graph, maar niet hiervoor.
  • Beschrijving te lang. Boven ongeveer 200 tekens kapt X hem af, meestal midden in een woord.

Zo bekijk je de echte kaart

X heeft zijn officiële Card Validator (cards-dev.twitter.com/validator) in 2023 stopgezet, dus er is geen officiële pagina meer die een live preview weergeeft. Deze tool bevestigt dat de vereiste tags aanwezig en leesbaar zijn; om de echte kaart te zien, deel je de link in een conceptbericht of in een direct bericht aan jezelf, of gebruik je een linkpreviewchecker van derden. Blijft X na het corrigeren van de tags een oude afbeelding tonen, voeg dan een querystring als ?v=2 toe aan de afbeeldings-URL om de cache te omzeilen.

Veelgestelde vragen

Nee. Hij leest de HTML die je plakt en bevestigt dat de drie vereiste twitter:-tags aanwezig zijn, met de waarde van elke tag. Hij tekent de kaart niet en haalt je live pagina niet op. X heeft zijn eigen Card Validator in 2023 stopgezet, dus de betrouwbare manier om de echte kaart te zien is de link delen in een conceptbericht of in een direct bericht aan jezelf.

X valt terug op og:title, og:description en og:image, dus de link ontvouwt nog steeds, maar zonder twitter:card is de indeling standaard een kleine samenvatting. Voor een kaart met grote afbeelding moet je twitter:card expliciet op summary_large_image zetten. Let op: deze validator controleert alleen de twitter:-tags, niet je og:-tags.

Hij zoekt naar name="twitter:..." met het content-attribuut achter de naam, tussen enkele of dubbele aanhalingstekens. Gebruikt je tag property="twitter:..." in plaats van name=, of staat content voor name, dan matcht het patroon niet, ook al is de HTML geldig. Zet het in de volgorde name="..." content="..." en controleer opnieuw.

Deze validator herkent de naam ongeacht hoofdletters of kleine letters, dus twitter:Card wordt hier ook herkend. Houd ze toch in kleine letters (twitter:card), want dat is de vorm die X documenteert en verwacht.

Kort gezegd: ja. De controle draait op onze server, dus de HTML die je plakt wordt daarheen gestuurd, geanalyseerd en weggegooid. We bewaren alleen een anonieme notitie dat de tool is gebruikt, nooit je opmaak, en het is geen offline tool die in de browser werkt.

Gerelateerde tools

Emoji-tekstgenerator

Typ een korte zin, kies een van vijf stijlen en zet glitters, vuur, hart, ster of feest-emoji tussen elk woord, voor bio's, bijschriften en berichten.

iMessage-schermafbeeldingsgenerator

Maak realistische schermafbeeldingen van iMessage-gesprekken met blauwe en grijze bubbels, tijdstempels, contactnaam en de iOS-statusbalk.

Generator voor schermafbeeldingen van valse chats

Maak realistische, valse chat-schermafbeeldingen met aangepaste contacten, berichten en tijdstempels voor app-mockups, memes en tutorials.

Instagram-hashtaggenerator

Kies een onderwerp, voeg je eigen trefwoorden toe en krijg Instagram-hashtags ingedeeld in breed, specifiek en niche, met een kant-en-klare set van 5, het maximum per bericht.

Instagram-biogenerator

Maak een Instagram-bio die binnen 150 tekens past, met optionele emoji's, regeleinden en één externe link. Het aantal tekens wordt live weergegeven.

Valse Zoomchatgenerator

Maak valse schermafbeeldingen van een Zoom-vergaderchat met aangepaste deelnemers, berichten, tijdstempels en de ontvangerbadge voor Iedereen of direct bericht.

Tool beschikbaar in andere talen