Twitter Card-voorbeeld
Bekijk en genereer Twitter Card-metatags voor uw pagina's
Kaartinstellingen
0/70 tekens
0/200 tekens
De tellers van 70/200 zijn richtlijnen voor de editor. Sommige symbolen tellen voor meer dan één teken; de werkelijke weergave hangt af van de client.
Probeer een brede afbeelding, bijvoorbeeld 1200 × 628 px. Het illustratieve voorbeeld gebruikt een afbeeldingsgebied van 16:9.
De afbeeldings-URL wordt rechtstreeks vanuit uw browser geladen. De host van de afbeelding ontvangt dat verzoek.
Wordt alleen gebruikt voor het domein dat hier wordt getoond. Uw @gebruikersnaam dient voor de toewijzing aan een account.
Kaartvoorbeeld
example.com
Uw kaarttitel hier
Uw kaartbeschrijving verschijnt hier. Schrijf iets aansprekends om uw publiek te boeien.
Voeg een afbeeldings-URL toe om een voorbeeld te zien.
Dit voorbeeld is illustratief. De werkelijke weergave op X/Twitter, het bijsnijden, gecachete inhoud en opgehaalde afbeeldingen kunnen afwijken.
Uw metatags
<meta name="twitter:card" content="summary_large_image" />
Tags bijgewerkt. Voeg ze toe aan de head van uw pagina en controleer de gepubliceerde pagina.
Gids voor kaarttypen
Controleer vóór publicatie
- Gebruik een titel en beschrijving die de pagina beschrijven.
- Kies een afbeelding waarvan de belangrijke inhoud na het bijsnijden zichtbaar blijft.
- Zorg dat de afbeeldings-URL toegankelijk is voor het platform dat uw pagina ophaalt.
- De @gebruikersnaam dient voor toewijzing en is geen websiteadres.
- Controleer de gepubliceerde pagina en het werkelijke deelvoorbeeld; deze editor haalt de kaartgegevens van X niet op.
Over onze gratis Twitter/X Card-voorbeeldtool
Twitter Cards (nu X Cards) laten u rijke media toevoegen aan tweets die naar uw website linken. Wanneer iemand een URL van uw site deelt, toont de kaart automatisch een voorbeeld met de door u opgegeven titel, beschrijving en afbeelding. Met deze Twitter Card-voorbeeldtool bekijkt u een illustratieve kaart voordat u uw tags publiceert. De tool controleert niet hoe het platform de pagina ophaalt, cachet of uiteindelijk weergeeft.
De tool ondersteunt beide belangrijke kaarttypen: de Summary Card met een kleine miniatuur naast de tekst en de Summary Card with Large Image, die een opvallende afbeelding boven de titel en beschrijving plaatst. U voert uw inhoud in, ziet direct het voorbeeld en kopieert met één klik de kant-en-klare HTML-metatags.
Of u nu socialemediamanager bent die linkvoorbeelden optimaliseert, ontwikkelaar die Open Graph- en Twitter-metatags implementeert, of contentmarketeer die de doorklikratio van gedeelde links wil verhogen: met deze gratis tool werkt u sneller. Tekenteller en gekleurde balken geven de richtlijn van 70/200 van deze editor weer. Ze geven geen garantie voor een actuele weergavelimiet van het platform.
Belangrijkste functies
- Direct voorbeeld van de kaarttypen Summary en Summary Large Image
- Tekentellers en gekleurde balken in realtime, op basis van de richtlijnen van de editor voor titel (70) en beschrijving (200)
- Invoerveld voor de afbeeldings-URL met aanbevolen formaten per kaarttype
- Veld voor de @handle van de site voor een juiste Twitter-vermelding
- Automatisch gegenereerde HTML-metatags, klaar om te plakken in het gedeelte <head> van uw pagina
- Alle gegenereerde metatags met één klik naar het klembord kopiëren
- Vergelijkingsgids van kaarttypen die laat zien wanneer u welk formaat gebruikt
- Voorbeeld naar het model van de Twitter/X-kaart (een benadering, geen pixelexacte weergave)
- Volledige ondersteuning voor de donkere modus met responsieve indeling
- Geen registratie nodig, volledig gratis en onbeperkt
Zo gebruikt u de Twitter Card-voorbeeldtool
- Kies een kaarttype: Kies tussen Summary (kleine afbeelding) en Summary Large Image, afhankelijk van uw inhoud en visuele doelen.
- Voer uw titel in: Schrijf een pakkende titel van minder dan 70 tekens die de aandacht trekt in de Twitter-feed.
- Voeg een beschrijving toe: Schrijf een beknopte beschrijving van minder dan 200 tekens die gebruikers aanzet tot doorklikken.
- Geef een afbeeldings-URL op: Plak de volledige URL van uw kaartafbeelding (1200x628 aanbevolen voor kaarten met grote afbeelding, 144x144 voor Summary).
- Bekijk het directe voorbeeld: Bekijk in het voorbeeldvenster een benadering van hoe de kaart op Twitter/X verschijnt.
- Kopieer de metatags: Klik op „Alle tags kopiëren” om de gegenereerde HTML-metatags te kopiëren en plak ze in het gedeelte <head> van uw pagina.
Toepassingen
- Socialemediamanagers: Bekijk en optimaliseer linkkaarten voordat u content deelt, voor meer betrokkenheid en een hogere doorklikratio.
- Webontwikkelaars: Genereer tijdens de ontwikkeling van de site correcte Twitter Card-metatags en controleer de weergave vóór de lancering.
- Contentmarketeers: Test verschillende titels, beschrijvingen en afbeeldingen om de meest aansprekende combinatie voor gedeelde links te vinden.
- SEO-specialisten: Zorg voor een juiste implementatie van socialemediametatags als onderdeel van technische SEO-audits.
- Webshopteams: Bekijk hoe productpagina's eruitzien wanneer ze op Twitter/X worden gedeeld, om te optimaliseren voor conversie.
- Blogauteurs: Controleer vóór publicatie of artikelvoorbeelden de juiste uitgelichte afbeelding, titel en samenvatting tonen.
- PR & communicatie: Controleer de linkvoorbeelden van persberichten en aankondigingen voordat u ze naar media verspreidt.
Veelgestelde vragen
Is deze tool gratis?
Ja, de Twitter Card-voorbeeldtool is volledig gratis, zonder registratie en zonder gebruikslimieten.
Zijn mijn gegevens veilig?
Het voorbeeld en de tags worden in uw browser gemaakt. Uw titels en beschrijvingen worden niet naar onze servers gestuurd. Als u een afbeeldings-URL laadt, doet uw browser een verzoek aan de host van die afbeelding.
Wat zijn de aanbevolen afbeeldingsformaten?
Gebruik een vierkante afbeelding voor een kleine kaart en een brede afbeelding voor een grote kaart. De editor geeft voorbeeldformaten van 144×144 en 1200×628 pixels; deze controleren de actuele eisen van het platform voor bestandsindeling, formaat of ophalen niet. Bekijk de afbeelding in het gepubliceerde deelvoorbeeld.
Heb ik zowel Twitter Cards als Open Graph-tags nodig?
Open Graph en Twitter-specifieke metadata beschrijven sociale voorbeelden. Implementeer de tags die de platforms vereisen waarop u zich richt en controleer het gepubliceerde resultaat; deze editor bevestigt het terugvalgedrag niet en garandeert geen volledige controle over de weergave.
Waarom wordt mijn kaart niet bijgewerkt nadat ik de metatags heb gewijzigd?
Een platform kan eerder opgehaalde metadata of afbeeldingen bewaren. Controleer of de gepubliceerde pagina en de afbeeldings-URL's uw wijzigingen bevatten en bekijk daarna het werkelijke deelvoorbeeld. Deze editor inspecteert of wist de cache van X niet en kan geen vernieuwingsinterval of oplossing met een queryreeks beloven.
Komt dit voorbeeld precies overeen met de echte weergave op Twitter?
Dit is een illustratief voorbeeld. De indeling in de client, bijsnijden, gecachete gegevens en het ophalen van afbeeldingen kunnen een aanzienlijk ander resultaat geven; bekijk het werkelijke deelvoorbeeld van de gepubliceerde pagina.
Tips & best practices
- Houd titels onder de 70 tekens: Langere titels worden in het kaartvoorbeeld afgekapt, waardoor uw kernboodschap verloren gaat.
- Schrijf actiegerichte beschrijvingen: Gebruik pakkende taal die aanzet tot klikken en blijf onder de 200 tekens.
- Gebruik afbeeldingen van hoge kwaliteit: Wazige afbeeldingen of afbeeldingen met lage resolutie verminderen het vertrouwen en de betrokkenheid. Gebruik altijd de aanbevolen afmetingen.
- Voeg een @handle van de site toe: Dit zorgt voor een juiste vermelding en kan de zichtbaarheid van uw account vergroten wanneer links worden gedeeld.
- Test vóór publicatie: Bekijk uw kaart in deze tool en plak de URL daarna in het berichtveld van X om de echte kaart te bevestigen voordat u post.
- Implementeer zowel OG- als Twitter-tags: Gebruik Open Graph-tags als basis en Twitter Card-tags voor platformspecifieke aanpassingen.