Draftcamp

Previzualizare Open Graph

Vezi cum se afișează un URL când e distribuit și la ce tag revine fiecare platformă

Introdu un URL pentru a vedea cardul său

Preluăm pagina, rezolvăm tagurile așa cum face o platformă și îți arătăm cardul plus ce lipsește.

Ce citește efectiv o platformă

Când un link este lipit în Slack, LinkedIn, X sau iMessage, platforma preia pagina și construiește un card din tagurile meta. Nu rulează JavaScript-ul tău și nu vede CSS-ul - citește doar tagurile din head.

Lanțul de rezervă

Majoritatea platformelor rezolvă în aceeași ordine, iar această previzualizare o urmează:

  • Titlu - twitter:title, apoi og:title, apoi <title>
  • Descriere - twitter:description, apoi og:description, apoi descrierea meta
  • Imagine - twitter:image, apoi og:image, apoi nimic

De aceea, duplicarea fiecărui tag Open Graph ca tag Twitter e de obicei muncă inutilă. Singurul care merită setat separat este twitter:card, pentru că decide între imaginea mare și miniatura mică.

Cele trei cauze principale pentru cardurile defecte

  • Un og:image relativ. Crawler-ul nu are contextul paginii pentru a-l rezolva. URL absolut HTTPS sau nimic.
  • O imagine inaccesibilă. În spatele autentificării, blocată în robots.txt sau servită de un host care refuză user agent-uri necunoscute.
  • Cache agresiv. Ai corectat tagurile, dar cardul vechi persistă zile întregi. Facebook Sharing Debugger și LinkedIn Post Inspector forțează o re-scanare; cache-ul X trebuie doar să expire.

Nu este o funcție SEO

Niciunul dintre aceste taguri nu influențează clasamentul. Ele decid dacă un link pare demn de click când cineva îl distribuie - iar un link care apare ca o cutie gri cu un URL simplu este distribuit și accesat semnificativ mai puțin.

Pentru a scrie tagurile inițial, folosește generator meta tag în schimb.

Întrebări frecvente

De ce linkul meu nu afișează nicio imagine când este distribuit?
Aproape întotdeauna pentru că og:image lipsește, este o cale relativă în loc de un URL absolut HTTPS, sau indică ceva ce platforma nu poate prelua - protejat de autentificare, blocat de robots.txt sau prea mare. Crawler-ul care preia cardul nu are contextul paginii, deci căile relative nu se pot rezolva.
Ce dimensiune de imagine ar trebui să folosesc?
1200 pe 630 pixeli, sub aproximativ 5MB. Platformele taie diferit, așa că ține textul și fețele departe de margini. Sub 600 pe 315 majoritatea platformelor trec la miniatura pătrată mică indiferent de setarea twitter:card.
Am actualizat tagurile, dar cardul vechi încă apare.
Platformele cache-uiesc agresiv, adesea zile întregi. Folosește Facebook Sharing Debugger și LinkedIn Post Inspector pentru a forța o re-scanare. X nu are echivalent public, deci cache-ul său expiră singur.
Am nevoie de taguri twitter: dacă am Open Graph?
De cele mai multe ori nu - X revine la Open Graph pentru titlu, descriere și imagine. Excepția este twitter:card, care decide între imaginea mare și miniatura mică. Acesta schimbă cardul semnificativ și merită setat explicit.
Afectează ceva din toate astea SEO-ul?
Nu direct. Tagurile Open Graph nu sunt factori de clasare. Ele influențează dacă un link distribuit pare demn de click, ceea ce afectează traficul și semnalele secundare care vin de acolo - iar un link care apare ca o cutie gri goală în Slack pur și simplu este distribuit mai puțin.