De ce link-ul către site-ul tău arată urât pe WhatsApp sau Facebook (și cum repari imaginea OG)

Trimiți link-ul către site-ul tău unui client pe WhatsApp, apeși send și... apare un dreptunghi gol, fără poza, cu un titlu ciudat sau cu adresa web scrisă de-a lungul. Prima impresie, ratată. Iar tu nu ai greșit nimic la trimitere: problema e în site.

Preview-ul acela (poza, titlul și descrierea care apar când dai un link) nu e generat de WhatsApp sau Facebook din senin. Îl controlezi tu, prin niște etichete ascunse în codul paginii, numite Open Graph. Când lipsesc sau sunt puse greșit, aplicația ghicește ce poate și de multe ori ghicește prost. Vestea bună: se repară, și de cele mai multe ori nu e complicat. Hai să vedem exact de ce se întâmplă și ce faci.

Ce este de fapt imaginea OG (și de ce o vezi peste tot)

OG vine de la Open Graph, un set de reguli inventat de Facebook și adoptat de aproape toată lumea: WhatsApp, Facebook, LinkedIn, Telegram, Slack, chiar și iMessage. Când cineva lipește link-ul tău, aplicația intră pe pagina și citește niște etichete speciale din cod:

• `og:title` — titlul care apare în preview
• `og:description` — rândul de text de sub titlu
• `og:image` — poza mare
• `og:url` — adresa oficială a paginii

Dacă aceste etichete există și sunt corecte, primești un card frumos, cu poza ta, titlul tău și o descriere clară. Dacă lipsesc, aplicația se descurcă singura: ia primul titlu găsit, poate o poza mică din pagina, poate niciuna. De aici cardurile goale sau ciudate.

Motivele cele mai frecvente pentru care poza nu apare

În experienta noastră, aproape toate cazurile se reduc la câteva probleme simple:

• Nu există deloc eticheta `og:image`. Site-ul nu îi spune aplicației ce poza să arate, așa că nu arată niciuna.
• Poza e prea mică sau are proportii greșite. Facebook cere o imagine de cel puțin 200x200 px; ideal e 1200x630 px (raport 1.91:1). Sub minim, o ignoră.
• Adresa pozei e relativa, nu completa. Trebuie să fie o adresa intreaga, care începe cu `https://`, nu `/img/poza.jpg`. Aplicația nu e pe site-ul tău, nu știe de unde să o ia.
• Poza nu e accesibilă public — e în spatele unui login, blocată prin robots.txt sau site-ul nu e pe HTTPS.
• Fișierul e prea greu. WhatsApp în special renunță la poze foarte mari; tine imaginea sub câteva sute de KB.

De multe ori e o singură cauza. O găsești, o repari, gata.

Vinovatul ascuns: cache-ul. De ce ai reparat și tot arata urat

Asta pune pe jar pe multă lume: modifici site-ul, dai iar link-ul și preview-ul e tot cel vechi (sau tot gol). Nu ai greșit — Facebook și WhatsApp salvează (fac cache) prima versiune pe care au văzut-o, ca să nu reia pagina la fiecare trimitere. Așa că vad în continuare varianta veche.

Soluția e să le forțezi să reciteasca pagina. Facebook are un instrument gratuit, Sharing Debugger (caută "Facebook Sharing Debugger"): lipești link-ul, apeși "Scrape Again" și vezi pe loc ce eticheta OG citește, ce poza găsește și ce erori are. WhatsApp folosește același cache Facebook, deci după ce dai Scrape Again acolo, se actualizează și pe WhatsApp. Un mic truc de rezervă: adaugă `?v=2` la finalul link-ului când îl trimiți, ca aplicația să îl vadă ca pe o adresa nouă.

Cum repari, pas cu pas

Dacă ai acces la site (sau la persoana care îl administrează), pașii sunt:

1. Pregătește o poza bună — 1200x630 px, cu logo-ul sau un vizual clar, text mare și puțin, salvată sub câteva sute de KB.

2. Adauga etichetele OG în `<head>`-ul paginii: `og:title`, `og:description`, `og:image` (cu adresa completă `https://`), `og:url`.

3. Verifică pe HTTPS ca poza se deschide singura, direct în browser, fără login.

4. Rulează Facebook Sharing Debugger, apasa Scrape Again și corectează ce erori îți arată.

5. Testează real — trimite-ți ție link-ul pe WhatsApp.

Pe WordPress, un plugin de SEO (Yoast, Rank Math) îți pune aceste câmpuri fără cod. Pe un site făcut curat, de la zero, se setează o singură data și merge peste tot.

Când nu e ceva ce repari singur

Uneori nu ai unde apasă: site-ul e făcut pe o platforma închisă, nu ai acces la `<head>`, sau pur și simplu nu vrei să te lupți cu cod și plugin-uri într-o după-amiaza aglomerată. E complet în regulă.

Așa lucrăm noi la MPO Web Studio: construim site-uri unde preview-ul pe WhatsApp și Facebook arată corect din prima, pentru că îl setăm când facem site-ul, nu după ce se plânge primul client. Livrăm la distanță, în toată țara, cu prețuri transparente, și îți facem un demo gratuit înainte să plătești ceva — vezi exact cum arată înainte să te decizi.

Dacă vrei doar să reparăm preview-ul unui link care arată prost acum, scrie-ne pe WhatsApp cu adresa paginii. De cele mai multe ori îți spunem cauza în aceeași zi.