Rezumat
Instrumentul gratuit de previzualizare Open Graph arată cum va arăta un link când este distribuit pe Facebook, X, LinkedIn și WhatsApp, înainte să îl publici. Scrie titlul, descrierea, adresa imaginii, numele site-ului și adresa paginii, schimbă între cele patru rețele și citește lista de verificare: un titlu de 15 până la 70 de caractere, o descriere de 55 până la 200 de caractere și o imagine de 1200 × 630 de pixeli. Apoi copiază aceste valori în tag-urile og: tale.
Vrei să afli mai mult? Întreabă
O previzualizare Open Graph răspunde la o singură întrebare: ce vor vedea oamenii când cineva lipește linkul tău într-o postare sau într-o conversație? Răspunsul vine din câteva meta tag-uri din head-ul paginii. Protocolul Open Graph, publicat la ogp.me, enumeră patru proprietăți obligatorii pe fiecare pagină: og:title, og:type, og:image și og:url. Când lipsesc, fiecare platformă ghicește, iar ghicitul este adesea imaginea greșită sau o etichetă de meniu drept titlu.
Ce arată instrumentul de previzualizare Open Graph?
Instrumentul desenează câte un card de distribuire pe rând, cu un tab pentru fiecare rețea, și îl actualizează pe măsură ce scrii. Fiecare platformă aranjează aceleași tag-uri diferit, de aceea un card care arată bine pe o rețea poate fi tăiat pe alta.
| Rețea | Ce arată cardul în instrument | La ce să fii atent |
|---|---|---|
| Imagine, domeniu, titlu și descriere | Cardul complet: fiecare câmp contează | |
| X | Imagine cu titlul peste ea, domeniul dedesubt | O imagine slabă ascunde un titlu bun |
| Imagine, titlu și domeniu | Descrierea nu se afișează, deci titlul trebuie să poarte mesajul | |
| Un balon de conversație cu imagine, titlu, descriere și domeniu | Cardul este mic: primele cuvinte din titlu contează cel mai mult |
Sub card, o listă de verificare cu trei rânduri devine verde sau roșie: lungimea titlului, lungimea descrierii și dacă este setată o imagine. Dacă adresa imaginii nu se încarcă, cardul revine la un spațiu gol, exact cum arată un og:image defect într-un flux real.
Cum folosești instrumentul, pas cu pas?
- Completează titlul pe care intenționezi să îl folosești în og:title. Poate fi diferit de tag-ul de titlu al paginii: scrie-l pentru o persoană care derulează un flux, nu pentru un rezultat de căutare.
- Adaugă numele site-ului (og:site_name) și descrierea (og:description).
- Lipește adresa imaginii, adresa absolută a fișierului pe care îl vei pune în og:image, care începe cu https://.
- Introdu adresa paginii: instrumentul extrage domeniul pe care îl afișează fiecare rețea.
- Schimbă tab-urile ca să verifici Facebook, X, LinkedIn și WhatsApp unul după altul, și corectează lista de verificare până când toate cele trei rânduri sunt verzi.
Nimic nu este trimis sau stocat: previzualizarea se desenează în browserul tău, deci poți testa liber pagini nepublicate și imagini în lucru.
Ce tag-uri Open Graph are nevoie o pagină?
Protocolul cere patru, iar alte două fac cardul complet. Și protocolul Open Graph cere ca o pagină cu og:image să specifice og:image:alt, o descriere a ceea ce arată imaginea.
| Tag | Rol | Valoare exemplu |
|---|---|---|
| og:title | Titlul cardului | Instrument gratuit de previzualizare Open Graph |
| og:type | Tipul obiectului: website, article, product… | article |
| og:image | Adresa absolută a imaginii de previzualizare | https://example.com/og/cover.jpg |
| og:url | Adresa canonică a paginii | https://example.com/guide |
| og:description | Una sau două propoziții sub titlu | Vezi cum arată linkurile tale înainte să le distribui. |
| og:site_name | Numele întregului site | Example |
| og:image:alt | O descriere a imaginii pentru cei care nu o pot vedea | Un laptop care afișează un grafic de vânzări |
og:url ar trebui să se potrivească cu URL-ul canonic al paginii, ca distribuirile diferitelor versiuni ale aceleiași adrese să se adune pe un singur obiect. Ca să scrii toate aceste tag-uri deodată, folosește generatorul de meta tag-uri, și citește intrarea noastră din glosar despre meta tag-uri pentru diferența dintre tag-urile SEO și tag-urile sociale.
Ce dimensiune de imagine funcționează pe toate rețelele?
1200 × 630 de pixeli, cu un raport de 1.91:1, funcționează pe rețelele principale. Meta cere imagini de cel puțin 1200 × 630 de pixeli pentru o afișare optimă pe ecrane de înaltă rezoluție și un raport cât mai apropiat de 1.91:1, ca să evite decuparea; LinkedIn cere cel puțin 1200 × 627 de pixeli, cu același raport.
| Platformă | Dimensiune recomandată | Minimum | Dimensiunea maximă a fișierului |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, raport 1.91:1 | 200 × 200 px; 600 × 315 px pentru postările cu linkuri mari | 8 MB |
| LinkedIn (LinkedIn Help) | Raport 1.91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, de cel puțin 1200 px lățime | Peste 300.000 de pixeli în total | Nespecificată |
Păstrează subiectul și orice text în centrul imaginii, deoarece unele machete decupează marginile. Comprimă fișierul înainte de publicare cu compresorul de imagini: un fișier mai ușor este descărcat mai repede de fiecare rețea.
Cât de lungi ar trebui să fie og:title și og:description?
Țintește un titlu de 15 până la 70 de caractere și o descriere de 55 până la 200 de caractere. Acestea sunt intervalele folosite de lista de verificare: sub ele cardul arată gol, peste ele majoritatea machetelor taie textul cu o elipsă, mai ales pe mobil și în balonul mic de WhatsApp.
- Pune cuvintele-cheie primele. Pe LinkedIn descrierea este ascunsă, iar pe X titlul stă peste imagine: începutul titlului trebuie să funcționeze singur.
- Nu copia meta descrierea cuvânt cu cuvânt. Un fragment de căutare răspunde unei interogări; un card de distribuire trebuie să oprească derularea. Schițează fragmentele de căutare cu generatorul de meta descrieri și previzualizarea SERP, apoi adaptează-le pentru rețelele sociale.
- Evită clickbait-ul. Un card care promite mai mult decât oferă pagina aduce vizite care pleacă imediat.
Ajută tag-urile Open Graph la SEO?
Nu ca factor de clasare, dar Google citește unele dintre ele. Google enumeră conținutul og:title printre sursele pe care le folosește pentru a construi linkurile de titlu din rezultatele căutării (Google, linkurile de titlu). Sistemul său pentru numele site-urilor ia în calcul și og:site_name, după datele structurate WebSite (Google, numele site-urilor). Iar pentru Discover, Google recomandă să specifici o imagine mare și reprezentativă, prin marcajul schema.org sau tag-ul og:image, și să eviți imaginile generice, precum un logo.
Efectele indirecte contează și ele. Un card clar câștigă mai multe clicuri când pagina ta este distribuită, iar fiecare distribuire este o șansă de a fi citit, citat și legat. Intrarea noastră din glosar despre semnalele sociale explică ce preia Google și ce nu din activitatea socială.
De ce mai afișează o rețea previzualizarea veche?
Pentru că platformele țin în cache ce citesc prima dată. Meta explică faptul că crawlerul său extrage și salvează în cache metadatele unei adrese la prima distribuire, că imaginile sunt salvate în cache după adresa lor și că schimbarea imaginii nu actualizează previzualizarea distribuirilor vechi. Ca să reîmprospătezi o pagină, trece-o prin Sharing Debugger și dă unei imagini noi un alt nume de fișier, în loc să suprascrii vechiul fișier. LinkedIn oferă aceeași reîmprospătare cu Post Inspector.
Dacă imaginea nu apare niciodată, verifică dacă fișierul este public: LinkedIn notează că un site care blochează crawlerul său, sau o imagine stocată într-un folder protejat, împiedică previzualizarea.
Ce greșeli strică un card de distribuire?
- O adresă relativă a imaginii, precum /img/cover.jpg. Rețelele aduc imaginea din afara site-ului tău și au nevoie de adresa completă https://.
- Niciun og:image. Rețeaua alege orice imagine din pagină, adesea un logo sau o iconiță.
- Două tag-uri og:title sau og:image adăugate în același timp de o temă și de un plugin. Păstrează câte unul din fiecare.
- Aceeași imagine pe fiecare pagină. Un logo la nivel de site face ca fiecare distribuire să arate identic; Google recomandă, de asemenea, să eviți imaginile generice pentru Discover.
- Tag-uri adăugate de JavaScript după încărcare. Crawlerele de distribuire citesc HTML-ul returnat de server; tag-urile injectate mai târziu pot să nu fie văzute niciodată.
Cum se încadrează cardurile de distribuire într-un plan de conținut?
Fiecare articol pe care îl publici va fi distribuit undeva: într-un newsletter, într-o postare LinkedIn, într-o conversație de echipă sau ca răspuns pe un forum. Planificarea cardului odată cu articolul economisește o rundă de corecturi după lansare. Generatorul de articole de blog Sorank scrie articole cu surse și cu o imagine de copertă și le publică pe site-ul tău, iar tabloul de bord GEO și SEO urmărește apoi traficul și menționările pe care le câștigă aceste pagini, în Google și în răspunsurile AI.
Un card bun de distribuire înseamnă o imagine de 1200 × 630 de pixeli, un titlu clar și o descriere onestă, verificate pe fiecare rețea înainte de postare. Previzualizează-l pe al tău acum, apoi vezi planurile Sorank ca să publici conținut gata de distribuit, pe autopilot.
