Kratak odgovor: da biste provjerili Open Graph online, zalijepite adresu stranice u besplatni Open Graph Debugger PromoPilot. Pročitat će sve og:* i Twitter Card oznake, provjeriti prisutnost i veličinu slike, procijeniti potpunost oznaka i prikazati preglede linkova za Facebook, X (Twitter) i LinkedIn - plus preporuke za dodavanje. Nije potrebna registracija. U nastavku ćete pronaći potrebne oznake, potrebnu veličinu og:image i kako ažurirati "zaglavljeni" pregled.
Izrađujem web stranice već 12 godina i češće od klijenata čujem pitanje "Zašto Telegram link nema sliku?" nego pitanja o rangiranju. Obično je to posao od pet minuta - ako znate gdje tražiti.
Šta provjerava Open Graph Debugger?
Kada umetnete link u objavu ili poruku, platforma odlazi na stranicu i traži Open Graph oznake. Ako pronađe jednu, izvlači urednu karticu. Ako je ne pronađe, uzima ono što pronađe ili prikazuje goli URL. Alat provjerava samo ono što će društvene mreže pročitati.
| Šta provjerava? | Šta on gleda? | Zašto je ovo potrebno biznisu? |
|---|---|---|
| Sve oznake og:* | og:naslov, og:opis, og:image, og:url, og:type, og:site_name, og:locale | Iz ovih podataka, stranice prikupljaju naslov, opis i sliku kartice. |
| Twitter kartica | twitter:kartica, twitter:naslov, twitter:opis, twitter:slika | X (Twitter) čita svoje oznake, a ako ih nema, djelomično ih logira. |
| OG slika | Ima li slika i koje je veličine? | Mala slika pretvara karticu u malu ikonu sa strane |
| Procjena potpunosti | Koliko preporučenih oznaka je popunjeno? | Kratka referenca: je li sve na svom mjestu? |
| Pregledi mreže | kartice za Facebook, X i LinkedIn | Možete vidjeti kako će objava izgledati prije objave. |
| Preporuke | Šta trebam dodati ili ispraviti? | Gotova lista zadataka za programera ili za vas |
Kako provjeriti Open Graph stranice online?
- Otvori program za ispravljanje grešaka u grafikonima.
- Unesite URL stranice koju želite podijeliti: članak, proizvod ili oglasna početna stranica. Kliknite na "Provjeri".
- Pregledajte listu oznaka: koje su postavljene, koje su prazne i da li se u og:url nalazi strana ili testna adresa.
- Provjerite pregled za svaku mrežu: je li naslov odsječen, je li slika vidljiva i ima li važnog teksta oko rubova.
- Molimo vas da dodate nedostajuće oznake kako je preporučeno i ponovo provjerite stranicu.
Stranica s alatima: polje za adresu, dugme "Provjeri", lista provjera i često postavljana pitanja.
Alat je lagan: dnevni limit je dovoljan da gost provjeri sve predloške stranice - početnu stranicu, kategoriju, proizvod i članak. Nakon besplatne registracije, limit se utrostručuje.
Koje su najčešće greške u Open Graph-u?
Evo šta nalazim na gotovo svakoj drugoj stranici i kojim redoslijedom to treba popraviti.
- Nema og:image ili je naveden kao relativni URL. Društvene mreže neće razumjeti
content="/img/cover.jpg"- potreban je puni URL koji počinje sahttps://. Bez slike, doseg objave značajno opada. - Slika je premala. Logo veličine 200x200 pretvara karticu u mali kvadrat sa strane. Potrebna je slika veličine 1200x630.
- Jedna og:image za cijelu stranicu. Svaki članak i svaki proizvod na društvenim mrežama trebaju izgledati isto - s logotipom. Za blog i katalog, slika treba biti preuzeta s glavne fotografije stranice.
- og:url vodi na drugu adresu - početnu stranicu, testni domen ili
http://verziju. Platforma može konsolidovati sve linkove na jednu stranicu. - Ne postoji twitter:card. Bez njega, X često prikazuje malu karticu. Za veću sliku, potreban vam je
summary_large_image. - og:title duplicira naslov sa "kupi" i nazivom brenda. U feedu društvenih medija ovo izgleda kao oglas; živahan naslov, kao za objavu, je bolji.
Minimalni ispravan set izgleda ovako:
<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 pripremiti sliku za og:image?
Slika je najuočljiviji dio kartice i to je ono na čemu ljudi često štede. Evo nekoliko pravila kojih se pridržavam:
- Veličina je 1200×630, a orijentacija je horizontalna. Društvena mreža će izrezati gornji i donji dio kvadratne fotografije proizvoda, što može rezultirati time da proizvodu nedostaje glava ili đon.
- Najvažnije je da je u sredini. Različite platforme različito izrezuju rubove, a u mobilnom feedu kartica je još manja. Neka tekst bude velik i dalje od rubova.
- Minimalni tekst. Naslov se već nalazi ispod slike; dovoljno je 3-6 riječi ili bez natpisa na samoj slici.
- Lagana datoteka. JPG ili PNG razumne veličine će se brzo učitati i platforma neće imati vremenski limit.
- Posebna slika za svaku ključnu stranicu. Za članke i proizvode, zgodno je automatski kreirati jednu: naslovnicu članka ili glavnu fotografiju proizvoda.
Dobar test je otvaranje pregleda u debuggeru na vašem telefonu. Ako link nije jasan bez zumiranja, sliku treba preraditi.
Kako da ažuriram stari pregled nakon ispravke?
Uobičajen scenario: popravili ste oznake, ali društvena mreža tvrdoglavo prikazuje staru sliku. Razlog je keš memorija: platforma je zapamtila pregled od prvog dijeljenja. Na Facebook pomaže ponovno prikupljanje podataka u Sharing Debuggeru, na LinkedInu pomoću Post Inspectora, a na Telegram pomoću @WebpageBot bota, kojem šaljete link. Ako sve ostalo ne uspije, dodajte bezopasan parametar adresi, kao što je ?v=2: za platformu, ovo je novi link.
Poređenje: Open Graph Debugger i alternative
| Alat | Šta je besplatno? | Ograničenja | Za koga je pogodno? |
|---|---|---|---|
| PromoPilot - Open Graph Debugger | Sve og i Twitter oznake, og: veličina slike, pregledi za Facebook, X i LinkedIn, preporuke | Ne briše keš memoriju društvenih mreža | Odmah provjerite svoju stranicu prije nego što je objavite na bilo kojoj društvenoj mreži |
| Dijeljenje programa za otklanjanje grešaka (Meta) | Pregled Facebook i ponovno prikupljanje podataka | Samo Facebook, potrebna je prijava na račun | Resetuj stari pregled na Facebook |
| LinkedIn inspektor objava | Pregled i osvježavanje predmemorije na LinkedInu | Samo za LinkedIn, potrebna je prijava | Za one koji se promovišu na LinkedInu |
| @WebpageBot na Telegram | Ažuriranje pregleda linka u Telegram | Samo Telegram, ne parsira tagove | Za vlasnike Telegram kanala |
Zaključak: potrebni su službeni debuggeri platforme za brisanje keša, ali svaka platforma prikazuje samo svoju mrežu. Da biste odjednom vidjeli sve preglede i listu nedostajućih oznaka, univerzalni debugger je praktičniji.
Inače, PromoPilot ima 87 besplatnih SEO alata. Ako još niste pisali tagove, u našoj seriji imamo članak o generatoru meta tagova koji će kreirati Open Graph blok s pregledom.
Po čemu se Open Graph Debugger razlikuje od analize meta oznaka?
Analiza meta oznaka posmatra stranicu očima pretraživača: naslov, opis, canonical, hreflang i Open Graph su samo jedna grupa. Debugger se fokusira na društvene mreže: kreira kartice za različite platforme, provjerava veličinu slika i daje preporuke posebno na osnovu pregleda. Ako se linkovi do vaše stranice aktivno dijele na društvenim mrežama i aplikacijama za razmjenu poruka, debugger je korisniji.
Oba imaju jedno ograničenje: čitaju HTML koji vraća server. Ako oznake umetne skripta preglednika, mnoge društvene mreže ih neće vidjeti - to se mora ispraviti na strani web stranice. Još jedan detalj: debugger provjerava oznake, ali ne i samo dijeljenje. Ako je stranica zaštićena lozinkom, geoblokirana ili zaštićena od botova, društvena mreža možda neće moći pristupiti čak i ako su sve oznake prisutne.
Kada besplatni alat nije dovoljan?
Debugger će pokazati da stranica nema og:image. Ali ako postoje hiljade stranica, ručno umetanje slika nije moguće. Specijalista je potreban kada:
- svaki proizvod ili članak treba imati svoju vlastitu sliku pregleda, koja se automatski prikuplja;
- stranica vraća oznake pomoću skripte, a društvene mreže ih ne vide;
- Pokrećete oglase i slanje pošte gdje svaki pregled utiče na cijenu po kliku;
- Potrebna nam je kombinacija "web stranica + Telegram kanal + automatsko objavljivanje" sa pravim karticama.
Šta mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO specijalista sa 12 godina iskustva i preko 200 klijenata. Prekrasan pregled linkova je besplatan i prilagođavam ga svakom projektu.
SEO i promocija
- SEO revizija web stranice po sistemu "ključ u ruke": Provjeravam sve oznake predložaka, postavljam automatski pregled slika i ispravljam kod.
Web stranice i online trgovine
- Prebacivanje vaše trgovine s Instagram na vašu web stranicu — proizvodi s odgovarajućim pregledima za jednostavno dijeljenje.
- Odredišna stranica za novi proizvod kreirana u jednoj večeri – studija slučaja NordHarvest sa gotovom karticom za društvene mreže.
- Web stranica klinike za plastičnu hirurgiju sa vještačkom inteligencijom i aplikacijama putem Telegram.
- Web stranica na 1001site: pregledi za društvene mreže i automatsko objavljivanje u Telegram se konfigurišu automatski.
Botovi i automatizacija
- Telegram bot sa vještačkom inteligencijom za online prodavnicu sosova.
- QuestFlow je SaaS alat Telegram botova s umjetnom inteligencijom.
- Agenti za e-trgovinu umjesto chatbotova.
Pošalji mi link koji izgleda loše u messengeru na Telegram i reći ću ti koja oznaka nedostaje.
Rezultat
- Online alat za provjeru Open Graph-a prikazuje kako link izgleda na Facebook, X-u i LinkedInu, te koje oznake nedostaju.
- Minimalno potrebni su og:title, og:type, og:image (1200×630, puna adresa) i og:url, plus twitter:card.
- Nakon ispravljanja, resetirajte keš memoriju web-mjesta: Sharing Debugger, Post Inspector, @WebpageBot.
- Za katalog i blog, slike za pregled trebale bi se prikupljati automatski, kao na 1001site.
Provjerite stranicu koju ćete podijeliti u besplatnom Open Graph Debuggeru prije nego što vaši pratioci vide objavu.
Izvori
- Stranica alata PromoPilot za otklanjanje grešaka na Open Graphu — lista provjera i često postavljana pitanja.
- Open Graph Protocol (ogp.me) - obavezna i opcionalna svojstva.
- Meta-in alat za otklanjanje grešaka u dijeljenju i LinkedIn Post Inspector su službeni alati platforme.
