Kratak odgovor: za provjeru Open Grapha online, zalijepite adresu stranice u besplatni Open Graph Debugger PromoPilot. Pročitat će sve oznake og:* i Twitter Card, provjeriti prisutnost i veličinu slike, procijeniti potpunost označavanja i prikazati preglede poveznica 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.
Što provjerava Open Graph Debugger?
Kada umetnete poveznicu u objavu ili poruku, platforma odlazi na stranicu i traži Open Graph oznake. Ako je pronađe, 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.
| Što provjerava? | Što on gleda? | Zašto je ovo potrebno poslovanju? |
|---|---|---|
| Sve oznake og:* | og:naslov, og:opis, og:slika, og:url, og:tip, og:site_name, og:locale | S njih web-mjesta 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 je preporučenih oznaka 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 | Što trebam dodati ili ispraviti? | Gotov popis zadataka za programera ili za vas |
Kako provjeriti Open Graph stranice online?
- Otvori program za ispravljanje pogrešaka u grafovima.
- Unesite URL stranice koju želite podijeliti: članak, proizvod ili oglasnu odredišnu stranicu. Kliknite "Provjeri".
- Pregledajte popis oznaka: koje su postavljene, koje su prazne i postoji li strana ili testna adresa u og:url.
- Provjerite pregled za svaku mrežu: je li naslov odrezan, je li slika vidljiva i ima li važnog teksta oko rubova.
- Molimo dodajte nedostajuće oznake prema preporuci i ponovno provjerite stranicu.
Stranica s alatima: polje za adresu, gumb "Provjeri", popis provjera i često postavljana pitanja.
Alat je lagan: dnevni limit dovoljan je 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 Graphu?
Evo što nalazim na gotovo svakoj drugoj stranici i kojim redoslijedom to 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 shttps://. Bez slike, doseg objave značajno pada. - Slika je premalena. Logotip 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 trebali bi izgledati isto - s logotipom. Za blog i katalog, slika bi trebala biti preuzeta s glavne fotografije stranice.
- og:url vodi na drugu adresu - početnu stranicu, testnu domenu ili
http://verziju. Platforma može konsolidirati sve poveznice na jednu stranicu. - Nema twitter:card. Bez njega, X često prikazuje malu karticu. Za veću sliku potreban vam je
summary_large_image. - og:title duplicira naslov s "kupi" i markom. U feedu društvenih mreža ovo izgleda kao oglas; živahan naslov, poput za objavu, je bolji.
Minimalni ispravan skup 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 obrezati gornji i donji dio kvadratne fotografije proizvoda, što može rezultirati time da proizvodu nedostaje glava ili potplat.
- Važno je da je u sredini. Različite platforme drugačije obrezuju rubove, a u mobilnom feedu kartica je još manja. Neka tekst bude velik i dalje od rubova.
- Minimalni tekst. Naslov je već ispod slike; dovoljno je 3-6 riječi ili bez natpisa na samoj slici.
- Lagana datoteka. JPG ili PNG razumne veličine brzo će se učitati i platforma neće imati vremenski ograničenje.
- Za svaku ključnu stranicu posebna slika. Za članke i proizvode praktično je automatski kreirati jednu: naslovnicu članka ili glavnu fotografiju proizvoda.
Dobar test je otvoriti pregled u programu za ispravljanje pogrešaka na telefonu. Ako veza nije jasna bez zumiranja, sliku treba preraditi.
Kako ažuriram stari pregled nakon ispravka?
Uobičajen scenarij: popravili ste oznake, ali društvena mreža tvrdoglavo prikazuje staru sliku. Razlog je predmemorija: platforma je zapamtila pregled od prvog dijeljenja. Na Facebook pomaže ponovno prikupljanje podataka u Sharing Debuggeru, na LinkedInu s Post Inspectorom, a na Telegram s botom @WebpageBot kojem šaljete poveznicu. Ako sve ostalo ne uspije, dodajte bezopasni parametar adresi, poput ?v=2: za platformu je ovo nova poveznica.
Usporedba: Open Graph Debugger i alternative
| Alat | Što je besplatno? | Ograničenja | Za koga je prikladno? |
|---|---|---|---|
| PromoPilot - Open Graph Debugger | Sve og i Twitter oznake, og: veličina slike, pregledi za Facebook, X i LinkedIn, preporuke | Ne briše predmemoriju društvenih mreža | Odmah provjerite svoju stranicu prije nego što je objavite na bilo kojoj društvenoj mreži |
| Dijeljenje programa za ispravljanje pogrešaka (Meta) | Pregled Facebook i ponovno prikupljanje podataka | Samo Facebook, potrebna je prijava na račun | Resetiraj stari pregled na Facebook |
| Inspektor objava na LinkedInu | Pregled i osvježavanje predmemorije na LinkedInu | Samo za LinkedIn, potrebna je prijava | Za one koji se promoviraju na LinkedInu |
| @WebpageBot na Telegram | Ažuriranje pregleda poveznice u Telegram | Samo Telegram, ne parsira oznake | Za vlasnike Telegram kanala |
Zaključak: potrebni su službeni programi za ispravljanje pogrešaka platforme za brisanje predmemorije, ali svaka platforma prikazuje samo svoju mrežu. Za pregled svih pregleda i popisa nedostajućih oznaka odjednom, univerzalni program za ispravljanje pogrešaka je praktičniji.
Usput, PromoPilot ima 87 besplatnih SEO alata. Ako još niste pisali oznake, u našoj seriji imamo članak o generatoru meta oznaka koji će stvoriti Open Graph blok s pregledom.
Po čemu se Open Graph Debugger razlikuje od analize meta oznaka?
Analiza meta oznaka promatra stranicu očima tražilice: naslov, opis, kanonski, hreflang i Open Graph samo su jedna skupina. Debugger se fokusira na društvene mreže: stvara kartice za različite platforme, provjerava veličinu slike i daje preporuke posebno na temelju pregleda. Ako se poveznice na vašu web-lokaciju 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 poslužitelj. Ako oznake umetne skripta preglednika, mnoge društvene mreže ih neće vidjeti - to treba ispraviti na strani web stranice. Još jedan detalj: program za ispravljanje pogrešaka 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 joj neće moći pristupiti čak i ako su sve oznake prisutne.
Kada besplatni alat nije dovoljan?
Program za ispravljanje pogrešaka će pokazati da stranica nema og:image. Ali ako postoje tisuće stranica, ručno umetanje slika nije moguće. Specijalist je potreban kada:
- svaki proizvod ili članak trebao bi imati 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 utječe na cijenu po kliku;
- Potrebna nam je kombinacija "web stranice + Telegram kanala + automatskog objavljivanja" s pravim karticama.
Što mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO stručnjak s 12 godina iskustva i preko 200 klijenata. Prekrasan pregled poveznica je besplatan i prilagođavam ga svakom projektu.
SEO i promocija
- SEO revizija web stranice po principu "ključ u ruke": Provjeravam sve oznake predložaka, postavljam automatski pregled slika i ispravljam kod.
Web stranice i online trgovine
- Prijenos 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 s gotovom karticom za društvene mreže.
- Web stranica klinike za plastičnu kirurgiju s umjetnom inteligencijom i aplikacijama putem Telegram.
- Web-stranica na 1001site: pregledi za društvene mreže i automatsko objavljivanje u Telegram konfiguriraju se automatski.
Botovi i automatizacija
- Telegram bot s umjetnom inteligencijom za online trgovinu umacima.
- 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.
Proizlaziti
- Online alat za provjeru Open Grapha pokazuje kako poveznica izgleda na Facebook, X-u i LinkedInu te koje oznake nedostaju.
- Minimalno potrebno je og:title, og:type, og:image (1200×630, puna adresa) i og:url, plus twitter:card.
- Nakon ispravljanja, resetirajte predmemoriju web-mjesta: Sharing Debugger, Post Inspector, @WebpageBot.
- Za katalog i blog, slike pregleda trebale bi se prikupljati automatski, kao na 1001site.
Provjerite stranicu koju ćete podijeliti u besplatnom Open Graph Debuggeru prije nego što vaši pratitelji vide objavu.
Izvori
- Stranica alata PromoPilot za ispravljanje pogrešaka Open Grapha — popis provjera i često postavljana pitanja.
- Open Graph Protocol (ogp.me) - obavezna i opcionalna svojstva.
- Meta-in alat za ispravljanje pogrešaka u dijeljenju i LinkedIn Post Inspector su službeni alati platforme.
