De ce link-ul catre site-ul tau arata urat pe WhatsApp sau Facebook (si cum repari imaginea OG)
Ai trimis link-ul si a aparut fara poza sau cu textul gresit? Iata de ce se intampla si cum repari preview-ul in cativa pasi.
Trimiti link-ul catre site-ul tau unui client pe WhatsApp, apesi send si... apare un dreptunghi gol, fara poza, cu un titlu ciudat sau cu adresa web scrisa de-a lungul. Prima impresie, ratata. Iar tu nu ai gresit nimic la trimitere: problema e in site.
Preview-ul acela (poza, titlul si descrierea care apar cand dai un link) nu e generat de WhatsApp sau Facebook din senin. Il controlezi tu, prin niste etichete ascunse in codul paginii, numite Open Graph. Cand lipsesc sau sunt puse gresit, aplicatia ghiceste ce poate si de multe ori ghiceste prost. Vestea buna: se repara, si de cele mai multe ori nu e complicat. Hai sa vedem exact de ce se intampla si ce faci.
Ce este de fapt imaginea OG (si de ce o vezi peste tot)
OG vine de la Open Graph, un set de reguli inventat de Facebook si adoptat de aproape toata lumea: WhatsApp, Facebook, LinkedIn, Telegram, Slack, chiar si iMessage. Cand cineva lipeste link-ul tau, aplicatia intra pe pagina si citeste niste etichete speciale din cod:
- `og:title` — titlul care apare in preview
- `og:description` — randul de text de sub titlu
- `og:image` — poza mare
- `og:url` — adresa oficiala a paginii
Daca aceste etichete exista si sunt corecte, primesti un card frumos, cu poza ta, titlul tau si o descriere clara. Daca lipsesc, aplicatia se descurca singura: ia primul titlu gasit, poate o poza mica din pagina, poate niciuna. De aici cardurile goale sau ciudate.
Motivele cele mai frecvente pentru care poza nu apare
In experienta noastra, aproape toate cazurile se reduc la cateva probleme simple:
- Nu exista deloc eticheta `og:image`. Site-ul nu ii spune aplicatiei ce poza sa arate, asa ca nu arata niciuna.
- Poza e prea mica sau are proportii gresite. Facebook cere o imagine de cel putin 200x200 px; ideal e 1200x630 px (raport 1.91:1). Sub minim, o ignora.
- Adresa pozei e relativa, nu completa. Trebuie sa fie o adresa intreaga, care incepe cu `https://`, nu `/img/poza.jpg`. Aplicatia nu e pe site-ul tau, nu stie de unde sa o ia.
- Poza nu e accesibila public — e in spatele unui login, blocata prin robots.txt sau site-ul nu e pe HTTPS.
- Fisierul e prea greu. WhatsApp in special renunta la poze foarte mari; tine imaginea sub cateva sute de KB.
De multe ori e o singura cauza. O gasesti, o repari, gata.
Vinovatul ascuns: cache-ul. De ce ai reparat si tot arata urat
Asta pune pe jar pe multa lume: modifici site-ul, dai iar link-ul si preview-ul e tot cel vechi (sau tot gol). Nu ai gresit — Facebook si WhatsApp salveaza (fac cache) prima versiune pe care au vazut-o, ca sa nu reia pagina la fiecare trimitere. Asa ca vad in continuare varianta veche.
Solutia e sa le fortezi sa reciteasca pagina. Facebook are un instrument gratuit, Sharing Debugger (cauta "Facebook Sharing Debugger"): lipesti link-ul, apesi "Scrape Again" si vezi pe loc ce eticheta OG citeste, ce poza gaseste si ce erori are. WhatsApp foloseste acelasi cache Facebook, deci dupa ce dai Scrape Again acolo, se actualizeaza si pe WhatsApp. Un mic truc de rezerva: adauga `?v=2` la finalul link-ului cand il trimiti, ca aplicatia sa il vada ca pe o adresa noua.
Cum repari, pas cu pas
Daca ai acces la site (sau la persoana care il administreaza), pasii sunt:
1. Pregateste o poza buna — 1200x630 px, cu logo-ul sau un vizual clar, text mare si putin, salvata sub cateva sute de KB.
2. Adauga etichetele OG in `<head>`-ul paginii: `og:title`, `og:description`, `og:image` (cu adresa completa `https://`), `og:url`.
3. Verifica pe HTTPS ca poza se deschide singura, direct in browser, fara login.
4. Ruleaza Facebook Sharing Debugger, apasa Scrape Again si corecteaza ce erori iti arata.
5. Testeaza real — trimite-ti tie link-ul pe WhatsApp.
Pe WordPress, un plugin de SEO (Yoast, Rank Math) iti pune aceste campuri fara cod. Pe un site facut curat, de la zero, se seteaza o singura data si merge peste tot.
Cand nu e ceva ce repari singur
Uneori nu ai unde apasa: site-ul e facut pe o platforma inchisa, nu ai acces la `<head>`, sau pur si simplu nu vrei sa te lupti cu cod si plugin-uri intr-o dupa-amiaza aglomerata. E complet in regula.
Asa lucram noi la MPO Web Studio: construim site-uri unde preview-ul pe WhatsApp si Facebook arata corect din prima, pentru ca il setam cand facem site-ul, nu dupa ce se plange primul client. Livram la distanta, in toata tara, cu preturi transparente, si iti facem un demo gratuit inainte sa platesti ceva — vezi exact cum arata inainte sa te decizi.
Daca vrei doar sa reparam preview-ul unui link care arata prost acum, scrie-ne pe WhatsApp cu adresa paginii. De cele mai multe ori iti spunem cauza in aceeasi 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. Îl vezi întâi — decizi după.