Why is my Twitter card image not showing?

Common causes: missing twitter:card tag, image smaller than 800x418 pixels, image URL not publicly accessible, Twitter's cache not cleared, or the page returning an error to Twitter's crawler.

How do I validate my Twitter card?

Use the official Twitter Card Validator at https://cards-dev.twitter.com/validator to enter your URL and see exactly what Twitter will display. You can also use Proovd for a multi-platform preview.

What's the difference between summary and summary_large_image cards?

summary shows a small thumbnail on the right side of the tweet. summary_large_image shows a large image taking up most of the card. Both require valid twitter:card and twitter:image tags.

Twitter Card Kuva ei näy: 7 syytä ja korjausta

Linkin sisältävä twiittisi ei näytä kuvaa – vain pelkkä URL-osoite. Tässä on 7 yleisintä syytä ja tarkalleen kuinka korjata jokainen niistä.

Twitter-kortin kuva ei näy?

Tarkista Open Graph-tunnisteet vapaana käyttämällä Proovd — liitä URL-osoite ja katso tarkalleen, miltä se näyttää X/Twitterissä, LinkedIn, Slack, Discord, WhatsApp ja Reddit.

Pikavastaus

X/Twitter vaatii tunnisteet twitter:card ja twitter:image
Kuvan on oltava vähintään 800 × 418 pikseliä, jos summary_large_image
Käytä Twitteriä Card Validator virheenkorjaukseen ja välimuistin tyhjentämiseen

7 syytä puuttuviin kuviin Twitter Card

Kun X:ssä (entinen Twitter) jaetussa URL-osoitteessa ei näy korttikuvaa, se on melkein aina yksi näistä seitsemästä ongelmasta. Käydään läpi jokainen.

1. Puuttuva tai virheellinen twitter:card-tunniste

X vaatii nimenomaisen twitter:card-tunnisteen. Ilman sitä X ei renderöi korttia ollenkaan – vaikka OG-tagisi olisivat täydelliset.

<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" />

Korttityyppejä on kaksi: summary (pieni pikkukuva) ja summary_large_image (täysi kortti). Käytä summary_large_image saadaksesi parhaan visuaalisen vaikutuksen.

2. Kuva liian pieni

X:llä on vähimmäiskuvakokovaatimukset:

summary_large_image: vähintään 800×418 pikseliä
yhteenveto: vähintään 400×150 pikseliä
Suositus: 1200×628 (toimii kaikilla alustoilla)

Jos kuvasi on pienempi kuin minimi, X pudottaa kortin äänettömästi. Virheilmoitusta ei tule – linkki näkyy vain pelkkänä tekstinä.

3. Kuvan URL-osoite ei ole julkisesti saatavilla

X:n indeksointirobotin on voitava noutaa kuvasi ilman todennusta. Yleiset salpaajat:

Kuva kirjautumismuurin tai todennuksen takana
Estetty: robots.txt
Cloudflare tai CDN palauttaa 403/429-virheet indeksointiroboteille
CORS-rajoitukset estävät lähteiden välisen haun

4. Twitterin välimuistia ei ole päivitetty

Kuten kaikki alustat, X tallentaa korttitiedot välimuistiin. Kun olet päivittänyt tunnisteet, X ei ota muutoksia vastaan ennen kuin välimuisti vanhenee tai pakotat päivityksen.

<meta property="og:image" content="https://yoursite.com/new-image.jpg" />

Käytä Twitter Card Validator URL-osoitteesi syöttämiseen ja välimuistin päivityksen käynnistämiseen. Validaattori näyttää tarkalleen, mitä X näkee.

5. Väärä MIME-tyyppi tai vioittunut kuva

Jos kuvapalvelimesi palauttaa väärän MIME-tyypin (esim. PNG:n sisältötyypillä image/jpeg), X voi hylätä sen. Vastaavasti vioittunut tai osittain ladattu kuva hylätään.

6. Sivu palauttaa virheen Twitterin indeksointirobotille

Jos sivusi palauttaa 4xx- tai 5xx-virheen, kun Twitterin botti noutaa sen, korttia ei luoda. Tämä voi tapahtua seuraavien kanssa:

SPA-sovellukset, jotka vaativat JavaScriptin hahmontamiseen (Twitterin indeksointirobotti ei suorita JS:ää)
Maantieteellinen esto, joka estää yhdysvaltalaiset indeksointirobotit
Cloudflare kääntöportit tai CAPTCHA:t

7. Vain OG-tunnisteiden käyttäminen ilman Twitter Card-tunnisteita

Vaikka X voi palata OG-tunnisteisiin, se suosii twitter:card-tageja. Jos asetat vain og:image etkä twitter:image, X ei välttämättä renderöi korttia oikein. Aseta aina molemmat.

<!-- 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" />

Pikakorjauksen tarkistuslista

Vahvista, että tunniste twitter:card on läsnä arvolla summary_large_image
Varmista, että tagilla twitter:image on absoluuttinen URL-osoite
Tarkista kuva on vähintään 800×418 pikseliä
Varmista, että kuva on julkisesti saatavilla (ei todennusta, ei estetty)
Vahvista Twitterillä Card Validator
Testaa usean alustan vahvistusta käyttämällä Proovd

Usein kysytyt kysymykset

Kuinka kauan Twitter säilyttää välimuistikortin tietoja?

Twitterin välimuisti kestää yleensä 24-48 tuntia. Card Validator-näppäimen käyttö nopeuttaa tätä lähes välittömästi.

Käyttääkö X edelleen nimeä "Twitter Card"?

Kyllä. Jopa X:ksi vaihtamisen jälkeen dokumentaatiossa ja työkaluissa käytetään edelleen "Twitter Card"-terminologiaa.

Voinko käyttää samaa kuvaa OG:lle ja Twitter Cardille?

Kyllä. Käytä samaa URL-osoitetta sekä kohteille og:image että twitter:image. Ainoa ero on tunnisteen nimi ja attribuutti.

Aiheeseen liittyvät artikkelit

Vahvista Twitter-korttisi ennen twiittaamista

Tarkista Open Graph-tunnisteet vapaana koodilla Proovd — liitä URL-osoite ja katso esikatselu kohdissa X, LinkedIn, Slack, Discord, WhatsApp ja Reddit.