Generator Open Graph și carduri sociale

Cum folosești generatorul Open Graph

1. Introdu Titlu și Descriere, adică ce vrei să vadă oamenii când linkul tău este distribuit. Pot diferi de titlul tău SEO: scrie-le pentru un flux de rețea socială.
2. Adaugă URL-ul paginii (adresa canonică) și URL-ul imaginii. Ambele trebuie să fie absolute, începând cu https://.
3. Descrie imaginea la Descrierea imaginii (text alternativ), ca persoanele care folosesc cititoare de ecran să știe ce arată.
4. Alege sau trage aceeași poză la Imagine de previzualizare. Rămâne pe dispozitivul tău: instrumentul o folosește doar ca să deseneze previzualizările și să completeze Lățimea imaginii (px) și Înălțimea imaginii (px).
5. Setează Numele site-ului, Tipul conținutului și Limbă și regiune (locale), apoi alege stilul Card X (Twitter) și, dacă le ai, conturile X ale site-ului și ale autorului.
6. Verifică previzualizările și lista Verificări, apoi folosește Copiază sau Descarcă pentru taguri și lipește-le în <head> din pagină.

Totul rulează în browserul tău: adresele și imaginea ta nu sunt trimise către un server.

Ce fac tagurile Open Graph

Când un link este lipit în Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage și multe alte aplicații, un crawler preia pagina și citește meta tagurile ei Open Graph (og:) ca să construiască un card: o imagine, un titlu, o scurtă descriere și domeniul. Fără aceste taguri, aplicația ghicește, alegând adesea un logo, un banner de cookie-uri sau prima propoziție din meniu.

Cele patru proprietăți de bază sunt og:title, og:type, og:image și og:url. Instrumentul adaugă și og:description, og:site_name, og:locale și detaliile imaginii (og:image:width, og:image:height, og:image:alt). Declararea dimensiunii imaginii îi permite unor platforme să afișeze cardul de la prima distribuire, în loc să aștepte descărcarea imaginii.

X citește propriile taguri twitter:, dar revine la titlul, descrierea și imaginea Open Graph când variantele X lipsesc, așa că instrumentul adaugă doar ce are nevoie X cu adevărat: twitter:card, conturile opționale și descrierea imaginii. Astfel se evită duplicarea fiecărei valori. Valoarea implicită pentru og:locale provine din limba paginii (pe pagina în română, ro_RO); o poți schimba.

Dimensiuni de imagine care merg peste tot

Folosește JPEG sau PNG, păstrează fișierul rezonabil de mic (mult sub 5 MB) și evită să pui text important lângă margini, fiindcă fiecare platformă decupează puțin diferit. Previzualizările din acest instrument sunt aproximări ale acestor aspecte, nu capturi de ecran.

După publicare

Platformele sociale rețin în cache previzualizările linkurilor, uneori zile întregi. După ce schimbi tagurile, cere-le să parcurgă din nou pagina cu Facebook Sharing Debugger sau cu LinkedIn Post Inspector. Pagina trebuie să fie accesibilă public: crawlerele nu pot vedea pagini aflate în spatele unei autentificări sau pe localhost.