Twitter Card Validator

X heeft zijn eigen validator verwijderd, dus controleer je card hier. Plak de HTML van je pagina om elke twitter:-tag te testen, bekijk de card die X toont en kopieer de gecorrigeerde tags.

15 lines
Open view-source: on your page and copy the <head>.
Card preview3/4 checks passed
Framer: Free website builder and AI design agent
From framer.com
twitter:cardValidsummary_large_image
twitter:titleFoundFramer: Free website builder and AI design agent
twitter:descriptionFoundThe free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO,…
twitter:imageLoading image…https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png
twitter:image:altMissing, add it for screen readers
twitter:siteOptional
Recommended X card tagsPaste inside <head>, next to your Open Graph tags
1<!-- X (Twitter) card -->
2<meta name="twitter:card" content="summary_large_image" />
3<meta name="twitter:title" content="Framer: Free website builder and AI design agent" />
4<meta name="twitter:description" content="The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in." />
5<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />
6<meta name="twitter:image:alt" content="Describe what the image shows" />
7<meta name="twitter:site" content="@yourbrand" />

Hoe je je X-kaart repareert

X leest eerst de twitter:-tags en valt daarna terug op je Open Graph-tags. De meeste niet-werkende kaarten zijn te herleiden naar een van deze vier zaken.

Stel twitter:card in op summary_large_image

Zonder dit kan X terugvallen op een kleine overzichtskaart met een vierkante miniatuurweergave. summary_large_image toont de afbeelding over de volledige breedte in een 2:1-verhouding, wat veel meer aandacht trekt in de feed.

Gebruik een absolute HTTPS-afbeeldings-URL

twitter:image (of og:image) moet een volledige URL zijn die begint met https://, openbaar toegankelijk is en kleiner is dan 5 MB. Relatieve paden en afbeeldingen achter een login worden niet geladen.

Voeg twitter:image:alt toe

Alt-tekst beschrijft de afbeelding voor mensen die schermlezers gebruiken, in maximaal 420 tekens. Het is optioneel, maar X leest het en het kost één regel.

Verzamel X om de nieuwe kaart te tonen

X slaat kaarten ongeveer een week op in de cache en heeft geen vernieuwknop. Voeg een query-string toe zoals ?v=2 aan de link om een nieuwe kaart te krijgen, en controleer vervolgens de andere platforms met de meta-tag-checker. Zie de vernieuwgids voor LinkedIn, Facebook, Slack en de rest.

Veelgestelde vragen over de Twitter Card Validator

Snelle antwoorden over X-cards, twitter:-tags en de oude validator.

Wat is er gebeurd met de Twitter Card Validator?

X heeft in 2022 het voorbeeld uit de Card Validator verwijderd, en de pagina stuurt je nu door naar een inlogscherm. Deze tool is de vervanger: hij leest dezelfde tags als X en toont de kaart die ze opleveren.

Welke tags heeft een X-card nodig?

twitter:card is vereist. X leest vervolgens twitter:title, twitter:description en twitter:image, en gebruikt og:title, og:description en og:image wanneer deze ontbreken. twitter:site en twitter:image:alt zijn optioneel.

Waarom toont mijn X-card geen afbeelding?

Meestal is de afbeeldings-URL relatief, geblokkeerd door robots.txt, afgeschermd met een login of te groot, of is het kaarttype summary in plaats van summary_large_image. X slaat kaarten ook op in de cache, dus test de link eens met ?v=2 erachter.

Waarom HTML plakken in plaats van een URL?

Door de HTML te plakken, kan de validator elke twitter:-tag exact lezen zoals deze is geschreven. Een URL-controle toont de card die X samenstelt op basis van de Open Graph-tags van de pagina, wat het alternatief is waar X op terugvalt.

Is deze Twitter Card validator gratis?

Ja. Het draait in je browser, vereist geen login en de HTML die je plakt verlaat je apparaat nooit.