Twitter Card Bilden visas inte: 7 orsaker och korrigeringar
Visas inte Twitter-kortbilden?
Kontrollera dina Open Graph-taggar gratis med Proovd — klistra in en URL och se exakt hur den ser ut på X/Twitter, LinkedIn, Slack, Discord, WhatsApp och ⟦6.
Snabbt svar
- X/Twitter kräver taggar
twitter:cardochtwitter:image - Bilden måste vara minst 800×418 pixlar för summary_large_image
- Använd Twitter Card Validator för att felsöka och rensa cacheminnet
De 7 orsakerna till att sakna Twitter Card bilder
När en URL som delas på X (tidigare Twitter) inte visar en kortbild är det nästan alltid ett av dessa sju problem. Låt oss gå igenom var och en.
1. Saknas eller felaktig twitter:card-tagg
X kräver en explicit twitter:card-tagg. Utan det kommer X inte att rendera ett kort alls – även om dina OG-taggar är perfekta.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Title" />
<meta name="twitter:description" content="Your description" />
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />
Det finns två korttyper: sammanfattning (liten miniatyrbild) och summary_large_image (helt kort). Använd summary_large_image för bästa visuella effekt.
2. Bilden är för liten
X har minimikrav för bildstorlek:
- summary_large_image: minst 800×418 pixlar
- sammanfattning: minst 400×150 pixlar
- Rekommenderas: 1200×628 (fungerar på alla plattformar)
Om din bild är mindre än minimum släpper X kortet tyst. Det finns inget felmeddelande – länken visas bara som vanlig text.
3. Bild-URL Ej tillgänglig för allmänheten
X:s sökrobot måste kunna hämta din bild utan autentisering. Vanliga blockerare:
- Bild bakom en inloggningsvägg eller autentisering
- Blockerad av
robots.txt - Cloudflare eller CDN returnerar 403/429-fel till sökrobotar
- CORS-restriktioner som förhindrar hämtning av andra ursprung
4. Twitters cache har inte uppdaterats
Som alla plattformar cachar X kortdata. När du har uppdaterat dina taggar kommer X inte att ta upp ändringar förrän cacheminnet går ut eller du tvingar fram en uppdatering.
<meta property="og:image" content="https://yoursite.com/new-image.jpg" />
Använd Twitter Card Validator för att ange din URL och utlösa en cacheuppdatering. Validatorn visar dig exakt vad X ser.
5. Fel MIME-typ eller korrupt bild
Om din bildserver returnerar fel MIME-typ (t.ex. serverar en PNG med image/jpeg innehållstyp), kan X avvisa den. På samma sätt kommer en korrupt eller delvis laddad bild att tas bort.
6. Sidan returnerar ett fel till Twitters sökrobot
Om din sida returnerar ett 4xx- eller 5xx-fel när Twitters bot hämtar det, kommer inget kort att genereras. Detta kan hända med:
- SPA-appar som kräver JavaScript för att rendera (Twitters sökrobot kör inte JS)
- Geoblockering som blockerar USA-baserade sökrobotar
- Cloudflare vändkors eller CAPTCHA
7. Använd endast OG-taggar utan Twitter Card-taggar
Medan X kan falla tillbaka till OG-taggar, föredrar den twitter:card-taggar. Om du bara ställer in og:image och inte twitter:image, kanske X inte återger kortet korrekt. Ställ alltid in båda.
<!-- Open Graph (for LinkedIn, Discord, Slack, WhatsApp) -->
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<!-- Twitter/X specific (for X/Twitter) -->
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />
Quick Fix Checklista
- Bekräfta att taggen
twitter:cardfinns med värdetsummary_large_image - Verifiera att
twitter:image-taggen har en absolut URL - Kontrollera att bilden är minst 800×418 pixlar
- Se till att bilden är allmänt tillgänglig (ingen autentisering, inte blockerad)
- Validera med Twitter Card Validator
- Testa med Proovd för multiplattformsverifiering
Vanliga frågor
Hur länge cachelagrar Twitter kortdata?
Twitters cache varar vanligtvis 24-48 timmar. Användning av Card Validator accelererar detta till nästan omedelbart.
Använder X fortfarande namnet "Twitter Card"?
Ja. Även efter ommärkningen till X använder dokumentationen och verktygen fortfarande "Twitter Card"-terminologin.
Kan jag använda samma bild för OG och Twitter Card?
Ja. Använd samma URL för både og:image och twitter:image. Den enda skillnaden är taggnamnet och attributet.
Relaterade artiklar
Validera ditt Twitter-kort innan du twittrar
Kontrollera dina Open Graph-taggar gratis med Proovd — klistra in en URL och se förhandsvisningen på X, LinkedIn, Slack, Discord, WhatsApp och Reddit.