Dacă dezvolți site-uri și nu setezi Open Graph explicit pe fiecare pagină, link-urile partajate pe Discord, WhatsApp, Facebook sau LinkedIn arată ca spam: titlu generic, imagine lipsă, descriere din cookie banner.
Și nu e vina platformelor. E lipsa a 4 meta tags din <head>.
Cele 4 tag-uri obligatorii
Conform specificației oficiale OGP, orice pagină trebuie să aibă:
<meta property="og:title" content="Titlul conținutului" />
<meta property="og:description" content="Descriere de 155 caractere" />
<meta property="og:image" content="https://domeniu.ro/imagine-1200x630.jpg" />
<meta property="og:url" content="https://domeniu.ro/pagina" />
Fără acestea, crawlerii sociali (facebookexternalhit, Discordbot, WhatsAppBot) ghicesc. Și ghicesc prost: iau primul <title>, prima imagine din DOM (de obicei logo-ul de 50×50px), și text din elementul cel mai mare.
Problemele tehnice pe care nu le aștepți
WebP și og:image nu se înțeleg. Conform testelor darekkay.com, WhatsApp refuză imagini WebP complet, Bluesky le afișează intermitent, iar unele crawlere ignoră fișierele fără header-ul corect Content-type: image/webp. JPEG rămâne cel mai sigur format.
Client-side rendering = pagină goală. Crawlerii sociali NU execută JavaScript. Dacă generezi meta tags prin React/Vue fără SSR, crawlerii văd un <head> gol. Server-Side Rendering nu e opțional; e cerință de bază.
Layout OG moștenit. Dacă folosești Next.js și setezi openGraph în layout.tsx, paginile copil moștenesc acel OG. Trebuie să suprascrii explicit pe fiecare pagină, altfel fiecare rută arată ca homepage-ul când e partajată.
Cache-ul e o capcană
Platformele cache-uiesc preview-urile agresiv: Facebook ~24 ore, LinkedIn și X până la 7 zile, Discord și mai mult. Dacă ai actualizat OG tags dar preview-ul e vechi, adaugă ?v=2 la URL ca să forțezi un re-fetch.
Instrumente de verificare:
- Facebook Sharing Debugger — vezi exact ce citește Meta și forțezi rescrape
- LinkedIn Post Inspector — la fel, pentru LinkedIn
- opengraph.xyz — preview rapid pe toate platformele
Open Graph + Twitter Card
Sunt protocoale diferite, dar Twitter/X citește automat OG tags ca fallback. Singura excepție: twitter:card trebuie setat explicit (ex: summary_large_image). Implementezi OG complet, adaugi o linie pentru Twitter Card, și ai acoperit toate platformele.
Cifrele de impact
- W3Techs: 71% din site-uri au OG implementat.
- Cheeeck.com: 87% le au greșit.
- GenOGImage: OG image optimizat → +40% engagement, +30% CTR, 2,3x redistribuire.
Articolul complet
Am scris un ghid detaliat cu specificații og:image, diferențe OG vs Twitter Card, cele 7 greșeli frecvente pe site-uri românești, și de ce OG contează și pentru AI search:
Citește articolul complet: Open Graph tags, ghid practic
Publicat de FLASH SHIP S.R.L., agenție digitală din Sibiu, România. Construim site-uri vizibile pe Google și pentru AI, din prima zi.
