Pe X, un link fără card este doar text. Cu tag-urile potrivite, același link devine o imagine mare, cu titlu și descriere, care oprește derularea. Generatorul de Twitter Card compune aceste tag-uri și îți arată în timp real cum va arăta cardul pe X, direct în browserul tău.
Ce este un Twitter Card
Twitter Cards este sistemul prin care X (fostul Twitter) transformă un link simplu într-un card bogat, vizual. Tag-urile au prefixul twitter: și stau în secțiunea <head> a paginii. Ele stabilesc tipul cardului, titlul, descrierea, imaginea și conturile asociate.
Cele două tipuri de card
Alegerea tipului schimbă complet aspectul:
| Tip | Aspect | Când îl folosești |
|---|---|---|
summary_large_image | Imagine mare, lată, deasupra textului | Articole, conținut vizual (cel mai popular) |
summary | Miniatură mică, pătrată, lângă text | Conținut fără imagine dominantă |
Pentru majoritatea site-urilor, summary_large_image dă cel mai bun rezultat.
Tag-urile cardului
Un card complet folosește următoarele tag-uri:
- twitter:card – tipul cardului (
summarysausummary_large_image). - twitter:title – titlul cardului.
- twitter:description – descrierea scurtă.
- twitter:image – imaginea cardului (URL absolut).
- twitter:site – contul X al site-ului (
@site). - twitter:creator – contul X al autorului (
@autor).
Generatorul adaugă automat semnul @ la conturi dacă îl uiți.
Imaginea potrivită
Pentru cardul cu imagine mare, folosește o imagine de 1200 × 628 px, raport 2:1, sub 5 MB. Dacă pui text pe imagine, verifică să rămână lizibil la dimensiune redusă, fiindcă în feed cardul apare mai mic decât originalul.
Twitter Card și Open Graph lucrează împreună
X caută mai întâi tag-urile twitter:, dar dacă lipsesc, folosește tag-urile Open Graph ca rezervă. De aceea:
- Dacă ai deja Open Graph, cardul funcționează și pe X, dar fără control fin.
- Adăugând și twitter:, alegi exact tipul de card și atribui conținutul unui autor.
Recomandarea practică este să folosești ambele. Tag-urile Open Graph le poți crea cu generatorul Open Graph.
Cum se folosește generatorul
- Alege tipul cardului – de obicei
summary_large_image. - Scrie titlul și descrierea care apar pe card.
- Adaugă URL-ul imaginii și urmărește previzualizarea live.
- Completează conturile
@siteși@autor, dacă vrei atribuire. - Copiază blocul
twitter:și lipește-l în secțiunea<head>.
Greșeli frecvente
- Tip greșit de card.
summarycu o imagine gândită pentru card mare arată înghesuit. - Imagine inaccesibilă. URL-ul imaginii trebuie să fie absolut, public și pe HTTPS.
- Text prea lung. Titlul se trunchiază la o singură linie pe card.
- Cont fără @. Deși instrumentul corectează, verifică forma finală înainte de publicare.
Confidențialitate: totul rămâne local
Asamblarea cardului și previzualizarea rulează în browserul tău, prin JavaScript. Nimic din ce completezi nu ajunge pe vreun server – poți pregăti în siguranță și cardurile unei campanii încă nepublicate.
Instrumente înrudite
- Generator Open Graph — carduri de partajare pentru Facebook și LinkedIn
- Generator Meta Tag — title, description, canonical și robots pentru
- Generator Schema FAQ — date structurate JSON-LD pentru întrebări frecvente
- Verificare title și meta description — lungime în caractere și pixeli cu previzualizare SERP