Twitter Card Billedet vises ikke: 7 årsager og rettelser
Twitter-kortbilledet vises ikke?
Tjek dine Open Graph-tags gratis med Proovd — indsæt en URL og se præcis, hvordan den ser ud på X/Twitter, LinkedIn, Slack, Discord, WhatsApp og ⟦6.
Hurtigt svar
- X/Twitter kræver tags
twitter:cardogtwitter:image - Billedet skal være mindst 800×418 pixels for summary_large_image
- Brug Twitter Card Validator til at fejlsøge og rydde cache
De 7 årsager til manglende Twitter Card billeder
Når en URL delt på X (tidligere Twitter) ikke viser et kortbillede, er det næsten altid et af disse syv problemer. Lad os gennemgå hver enkelt.
1. Manglende eller forkert twitter:card tag
X kræver et eksplicit twitter:card tag. Uden det vil X slet ikke gengive et kort - selvom dine OG-tags er perfekte.
<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" />
Der er to korttyper: resumé (lille miniaturebillede) og summary_large_image (helt kort). Brug summary_large_image for den bedste visuelle effekt.
2. Billedet er for lille
X har minimumskrav til billedstørrelse:
- summary_large_image: minimum 800×418 pixels
- oversigt: minimum 400×150 pixels
- Anbefalet: 1200×628 (virker på tværs af alle platforme)
Hvis dit billede er mindre end minimum, taber X lydløst kortet. Der er ingen fejlmeddelelse - linket vises bare som almindelig tekst.
3. Billed-URL ikke offentligt tilgængelig
X's crawler skal kunne hente dit billede uden godkendelse. Almindelige blokkere:
- Billede bag en login-væg eller godkendelse
- Blokeret af
robots.txt - Cloudflare eller CDN returnerer 403/429-fejl til crawlere
- CORS-restriktioner forhindrer hentning på tværs af oprindelse
4. Twitters cache er ikke opdateret
Som alle platforme cacher X kortdata. Når du har opdateret dine tags, opfanger X ikke ændringer, før cachen udløber, eller du tvinger en opdatering.
<meta property="og:image" content="https://yoursite.com/new-image.jpg" />
Brug Twitter Card Validator til at indtaste din URL og udløse en cache-opdatering. Validatoren viser dig præcis, hvad X ser.
5. Forkert MIME-type eller korrupt billede
Hvis din billedserver returnerer den forkerte MIME-type (f.eks. serverer en PNG med image/jpeg indholdstype), kan X afvise den. På samme måde vil et korrupt eller delvist indlæst billede blive slettet.
6. Side returnerer en fejl til Twitters webcrawler
Hvis din side returnerer en 4xx- eller 5xx-fejl, når Twitters bot henter den, vil der ikke blive genereret noget kort. Dette kan ske med:
- SPA-apps, der kræver JavaScript for at gengive (Twitters crawler udfører ikke JS)
- Geo-blokering, der blokerer USA-baserede crawlere
- Cloudflare drejekors eller CAPTCHA'er
7. Brug kun OG-tags uden Twitter Card-tags
Mens X kan falde tilbage til OG-tags, foretrækker det twitter:card-tags. Hvis du kun indstiller og:image og ikke twitter:image, gengiver X muligvis ikke kortet korrekt. Indstil altid begge dele.
<!-- 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" />
Tjekliste til hurtig rettelse
- Bekræft, at
twitter:card-tagget er til stede med værdiensummary_large_image - Bekræft, at
twitter:image-tagget har en absolut URL - Tjek billedet er mindst 800×418 pixels
- Sørg for, at billedet er offentligt tilgængeligt (ingen godkendelse, ikke blokeret)
- Valider med Twitter Card Validator
- Test med Proovd for multi-platform verifikation
Ofte stillede spørgsmål
Hvor længe cacher Twitter kortdata?
Twitters cache varer typisk 24-48 timer. Brug af Card Validator accelererer dette til næsten øjeblikkeligt.
Bruger X stadig navnet "Twitter Card"?
Ja. Selv efter omlægningen til X bruger dokumentationen og værktøjerne stadig "Twitter Card"-terminologi.
Kan jeg bruge det samme billede til OG og Twitter Card?
Ja. Brug den samme URL for både og:image og twitter:image. Den eneste forskel er tagnavnet og attributten.
Relaterede artikler
Valider dit Twitter-kort, før du tweeter
Tjek dine Open Graph-tags gratis med Proovd — indsæt en URL og se forhåndsvisningen på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.