Softonic

Twitter Card-validerare

När någon delar din länk på X (Twitter) läser plattformen sidans twitter:-metataggar för att bygga förhandsvisningskortet: dess layout, titel, beskrivning, bild och källhänvisning. Saknas taggarna publiceras länken som en naken URL utan kort. Klistra in HTML-koden för din sida nedan, så kontrollerar den här valideraren att de tre obligatoriska taggarna, twitter:card, twitter:title och twitter:description, finns med, och visar värdet den läser ur var och en så att du kan laga en trasig förhandsvisning innan du publicerar.

Så validerar du ditt kort

  1. 1

    Klistra in HTML-koden för din sida

    Du kan klistra in enbart `<head>`-avsnittet eller hela dokumentet. Valideraren granskar bara `<meta>`-taggar, så all annan kod ignoreras.

  2. 2

    Den söker efter de tre obligatoriska taggarna

    `twitter:card`, `twitter:title` och `twitter:description`, minimikravet för alla korttyper. Andra taggar som `twitter:image` kontrolleras inte här.

  3. 3

    Se vad som hittades

    Varje matchande tagg listas med värdet som lästs ur dess `content`-attribut, så att du snabbt kan granska texten.

  4. 4

    Åtgärda det som saknas

    Var och en av de tre som saknas markeras som saknad. Lägg till den i din `<head>` och klistra in HTML-koden igen för att kontrollera på nytt.

De fyra korttyperna på X (Twitter)

Layouten bestäms av värdet twitter:card. Den här valideraren läser värdet du anger; de fyra som X stöder är:

Korttyp Värde för twitter:card Typisk användning
Sammanfattning summary Artiklar och vanliga innehållssidor
Sammanfattning med stor bild summary_large_image Blogginlägg med en framträdande bild
Spelare player Inbäddat ljud eller video
App app App-installationslänkar med butiksmetadata

Obligatoriska och rekommenderade taggar

Det här verktyget kontrollerar bara den första gruppen, de tre taggar X behöver för alla kort.

Obligatoriska (kontrolleras här):

  • twitter:card, vilken layout som ska användas
  • twitter:title, rubriken (X visar ungefär de första 70 tecknen)
  • twitter:description, sammanfattningen (X visar ungefär de första 200 tecknen)

Rekommenderade (kontrolleras inte här, men värda att lägga till):

  • twitter:image, en absolut https://-URL till en PNG, JPG eller GIF; minst 300 x 157 px för ett sammanfattningskort och 800 x 418 px för summary_large_image
  • twitter:site, ditt varumärkes @handle
  • twitter:creator, upphovspersonens @handle
  • twitter:image:alt, alternativtext för tillgänglighet

Vanliga misstag

  • Bara Open Graph-taggar. X faller tillbaka på og:title, og:description och og:image, så länken visas ändå, men utan twitter:card blir layouten en liten sammanfattning som standard. Skicka med båda uppsättningarna när du kan.
  • För liten bild. Under 300 x 157 px kan kortet krympa till enbart text.
  • Relativ bild-URL. twitter:image måste vara absolut (https://...); en relativ sökväg ignoreras.
  • property= i stället för name=. X, och den här valideraren, läser Twitter-taggarna från name="twitter:...". Att skriva property="twitter:..." fungerar för Open Graph men inte för dessa.
  • För lång beskrivning. Över ungefär 200 tecken kortar X av den, oftast mitt i ett ord.

Så ser du det riktiga kortet

X lade ner sin officiella Card Validator (cards-dev.twitter.com/validator) 2023, så det finns ingen officiell sida längre som visar en live-förhandsvisning. Det här verktyget bekräftar att de obligatoriska taggarna finns med och går att läsa; för att se det riktiga kortet delar du länken i ett utkast till inlägg eller i ett direktmeddelande till dig själv, eller använder en förhandsvisningskontroll för länkar från tredje part. Om X fortsätter visa en gammal bild efter att du rättat taggarna, lägg till en frågesträng som ?v=2 i bild-URL:en för att gå förbi cachen.

Vanliga frågor

Nej. Det läser HTML-koden du klistrar in och bekräftar att de tre obligatoriska twitter:-taggarna finns med, och visar värdet för var och en. Det ritar inte kortet och hämtar inte din live-sida. X stängde ner sin egen Card Validator 2023, så det tillförlitliga sättet att se det riktiga kortet är att dela länken i ett utkast till inlägg eller i ett direktmeddelande till dig själv.

X faller tillbaka på og:title, og:description och og:image, så länken visas ändå, men utan twitter:card blir layouten en liten sammanfattning som standard. För ett kort med stor bild måste du uttryckligen sätta twitter:card till summary_large_image. Observera att den här valideraren bara kontrollerar twitter:-taggarna, inte dina og:-taggar.

Den letar efter name="twitter:..." med content-attributet skrivet efter namnet, inom enkla eller dubbla citattecken. Om din tagg använder property="twitter:..." i stället för name=, eller placerar content före name, matchar mönstret inte även om HTML-koden är giltig. Ändra ordningen till name="..." content="..." och kontrollera igen.

Den här valideraren känner igen namnet oavsett gemener eller versaler, så twitter:Card hittas också här. Håll dem ändå med små bokstäver (twitter:card), eftersom det är formen X dokumenterar och förväntar sig.

Kort sagt: ja. Kontrollen körs på vår server, så HTML-koden du klistrar in skickas dit, granskas och kastas. Vi sparar bara en anonym notering om att verktyget användes, aldrig din kod, och det är inte ett offlineverktyg som körs i webbläsaren.

Relaterade verktyg

Instagram-biogenerator

Bygg en Instagram-bio som får plats på 150 tecken, med valfria emojis, radbrytningar och en enda extern länk. Teckenräkning visas i realtid.

Instagram-hashtaggenerator

Skapa fokuserade uppsättningar av Instagram-hashtaggar utifrån ett ämnesnyckelord. En blandning av stora, medelstora och nischade taggar så att ditt inlägg inte drunknar i flödet.

IMessage-skärmbildsgenerator

Skapa realistiska skärmbilder av iMessage-samtal med blå och grå bubblor, tidstämplar, kontaktnamn och iOS-statuslinje.

Falsk SMS-generator

Skriv en tråd med båda parter, förhandsgranska bubblorna och ladda ner telefonmockupen som PNG. Grönt för det du skickat, grått för det som kommit in.

Länkgenerator för Facebooks felsökare

Skapa en länk som med ett klick kör valfri URL genom Facebooks delningsfelsökare för att granska Open Graph-förhandsvisningar och uppdatera cachen.

Falsk Zoom-chattgenerator

Skapa falska skärmbilder från ett Zoom-möte med anpassade deltagare, meddelanden, tidsstämplar samt märket för mottagare av 'Alla' eller 'Privatmeddelande'.

Verktyget finns på andra språk