Pe scurt: pentru a verifica Open Graph online, lipiți adresa paginii în depanatorul gratuit Open Graph PromoPilot. Acesta va citi toate etichetele og:* și Twitter Card, va verifica prezența și dimensiunea imaginii, va evalua caracterul complet al markup-ului și va afișa previzualizări ale linkurilor pentru Facebook, X (Twitter) și LinkedIn - plus recomandări despre ce să adăugați. Nu este necesară înregistrarea. Mai jos veți găsi etichetele necesare, dimensiunea og:image necesară și cum să actualizați o previzualizare „blocată”.
Creez site-uri web de 12 ani și aud mai des de la clienți întrebarea „De ce nu are linkul Telegram o imagine?” decât întrebări despre clasamente. De obicei, este o treabă de cinci minute - dacă știi unde să cauți.
Ce verifică Open Graph Debugger?
Când inserezi un link într-o postare sau un mesaj, platforma merge la pagină și caută etichete Open Graph. Dacă găsește una, atrage o carte elegantă. Dacă nu, preia orice găsește sau afișează o adresă URL simplă. Instrumentul verifică doar ce vor citi rețelele sociale.
| Ce verifică? | La ce se uită? | De ce are nevoie afacerile de asta? |
|---|---|---|
| Toate etichetele og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Din acestea, site-urile colectează titlul, descrierea și imaginea cardului. |
| Card Twitter | twitter:card, twitter:titlu, twitter:descriere, twitter:imagine | X (Twitter) își citește etichetele și, dacă acestea lipsesc, le citește parțial. |
| Imagine originală | Există o poză și ce dimensiune are? | Imaginea mică transformă cardul într-o pictogramă minusculă pe lateral |
| Evaluarea completitudinii | Câte etichete recomandate sunt completate? | Referință rapidă: este totul la locul lui? |
| Previzualizări de rețea | carduri pentru Facebook, X și LinkedIn | Poți vedea cum va arăta postarea înainte de publicare. |
| Recomandări | Ce ar trebui să adaug sau să corectez? | O listă de sarcini gata făcută pentru un dezvoltator sau pentru tine |
Cum se verifică paginile Open Graph online?
- Deschideți Depanatorul de grafice.
- Introduceți adresa URL a paginii pe care doriți să o partajați: un articol, un produs sau o pagină de destinație publicitară. Faceți clic pe „Verificați”.
- Parcurgeți lista de etichete: care sunt setate, care sunt goale și dacă există o adresă externă sau de test în og:url.
- Verificați previzualizarea pentru fiecare rețea: dacă titlul este tăiat, dacă imaginea este vizibilă și dacă există text important pe margini.
- Vă rugăm să adăugați etichetele lipsă conform recomandărilor și să verificați din nou pagina.
Pagina de instrumente: câmp de adresă, buton „Verificare”, listă de verificări și Întrebări frecvente.
Instrumentul este ușor de utilizat: o limită zilnică este suficientă pentru ca un vizitator să verifice toate șabloanele site-ului - pagina principală, categoria, produsul și articolul. După înregistrarea gratuită, limita se triplează.
Care sunt cele mai frecvente erori în Open Graph?
Iată ce găsesc pe aproape orice alt site și în ce ordine trebuie remediat.
- Nu există og:image sau este specificată ca URL relativ. Rețelele sociale nu vor înțelege
content="/img/cover.jpg"— este obligatoriu URL-ul complet care începe cuhttps://. Fără o imagine, acoperirea postării scade semnificativ. - Imaginea este prea mică. Sigla de 200x200 transformă cardul într-un pătrat mic pe lateral. Este necesară o imagine de 1200x630.
- O singură imagine og: pentru întregul site. Fiecare articol și fiecare produs de pe rețelele sociale ar trebui să arate la fel - cu logo-ul inclus. Pentru blog și catalog, imaginea ar trebui preluată din fotografia principală a paginii.
- og:url duce la o altă adresă — pagina principală, un domeniu de testare sau versiunea
http://. Platforma poate consolida toate linkurile într-o singură pagină. - Nu există twitter:card. Fără el, X afișează adesea un card mic. Pentru o imagine mai mare, ai nevoie
summary_large_image. - og:title duplică titlul cu „cumpără” și marca. Într-un flux de socializare, acesta arată ca o reclamă; un titlu plin de viață, cum ar fi cel al unei postări, este mai potrivit.
Setul minim corect arată astfel:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Cum se pregătește o imagine pentru og:image?
Imaginea este partea cea mai vizibilă a cărții de vizită și este locul unde oamenii fac adesea economie. Iată câteva reguli pe care le urmez:
- Dimensiunea este de 1200×630, iar orientarea este orizontală. Rețeaua socială va decupa partea de sus și de jos a unei fotografii pătrate a produsului, ceea ce poate duce la lipsa capului sau a tălpii.
- Important este în centru. Diferite platforme decupează marginile diferit, iar în fluxul mobil, cardul este și mai mic. Păstrați textul mare și departe de margini.
- Text minim. Titlul este deja sub imagine; 3-6 cuvinte sau nicio legendă sunt suficiente pentru imaginea în sine.
- Fișier ușor de utilizat. Un JPG sau PNG de dimensiuni rezonabile se va încărca rapid, iar platforma nu va avea timp de așteptare.
- O imagine dedicată pentru fiecare pagină cheie. Pentru articole și produse, este convenabil să creați una automat: o copertă a articolului sau fotografia principală a produsului.
Un test bun este să deschizi previzualizarea în depanatorul de pe telefon. Dacă linkul nu este clar fără a mări imaginea, aceasta trebuie prelucrată din nou.
Cum actualizez o previzualizare veche după o remediere?
Un scenariu comun: ați corectat etichetele, dar rețeaua socială se încăpățânează să afișeze imaginea veche. Motivul este memoria cache: platforma a ținut minte previzualizarea de la prima partajare. Pe Facebook recolectarea datelor în Sharing Debugger ajută, pe LinkedIn, cu Post Inspector, iar pe Telegram, cu botul @WebpageBot, căruia îi trimiteți linkul. Dacă toate celelalte metode eșuează, adăugați un parametru inofensiv la adresă, cum ar fi ?v=2: pentru platformă, acesta este un link nou.
Comparație: Depanator Open Graph și alternative
| Instrument | Ce este gratuit? | Restricții | Pentru cine este potrivit? |
|---|---|---|---|
| PromoPilot - Depanator grafic deschis | Toate etichetele og și Twitter, og: dimensiunea imaginii, previzualizări pentru Facebook, X și LinkedIn, recomandări | Nu șterge memoria cache a rețelelor sociale | Verifică-ți pagina imediat înainte de a o publica pe orice rețele de socializare |
| Depanator de partajare (Meta) | Previzualizare Facebook și recolectare de date | Numai Facebook, este necesară conectarea la cont | Resetează previzualizarea veche pe Facebook |
| Inspector de postări LinkedIn | Previzualizare LinkedIn și reîmprospătare cache | Numai LinkedIn, este necesară autentificarea | Pentru cei care își promovează activitatea pe LinkedIn |
| @WebpageBot pe Telegram | Actualizarea previzualizării linkului în Telegram | Doar Telegram, nu analizează etichetele | Pentru proprietarii de canale Telegram |
Concluzie: sunt necesare depanatoare oficiale ale platformei pentru a goli memoria cache, dar fiecare platformă afișează doar propria rețea. Pentru a vedea toate previzualizările și o listă de etichete lipsă dintr-o dată, un depanator universal este mai convenabil.
Apropo, PromoPilot are 87 de instrumente SEO gratuite. Dacă nu ați scris încă tag-uri, avem un articol în seria noastră despre un generator de meta tag-uri care va crea un bloc Open Graph cu o previzualizare.
Prin ce diferă Open Graph Debugger de analiza metaetichetelor?
Analiza metaetichetelor privește o pagină prin ochii unui motor de căutare: titlul, descrierea, codul canonic, hreflang și Open Graph sunt doar un grup. Depanatorul se concentrează pe rețelele sociale: creează carduri pentru diferite platforme, verifică dimensiunea imaginilor și face recomandări bazate în mod specific pe previzualizări. Dacă linkurile către site-ul dvs. sunt distribuite activ pe rețelele sociale și în aplicațiile de mesagerie, depanatorul este mai util.
Ambele au o limitare: citesc codul HTML returnat de server. Dacă etichetele sunt inserate de un script de browser, multe rețele sociale nu le vor vedea - acest lucru trebuie remediat de către site-ul web. Un alt detaliu: depanatorul verifică etichetele, dar nu și partajarea în sine. Dacă pagina este protejată prin parolă, geoblocată sau protejată de roboți, este posibil ca rețeaua socială să nu o poată accesa chiar dacă toate etichetele sunt prezente.
Când nu este suficient un instrument gratuit?
Un depanator va arăta că pagina nu are og:image. Dar dacă există mii de pagini, inserarea manuală a imaginilor nu este posibilă. Este nevoie de un specialist atunci când:
- fiecare produs sau articol ar trebui să aibă propria imagine de previzualizare, colectată automat;
- site-ul returnează etichete folosind un script, iar rețelele sociale nu le văd;
- Lansați reclame și materiale de e-mail în care fiecare previzualizare afectează costul pe clic;
- Avem nevoie de o combinație de „site web + canal Telegram + publicare automată” cu cardurile potrivite.
Ce pot face pentru site-ul dvs. web?
Sunt Valeriy Danyuk, dezvoltator și specialist SEO cu 12 ani de experiență și peste 200 de clienți. O previzualizare frumoasă a linkurilor este disponibilă gratuit și o personalizez pentru fiecare proiect.
SEO și promovare
- Audit SEO site web la cheie: Verific toate etichetele șablonului, configurez previzualizarea automată a imaginilor și corectez codul.
Site-uri web și magazine online
- Transferul magazinului dvs. de pe Instagram pe site-ul dvs. web — produse cu previzualizări adecvate pentru partajare ușoară.
- O pagină de destinație pentru un produs nou creată într-o singură seară – un studiu de caz NordHarvest cu un card gata făcut pentru rețelele sociale.
- Un site web pentru o clinică de chirurgie plastică cu inteligență artificială și aplicații prin Telegram.
- Site web pe 1001site: previzualizările pentru rețelele sociale și publicarea automată în Telegram sunt configurate automat.
Bots și automatizare
- Bot Telegram cu inteligență artificială pentru un magazin online de sosuri.
- QuestFlow este un constructor SaaS Telegram cu inteligență artificială.
- Agenți de comerț electronic în loc de chatboți.
Trimite-mi un link care arată prost într-un Messenger pe Telegram și îți voi spune ce tag lipsește.
Rezultat
- Un verificator Open Graph online arată cum arată un link pe Facebook, X și LinkedIn și ce etichete lipsesc.
- Minimul necesar este og:title, og:type, og:image (1200×630, adresa completă) și og:url, plus twitter:card.
- După remediere, resetați memoria cache a site-urilor: Sharing Debugger, Post Inspector, @WebpageBot.
- Pentru catalog și blog, imaginile de previzualizare ar trebui colectate automat, la fel ca pe 1001site.
Verifică pagina pe care urmează să o distribui în instrumentul gratuit Open Graph Debugger înainte ca urmăritorii tăi să vadă postarea.
Surse
- Pagina instrumentului Open Graph Debugger din PromoPilot — listă de verificări și întrebări frecvente.
- Open Graph Protocol (ogp.me) - proprietăți obligatorii și opționale.
- Instrumentele oficiale ale platformelor sunt Sharing Debugger și LinkedIn Post Inspector de la Meta.
