Ai partajat vreodată un link și a arătat ca o eroare?
Fă un test simplu chiar acum. Ia link-ul site-ului tău și trimite-l pe Discord, pe WhatsApp, sau lipește-l într-o postare pe Facebook. Uită-te ce apare.
Dacă ești ca majoritatea site-urilor: apare o imagine lipsă (sau o poză din footer), un titlu generic de genul „Home" sau „Bine ați venit", și o descriere trasă din prima bucată de text pe care o găsește platforma. Poate din cookie banner. Poate din copyright.
Asta nu e un bug. E absența Open Graph tags. Și arată exact la fel de profesionist pe cât sună: adică deloc.
Acest articol explică ce sunt Open Graph tags, de ce contează (cu date reale), cum le implementezi corect, și ce greșeli fac majoritatea site-urilor românești. Dacă ai un site și partajezi vreodată link-uri pe orice platformă socială sau de mesagerie, citește mai departe.
Ce sunt Open Graph tags (fără jargon)
Open Graph e un protocol creat de Facebook în 2010. Ideea e simplă: când partajezi un link pe o platformă socială, platforma trimite un robot (crawler) care „citește" pagina ta. Dar robotul nu vede pagina ca un om; caută niște instrucțiuni specifice în codul HTML care îi spun ce titlu, ce descriere și ce imagine să afișeze.
Aceste instrucțiuni sunt Open Graph tags. Sunt meta tag-uri plasate în secțiunea <head> a paginii, invizibile pentru vizitatori, dar esențiale pentru platforme.
Cele 4 tag-uri obligatorii conform specificației oficiale OGP:
- 1og:title — titlul conținutului (ce apare bold în preview)
- 2og:type — tipul conținutului:
website,article,product - 3og:image — imaginea care apare în card (cel mai important vizual)
- 4og:url — URL-ul canonic al paginii
Plus 3 opționale dar foarte recomandate: og:description (scurtă descriere), og:site_name (numele site-ului) și og:locale (limba: ro_RO pentru română).
Ce se întâmplă fără Open Graph: datele reale
Când un site nu are Open Graph tags (sau le are greșite), platforma pe care partajezi link-ul face ce poate: extrage aleatoriu un titlu, caută o imagine la nimereală, sau nu afișează nimic. Rezultatul: un card gol, generic sau broken.
Traducerea cifrelor: 71% din site-uri au Open Graph tags implementate la nivel tehnic. Dar 87% le au lipsă sau greșite. Adică: multe site-uri au tag-uri, dar sunt incomplete, cu valori generice sau cu imagini broken.
Impactul? Conform GenOGImage, un Open Graph image optimizat crește engagement-ul cu până la 40% și CTR-ul cu până la 30%. Iar conținutul cu OG tags corecte e de 2,3 ori mai probabil să fie redistribuit.
og:image — cel mai important tag pe care îl ignori
Dacă ar trebui să optimizezi un singur Open Graph tag, acesta e og:image. Imaginea e elementul dominant din orice link preview. E ceea ce atrage atenția în feed-ul de social media sau în conversația de chat.
Specificațiile corecte, valabile în 2026:
- Dimensiune: 1200 × 630 pixeli (ratio 1.91:1) — standard universal
- Format: JPEG pentru fotografii; PNG pentru grafice cu text. Evită WebP pentru og:image
- Mărime fișier: sub 1 MB general, sub 300 KB pentru WhatsApp
- URL: absolut și HTTPS (
https://domeniu.ro/imagine.jpg), nu relativ - Safe zone: conținutul important în centrul 80% al imaginii (unele platforme taie marginile)
Content-type: image/webp. JPEG rămâne cel mai sigur format în 2026.Un detaliu tehnic important: include și tag-urile og:image:width și og:image:height. Le ajută platformelor să randeze preview-ul fără să descarce efectiv imaginea, ceea ce accelerează afișarea.
Open Graph vs Twitter Card: ai nevoie de ambele?
Open Graph folosește atributul property (ex: property="og:title"). Twitter Card folosește name (ex: name="twitter:title"). Sunt două sisteme diferite, dar cu un detaliu salvator:
twitter:card trebuie setat explicit (ex: summary_large_image) ca să controlezi formatul cardului.Diferențele principale:
Open Graph vs Twitter Card
Open Graph
- ✕Standard universal: Facebook, LinkedIn, Discord, WhatsApp, Slack, Telegram
- ✕Folosește atributul property în meta tags
- ✕Tipuri: website, article, product, video
- ✕Imagine recomandată: 1200×630 (1.91:1)
Twitter Card
- ✓Specific X/Twitter, cu fallback pe Open Graph
- ✓Folosește atributul name în meta tags
- ✓Tipuri: summary, summary_large_image, player, app
- ✓Imagine recomandată: 1200×600 (2:1)
Regula practică: implementează Open Graph complet pe fiecare pagină. Adaugă doar twitter:card setat pe summary_large_image. Twitter va moșteni restul din OG. Două linii de cod în plus, compatibilitate cu toate platformele.
7 greșeli de Open Graph pe care le vedem pe site-urile românești
Am auditat zeci de site-uri din România. Aceleași probleme se repetă:
- 1Zero OG tags — titlul apare ca „Home", imaginea e logo-ul de 50×50px din header, descrierea e din cookie banner
- 2og:image cu URL relativ —
/img/preview.jpgîn loc de URL complet. Crawlerii nu pot rezolva path-uri relative; rezultat: imagine lipsă - 3Aceeași imagine pe toate paginile — homepage-ul are OG, dar paginile interioare și articolele de blog moștenesc OG-ul global. Exact problema pe care am rezolvat-o noi recent
- 4og:image în WebP — funcționează pe Facebook, dar WhatsApp și alte platforme o ignoră sau afișează un card gol
- 5og:description identic cu meta description — nu e greșit tehnic, dar e o oportunitate pierdută. og:description poate fi mai conversațional, adaptat la social media
- 6Client-side rendering — tag-urile sunt injectate prin JavaScript. Crawlerii sociali nu execută JavaScript; văd o pagină goală
- 7Cache neșters — ai actualizat OG tags, dar platformele afișează versiunea veche. Fiecare platformă cache-uiește agresiv și trebuie forțat un refresh
openGraph hardcodat, paginile copil TREBUIE să-l suprascrie explicit. Altfel, fiecare pagină din site arată ca homepage-ul când e partajată. O greșeală pe care o vedem constant pe site-urile din Sibiu.Cum verifici Open Graph-ul site-ului tău (gratuit, în 2 minute)
Nu trebuie să partajezi efectiv un link ca să verifici cum arată. Există instrumente gratuite:
- Facebook Sharing Debugger — instrumentul oficial Meta. Bagi URL-ul, vezi exact ce OG tags citește, și poți forța un rescrape
- LinkedIn Post Inspector — același lucru, dar pentru LinkedIn
- opengraph.xyz — preview rapid pe toate platformele simultan
?v=2 la URL (ex: domeniu.ro/pagina?v=2) ca să forțezi un re-fetch pe Discord și WhatsApp.Exercițiu practic: ia cele mai importante 5 pagini ale site-ului tău (homepage, servicii, contact, cele mai citite articole de blog) și verifică-le în Facebook Sharing Debugger. Dacă vreuna afișează imaginea homepage-ului sau un titlu generic: ai confirmat problema.
Cum se implementează Open Graph corect (nu doar pe WordPress)
Implementarea depinde de platforma pe care e construit site-ul:
- WordPress: pluginuri ca Yoast SEO sau Rank Math generează automat OG tags. Dar trebuie să verifici manual fiecare pagină importantă; valorile default sunt adesea generice
- Shopify, Wix, Squarespace: au setări native de „social share." Imaginea și textul se configurează din panoul de administrare
- Framework-uri moderne (Next.js, Nuxt, Astro): trebuie setate explicit în metadata fiecărei pagini. OG tags din layout-ul global sunt doar fallback; fiecare pagină trebuie să le suprascrie
- HTML static: se adaugă manual în
<head>. E cea mai directă metodă, dar și cea mai ușor de uitat la pagini noi
Un alt detaliu pe care puțini îl știu: dacă site-ul tău e protejat de un firewall (Cloudflare, Vercel) sau de un GDPR cookie wall care blochează accesul fără consimțământ, crawlerii sociali pot fi blocați complet. Rezultat: link fără preview, ca și cum OG tags n-ar exista.
Open Graph în era AI: de ce contează și mai mult
Open Graph tags nu sunt doar pentru social media. Sunt un semnal de organizare și calitate pe care îl citesc și crawlerii AI.
Am scris detaliat despre cum AI search schimbă regulile. GPTBot, ClaudeBot, PerplexityBot nu execută JavaScript. Citesc HTML-ul raw al paginii. Și Open Graph tags le oferă un sumar structurat al conținutului: titlu, descriere, imagine, tip de conținut.
Un site cu metadata completă (Open Graph + meta title și meta description optimizate + structured data JSON-LD) e „citabil" de AI. Un site fără: e o pagină de text nestructurat pe care AI-ul o ignoră.
Open Graph nu e doar „metadata pentru Facebook." E parte din stratul de comunicare al site-ului tău cu toți roboții: sociali, de căutare și AI. Cine le are complete e vizibil peste tot. Cine nu: lasă fiecare platformă să ghicească.
Cum rezolvăm noi: Open Graph ca parte din sistem, nu fix izolat
Nu setăm OG tags izolat. Fac parte dintr-un sistem integrat de creștere organică unde fiecare element se susține reciproc:
- Fiecare pagină are Open Graph propriu: titlu, descriere, imagine și URL unice. Nu moștenim nimic din layout-ul global
- og:image dedicat per pagină: articolele de blog au imaginea featured; paginile statice au fallback-ul brandului
- Server-Side Rendering nativ: tag-urile sunt în HTML-ul serverului, nu injectate prin JavaScript. Crawlerii le văd instant
- Twitter Card inclus:
twitter:card = summary_large_imagepe fiecare pagină, cu fallback pe OG - Verificare cross-platform: testăm fiecare pagină nouă pe Facebook Debugger, LinkedIn Inspector și Discord înainte de lansare
- Meta title și meta description optimizate separat: OG title poate fi diferit de meta title, adaptat la contextul social
Open Graph e o piesă mică. Dar e piesa pe care o vede toată lumea când partajezi un link. Și de aceea contează să fie corectă.
Vrei să vezi cum arată linkurile tale pe social media?
Îți facem un audit gratuit al Open Graph tags pe cele mai importante pagini ale site-ului tău. Verificăm ce vede Facebook, Discord, LinkedIn, și WhatsApp. Identificăm ce lipsește și ce trebuie corectat. Fără obligații.
Cere auditul gratuit