De ce link-ul către site-ul tău arată urât pe WhatsApp sau Facebook (și cum repari imaginea OG)
Ai trimis link-ul și a apărut fără poză sau cu textul greșit? Iată de ce se întâmplă și cum repari preview-ul în câțiva pași.
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.
Întrebări frecvente
Am reparat poza dar pe WhatsApp tot nu apare. De ce?+
Aproape sigur e cache-ul. WhatsApp foloseste datele salvate de Facebook, iar acestea raman vechi pana le fortezi. Intra pe Facebook Sharing Debugger, lipeste link-ul, apasa "Scrape Again", apoi retrimite link-ul pe WhatsApp. Daca tot nu merge pe loc, adauga `?v=2` la finalul adresei.
Ce dimensiune trebuie sa aiba poza pentru preview?+
Ideal 1200x630 px, raport 1.91:1 — asa arata bine peste tot. Minimul acceptat de Facebook e 200x200 px, dar sub 1200 px poate iesi neclara. Tine fisierul usor, sub cateva sute de KB, pentru ca WhatsApp uneori renunta la poze foarte grele.
Pot pune o poza diferita pentru fiecare pagina?+
Da, si asa e ideal. Fiecare pagina isi poate avea propria eticheta `og:image` si propriul titlu. Pagina de servicii poate arata alta poza decat cea de contact. Pe WordPress se seteaza per pagina din pluginul de SEO.
De ce apare adresa site-ului scrisa in loc de titlu?+
Inseamna ca lipseste `og:title` (si probabil si celelalte etichete OG). Aplicatia nu gaseste un titlu clar, asa ca afiseaza ce are la indemana — adesea chiar URL-ul. Adaugarea etichetelor OG rezolva instant.
Se strica preview-ul daca imi mut site-ul sau schimb poza?+
Se poate schimba, da. Daca redenumesti sau muti fisierul imaginii, vechea adresa `og:image` nu mai duce nicaieri si preview-ul ramane gol. Dupa orice schimbare de acest fel, ruleaza din nou Sharing Debugger si da Scrape Again.
7 greșeli care îți alungă clienții de pe site
Lasă-ți emailul și primești ghidul pe loc, aici. Fără spam.
Vrei să vezi cum ar arăta site-ul firmei tale?
Scrie-ne pe WhatsApp și îți pregătim gratuit un site demonstrativ, cu numele firmei tale pe el. Îl vezi întâi și abia apoi decizi — fără nicio obligație.