Kratek odgovor: če želite preveriti Open Graph na spletu, prilepite naslov strani v brezplačni program za odpravljanje napak Open Graph PromoPilot. Prebral bo vse oznake og:* in Twitter Card, preveril prisotnost in velikost slike, ocenil popolnost označevanja in prikazal predoglede povezav za Facebook, X (Twitter) in LinkedIn – ter priporočila za dodajanje. Registracija ni potrebna. Spodaj boste našli zahtevane oznake, zahtevano velikost og:image in kako posodobiti»zataknjen« predogled.
Spletne strani izdelujem že 12 let in od strank pogosteje slišim vprašanje "Zakaj povezava Telegram nima slike?" kot vprašanja o uvrstitvah. Običajno je to delo v petih minutah – če veš, kje iskati.
Kaj preverja Open Graph Debugger?
Ko v objavo ali sporočilo vstavite povezavo, platforma odpre stran in poišče oznake Open Graph. Če jo najde, izvleče lepo kartico. Če je ne najde, vzame, kar najde, ali prikaže goli URL. Orodje preveri le, kaj bodo prebrala družbena omrežja.
| Kaj preverja? | Kaj gleda? | Zakaj podjetje to potrebuje? |
|---|---|---|
| Vse oznake og:* | og:naslov, og:opis, og:slika, og:url, og:vrsta, og:ime_mesta, og:lokacija | Iz teh podatkov spletna mesta zbirajo naslov, opis in sliko kartice. |
| Twitter kartica | twitter:kartica, twitter:naslov, twitter:opis, twitter:slika | X (Twitter) prebere svoje oznake in če jih ni, jih delno og |
| Slika OG | Ali obstaja slika in kakšne je velikosti? | Majhna slika spremeni kartico v majhno ikono ob strani |
| Ocena popolnosti | Koliko priporočenih oznak je izpolnjenih? | Hiter pregled: ali je vse na svojem mestu? |
| Predogledi omrežja | kartice za Facebook, X in LinkedIn | Pred objavo si lahko ogledate, kako bo objava videti. |
| Priporočila | Kaj naj dodam ali popravim? | Pripravljen seznam nalog za razvijalca ali za vas |
Kako preveriti strani Open Graph na spletu?
- Odpri razhroščevalnik grafov.
- Vnesite URL strani, ki jo želite deliti: članek, izdelek ali ciljna stran oglasa. Kliknite»Preveri«.
- Preglejte seznam oznak: katere so nastavljene, katere so prazne in ali je v og:url tuji ali testni naslov.
- Preverite predogled za vsako omrežje: ali je naslov odrezan, ali je slika vidna in ali je ob robovih kakšno pomembno besedilo.
- Prosimo, dodajte manjkajoče oznake, kot je priporočeno, in ponovno preverite stran.
Stran z orodji: polje za naslov, gumb»Preveri«, seznam preverjanj in pogosta vprašanja.
Orodje je lahko: dnevna omejitev je dovolj, da gost preveri vse predloge spletnega mesta – domačo stran, kategorijo, izdelek in članek. Po brezplačni registraciji se omejitev potroji.
Katere so najpogostejše napake v Open Graphu?
Tukaj je tisto, kar najdem na skoraj vseh drugih spletnih mestih, in v kakšnem vrstnem redu je treba to popraviti.
- Ni atributa og:image ali pa je podan kot relativni URL. Družbena omrežja ne bodo razumela
content="/img/cover.jpg"– potreben je celoten URL, ki se začne shttps://. Brez slike se doseg objave znatno zmanjša. - Slika je premajhna. Logotip velikosti 200 x 200 spremeni kartico v majhen kvadrat ob strani. Potrebna je slika velikosti 1200 x 630.
- Ena og:image za celotno spletno mesto. Vsak članek in vsak izdelek na družbenih omrežjih mora biti videti enako – z logotipom. Za blog in katalog mora biti slika vzeta z glavne fotografije strani.
- og:url vodi na drug naslov – domačo stran, testno domeno ali različico
http://. Platforma lahko združi vse povezave na eno samo stran. - Ni twitter:card. Brez njega X pogosto prikaže majhno kartico. Za večjo sliko potrebujete
summary_large_image. - og:title podvoji naslov z besedo»kupi« in blagovno znamko. V viru družbenih medijev je to videti kot oglas; živahen naslov, na primer za objavo, je boljši.
Minimalni pravilni nabor izgleda takole:
<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">Kako pripraviti sliko za og:image?
Slika je najbolj opazen del kartice in prav tam ljudje pogosto varčujejo. Tukaj je nekaj pravil, ki jih upoštevam:
- Velikost je 1200 × 630, orientacija pa je vodoravna. Družbeno omrežje bo obrezalo zgornji in spodnji del kvadratne fotografije izdelka, zaradi česar lahko izdelku manjka glava ali podplat.
- Pomembno je, da je na sredini. Različne platforme obrezujejo robove različno, v mobilnem viru pa je kartica še manjša. Besedilo naj bo veliko in stran od robov.
- Minimalno besedilo. Naslov je že pod sliko; na sami sliki zadostujejo 3–6 besed ali pa noben napis.
- Lahka datoteka. JPG ali PNG razumne velikosti se bo naložila hitro in platforma ne bo imela časovne omejitve.
- Za vsako ključno stran posebna slika. Za članke in izdelke je priročno, da se ustvari samodejno: naslovnica članka ali glavna fotografija izdelka.
Dober preizkus je, da odprete predogled v razhroščevalniku na telefonu. Če povezava ni jasna brez povečave, je treba sliko predelati.
Kako posodobim star predogled po popravku?
Pogost scenarij: popravili ste oznake, vendar družbeno omrežje trmasto prikazuje staro sliko. Razlog je predpomnilnik: platforma si je zapomnila predogled iz prve delitve. Na Facebook pomaga ponovno zbiranje podatkov v Sharing Debuggerju, na LinkedInu s Post Inspectorjem in na Telegram z botom @WebpageBot, ki mu pošljete povezavo. Če vse drugo odpove, naslovu dodajte neškodljiv parameter, na primer ?v=2: za platformo je to nova povezava.
Primerjava: Open Graph Debugger in alternative
| Orodje | Kaj je brezplačno? | Omejitve | Za koga je primerno? |
|---|---|---|---|
| PromoPilot - Odprti grafični razhroščevalnik | Vse oznake og in Twitter, velikost slike og:, predogledi za Facebook, X in LinkedIn, priporočila | Ne počisti predpomnilnika družbenih omrežij | Preden objavite svojo stran na katerem koli družbenem omrežju, jo takoj preverite |
| Deljenje razhroščevalnika (meta) | Predogled Facebook in ponovno zbiranje podatkov | Samo Facebook, potrebna je prijava v račun | Ponastavi stari predogled na Facebook |
| Inšpektor objav na LinkedInu | Predogled LinkedIna in osvežitev predpomnilnika | Samo za LinkedIn, potrebna je prijava | Za tiste, ki promovirajo na LinkedInu |
| @WebpageBot na Telegram | Posodobitev predogleda povezave v Telegram | Samo Telegram, ne razčlenjuje oznak | Za lastnike Telegram kanalov |
Zaključek: za brisanje predpomnilnika so potrebni uradni razhroščevalniki platforme, vendar vsaka platforma prikazuje samo svoje omrežje. Za ogled vseh predogledov in seznama manjkajočih oznak naenkrat je univerzalni razhroščevalnik bolj priročen.
Mimogrede, PromoPilot ima 87 brezplačnih orodij za SEO. Če še niste pisali oznak, imamo v naši seriji članek o generatorju meta oznak, ki bo ustvaril blok Open Graph s predogledom.
Kakšna je razlika med programom za odpravljanje napak Open Graph in analizo meta oznak?
Analiza metaoznak obravnava stran skozi oči iskalnika: naslov, opis, kanonično, hreflang in Open Graph so le ena skupina. Razhroščevalnik se osredotoča na družbene medije: ustvarja kartice za različne platforme, preverja velikost slik in daje priporočila posebej na podlagi predogledov. Če se povezave do vašega spletnega mesta aktivno delijo na družbenih medijih in v aplikacijah za sporočanje, je razhroščevalnik bolj uporaben.
Oba imata eno omejitev: bereta HTML, ki ga vrne strežnik. Če oznake vstavi skript brskalnika, jih mnoga družbena omrežja ne bodo videla – to je treba popraviti na strani spletnega mesta. Še ena podrobnost: program za odpravljanje napak preveri oznake, ne pa same delitve. Če je stran zaščitena z geslom, geografsko blokirana ali zaščitena pred boti, družbeno omrežje morda ne bo moglo dostopati do nje, tudi če so prisotne vse oznake.
Kdaj brezplačno orodje ni dovolj?
Razhroščevalnik bo pokazal, da stran nima og:image. Če pa je strani na tisoče, ročno vstavljanje slik ni mogoče. Strokovnjak je potreben, kadar:
- vsak izdelek ali članek mora imeti svojo predogledno sliko, ki se zbere samodejno;
- spletno mesto vrne oznake s pomočjo skripta, družbena omrežja pa jih ne vidijo;
- Zaženete oglase in pošiljate e-pošto, kjer vsak predogled vpliva na ceno na klik;
- Potrebujemo kombinacijo "spletne strani + Telegram kanala + samodejnega objavljanja" s pravimi karticami.
Kaj lahko storim za vašo spletno stran?
Sem Valeriy Danyuk, razvijalec in SEO specialist z 12 leti izkušenj in več kot 200 strankami. Predogled čudovitih povezav je brezplačen in ga prilagodim vsakemu projektu.
SEO in promocija
- SEO pregled spletne strani na ključ: Preverim vse oznake predloge, nastavim samodejni predogled slik in popravim kodo.
Spletne strani in spletne trgovine
- Prenos vaše trgovine z Instagram na vašo spletno stran – izdelki z ustreznimi predogledi za enostavno deljenje.
- Ciljna stran za nov izdelek, ustvarjena v enem večeru – študija primera NordHarvest z že pripravljeno vizitko za družbena omrežja.
- Spletna stran klinike za plastično kirurgijo z umetno inteligenco in aplikacijami prek Telegram.
- Spletna stran na 1001site: predogledi za družbena omrežja in samodejno objavljanje v Telegram so konfigurirani samodejno.
Boti in avtomatizacija
- Telegram bot z umetno inteligenco za spletno trgovino z omakami.
- QuestFlow je graditelj SaaS Telegram bote z umetno inteligenco.
- Agenti za e-trgovino namesto klepetalnih robotov.
Pošlji mi povezavo, ki v sporočilniku na Telegram izgleda slabo, in povedal ti bom, katera oznaka manjka.
Rezultat
- Spletni preverjevalnik Open Graph prikazuje, kako je povezava videti na Facebook, Xu in LinkedInu ter katere oznake manjkajo.
- Zahtevano najmanj je og:title, og:type, og:image (1200×630, polni naslov) in og:url ter twitter:card.
- Po odpravi napake ponastavite predpomnilnik spletnih mest: Sharing Debugger, Post Inspector, @WebpageBot.
- Za katalog in blog bi morale biti predogledne slike zbrane samodejno, kot na primer na 1001site.
Preden vaši sledilci vidijo objavo, preverite stran, ki jo boste delili, v brezplačnem orodju Open Graph Debugger.
Viri
- Stran z orodjem PromoPilot Open Graph Debugger – seznam preverjanj in pogosta vprašanja.
- Open Graph Protocol (ogp.me) - obvezne in neobvezne lastnosti.
- Meta-ov odpravljalnik napak pri deljenju in LinkedIn Post Inspector sta uradni orodji platform.
