I vi ste se već umorili od razumijevanja strukture stranice Schema.org i kako da koristite njenu monstruoznu listu za kreiranje mikropodaci na vlastitoj web stranici? Tada će vam ovaj detaljan i razumljiv članak jednom za svagda sve razjasniti i više neće biti pitanja. Garantujem!
I sam sam se nekoliko puta obraćao mikropodacima, i svaki put sam ih bacio dođavola, jer je stranica Schema.org apsolutno glupa. Da, postoji opsežna lista entiteta i tipova, i čitava gomila opisa za njih. Postoji čak i djelomični prijevod stranice na ruski - ruschema.org. Ali jedan pakao - nifiga nije jasno.
Pa, uvjerite se sami: ovdje želim da shvatim kako mogu dodati mikro-oznake na stranicu svog članka. Idem na web stranicu Schema.org, idem na odjeljak Sheme, zatim kliknem na vezu Puna lista tipova, prikazana na jednoj stranici i dobijam ogromnu listu entiteta (stvar):
Dakle, šta je sljedeće? Među ovih šest svojstava nešto očito nedostaje, a to su: naslov članka, autor, datum pisanja, itd. Ima nekih nejasnih članaka Telo, Odjeljak članka, Kraj stranice itd. Pa, šta da radim povodom toga? Ako kliknete na nekretninu, nećete pronaći ništa novo:
I tako dalje po cijeloj listi. Apsolutno ne prijateljski interfejs, izoštren, možda, za rad programera, kojima je sve jasno od pola reči, a ne ruskog.
Dobro! Hajde da shvatimo šta se ovde jede i sa čime, na ovoj Schema.org. Da nestanu svi nesporazumi, a da nas pretraživači tapšu po glavi što koristimo mikro označavanje na našem sajtu, jer je košer.
Počnimo s osnovama. Ovo je za one koji prvi čuju za mikropodatke. Drugi mogu preskočiti naprijed i pročitati o praktičnoj primjeni mikro-oznake.
Zašto nam treba mikro-označavanje i kakve veze ima Schema.org s tim
Mikro-oznake su izmislili lukavi web trgovci. Inače, ova stvar se zove semantičko označavanje i znači da su stranice sajta označene posebnim oznakama kako bi botovi za pretragu bolje razumeli o čemu se tačno radi na ovim stranicama sajta i šta tačno nude.
Na stranici Yandex.Webmaster posvećenoj mikro-označavanju, nalazi se prilično ilustrativan primjer dijela stranice web-mjesta bez oznake i s markiranjem:
Osjetite razliku, kako kažu. Ako to niste osjetili, objašnjavam: bez mikro-označavanja, bot tražilice ne može sam odrediti o čemu se točno raspravlja na stranici web stranice. Riječ "avatar" može imati mnogo značenja. Da bi bilo jasno pretraživaču da članak govori o određenom filmu, dodajemo posebne oznake i izjavljujemo da se sve odnose na entitet tipa Movie.
Dodao je gomilu oznaka neutralnog raspona u markup dokument s različitim atributima kao što je itemprop = "". Tu su i dva nejasna atributa: itemscope i itemtype, a dodana je i veza ka sekciji Movie na istoj stranici schema.org. UREDU! hajde da pratimo ovaj link i vidimo šta ima:
Još jedna lista svojstava (Properties), ali među njima postoje samo dvije od onih koje se koriste u Yandex primjeru - režiser i trejler. Gdje su ostali: ime i žanr? Da li ih je Yandex sam smislio?
Činjenica je da schema.org ima određenu hijerarhiju i možete je vidjeti samo na stranici sa općom listom svih entiteta (Stvar). Ovdje je vrijeme da razjasnimo šta je to – suština.
Stvar u Schema.org znači određena stvar, a sama riječ Thing može označiti bilo koju od mogućih stvari. Sve druge vrste stvari su ugniježđene u njemu. Ne sve na svijetu, naravno, ali najčešće se koristi za opisivanje na internetu: članci, vijesti, događaji, ličnosti, knjige, programi itd.
Svaka od ugniježđenih stvari može sadržavati vlastiti "skup" entiteta sličnog tipa. Na primjer, entitet pod nazivom Event može uključivati različite vrste događaja: poslovne događaje, dječje događaje, festivale, muzičke zabave itd.
Jasno je da ako entiteti imaju hijerarhiju, odnosno neku vrstu ugniježđenja, onda mogu preuzeti svojstva (Svojstva) od svojih roditelja. Entitet Festivala preuzima svojstva od entiteta Event, a preuzima i svojstva najvažnijeg entiteta na listi - Stvar.
Sada razumijete odakle Yandexu nedostaje ime i svojstva žanra za primjer mikro-oznake filma? Svojstvo žanra nalazi se u nadređenom entitetu CreativeWork, u kojem je film ugniježđen; a svojstvo name je u glavnom entitetu Thing, koji uključuje entitet CreativeWork. To je tako jednostavno!
Dakle, možemo koristiti svojstva i određenog entiteta i njegovih roditelja. U stvari, na stranici bilo kojeg ugniježđenog entiteta na web lokaciji Schema.org, postoji lista svojstava ne samo za sebe, već i za njegov roditelj. Samo skrolujte niz stranicu i videćete ih redom.
Sada postaje jasno kako koristiti lokaciju Schema.org: birate svojstva entiteta i opisujete ih svojim riječima. Osim toga, mnogi entiteti na samom dnu stranice imaju slučajeve upotrebe. Oni sasvim jasno pomažu da se shvati kako se sve ovo može primijeniti.
Zašto Schema.org?
Pa zašto baš Schema.org, a ne bilo ko drugi? Ko su uopšte ovi momci? Prema Wikipediji, radi se o inicijativnoj grupi drugova iz najvećih pretraživača Google, Yahoo!, Bing i Yandex, koja je 2011. godine odlučila da doda poseban skup semantičkih metapodataka, koji bi trebalo da poboljša rezultate pretraživanja.
Programeri schema.org predlažu kao glavni format označavanja metapodataka za web stranice mikropodaci- oznake i atributi za označavanje strukturiranih informacija na web stranicama, koji su se pojavili u HTML5 standardu.
Šta su predmeti opseg i itemtype i čemu služe
Uz itemprop - Svojstva, nadam se da ste već shvatili. Ko još nije shvatio - ovo je najmanji detalj mikro-oznake koji označava specifično svojstvo objekta. Na primjer:
James Cameron
Ovaj red jednostavno kaže da momak po imenu James Cameron nije utovarivač iz Privoza, već pravi direktor.
itemtype - označava specifičan entitet koji opisujemo pomoću mikro-oznake. Na primjer, Film.
itemscope - znači suština uopšte. Ovaj atribut jednostavno govori pretraživačima da ovdje postoji neki entitet sa mikro-oznakama i oni, tražilice, trebaju obratiti pažnju na to.
Obično se ova dva atributa pišu jedan za drugim i oba se dodaju u neki DIV blok na web lokaciji. Itemscope je prvi, a zatim itemtype + veza do određenog odjeljka entiteta na Schema.org je dodana:
Entiteti mogu biti ugniježđeni jedan u drugom. Na primjer, veći entitet Članak može uključivati druge entitete kao što su NewsArticle, Report, itd. Često se globalni entiteti poput Članka dodaju direktno u oznaku tijela na stranici stranice:
Ostali entiteti se dodaju onako kako se pojavljuju na stranici. Svakom specifičnom entitetu također prethode atributi itemtype opsega stavke. U skladu s tim, na stranici web stranice može biti nekoliko takvih konstrukcija i one moraju biti ugniježđene - sve je isto kao i kod običnih HTML oznaka.
Kako koristiti mikro označavanje na stranici
Mikro-oznake se mogu dodati direktno u HTML kod stranice ili možete koristiti dodatke treće strane za CMS kao što je WordPress, itd.
Možete koristiti postojeće HTML oznake bloka, paragrafa, veze i liste da povežete atribute itemscope, itemtype i itemprop, ili možete dodati neutralne oznake raspona.
Ako trebate dodati svojstvo url (link) mikro-oznakama, ali ga ne prikazati kao vezu, možete koristiti oznaku veze. Posjetioci će ga vidjeti jednostavno kao tekst, a bot za pretraživanje će ga pročitati po potrebi.
Neki lukavi webmasteri koriste meta oznaku u tijelu stranice. Tag meta, Karl !!! Ne preporučujem ovo da radite. Prvo, to je naslovna oznaka stranice, i tu joj je mjesto. I drugo, pretraživači to ne favorizuju, pa pripazite.
Osim toga, ponekad isti lukavi webmasteri savjetuju sakrivanje dijela teksta označenog mikro-oznakama od posjetitelja koji koriste CSS. Izričito savjetujem da ovo ne radite! Ovo je tipično maskiranje, zbog čega vam pretraživači mogu lako zabraniti.
Koliko detalja se isplati raditi mikro-markiranje na web stranici?
Nemojte hraniti neke webmastere kruhom - samo neka se na stranici postavi nešto suvišno. Isto važi i za mikro označavanje. Ne biste trebali biti kao grafomani i klesati atribute mikro-oznake za svaku cifru na stranici. Sve bi trebalo biti umjereno. U suprotnom će se dobro djelo pretvoriti u maniju, a sam korisni sadržaj izgubit će se iza šume atributa mikro markiranja.
Pretraživači imaju hvale vrijedan stav prema mikro označavanju, ali i pomno prate brzinu učitavanja stranica. Ako je količina vaše mikro-oznake 5-10 puta veća od količine korisnog sadržaja na stranici, tada se brzina učitavanja može značajno smanjiti. Na kraju krajeva, svaka konstrukcija itemscope itemtype šalje na schema.org i odatle izvlači potrebna uputstva.
Stoga, zabavite se uz mikro-markiranje, šta god želite, ali znajte kada prestati!
Kako provjeriti ispravnost mikro-oznake
Možete nadjačati kod na takav način da će sam đavo slomiti nogu. Stoga postoje pogodni validatori mikropodataka Google i Yandex. Štaviše, svaki od njih se na svoj način odnosi na ispravnost mikro-označavanja, imajte to na umu.
Ako ste nešto propustili, validator će izdati odgovarajuću(e) poruku(e). Ili greška, ili upozorenje, ili oboje. Pročitajte ih, udubite se u njih i ispravite ih tamo. Greške treba ispravljati bez greške, opomene se mogu bodovati, ali je bolje ispraviti i njih, van opasnosti.
Kako napraviti mikro-oznaku u WordPress predlošku
Postoji nekoliko gotovih dodataka za WordPress za dodavanje mikro oznaka. Nisam pristalica nepotrebnih dodataka, pogotovo jer oni često rade po sopstvenom shvatanju, koje nije uvek očigledno i razumljivo. Stoga se zalažem da sve dodam u šablon svojim razigranim olovkama.
Dodavanje mikropodataka u WordPress šablon nije lako, ali vrlo jednostavno! Uzmimo, na primjer, stranicu sa pojedinačnim objavama, koje se obično prikazuju pomoću single.php šablona. Sve što trebate učiniti je ubaciti sljedeće dijelove koda na mjesto:
itemscope itemtype = http: //schema.org/Article - dodati DIV oznaci s atributom posta ili unosa;
itemprop = "name" - dodati u h1 ili h2 tag;
itemprop = "url" - dodajte u h1 ili h2 tag zajedno sa oznakom veze. primjer:
itemprop = "autor" - dodati u dio koda koji prikazuje ime autora. primjer:
itemprop = "datePublished" - datum objave u "Y-m-d" formatu. primjer:
itemprop = "articleBody" - umetnite ga u izlazni blok teksta članka;
itemprop = "articleSection" - prikaz naslova;
itemprop = "image" - link do slike za objavu;
itd.
Razumnije je cijeli ovaj proces planiran, preporučujem!
Nadam se da sada možete lako shvatiti mikro-oznaku Schema.org.
Na internetu, naravno, ne postoji samo ova vrsta mikro-markiranja. Zapravo, ima ih nekoliko, za različite zadatke. Sljedeći put, hajde da pričamo o Open Graphu - drugoj najpopularnijoj opciji mikro-označavanja sa društvene mreže Facebook. Dizajniran je za adekvatan prikaz stranica na društvenim mrežama.
Ostati u kontaktu!
Izdali smo novu knjigu „Marketing sadržaja na društvenim mrežama: Kako doći do glava pretplatnika i zaljubiti se u svoj brend“.
U početnu oznaku dodajte atribut itemscope. To znači da ova oznaka sadrži entitet. Označimo tip entiteta atributom itemtype, odmah iza itemscope. Nazivi tipova su u obliku URL-a. Notaciju tipa mikropodataka možete pronaći na službenoj web stranici Schema.org. Imamo isto ime kao http://schema.org/Article.
Nakon deklarisanja entiteta, odredimo njegova svojstva. Sintaksa za svojstva entiteta može se naći na zvaničnom sajtu Schema.org. Atribut se koristi za deklarisanje svojstava. itemprop. Slično, nalazimo na stranici oznaku koja sadrži naslov našeg članka. Sada dodajmo atribut sa imenom svojstva. Imamo ime svojstva - zaglavlje imena.
CMS u smislu SEO
Sva svojstva entiteta su deklarirana na isti način. U nastavku navodimo:
3. decembra 2014 CMS
Nakon što smo definirali entitet i njegova svojstva, potrebno je izvršiti odgovarajuće izmjene u kodu stranice, odnosno dodati dodatne atribute tagovima. Kao rezultat, dobijamo semantičku oznaku stranice bloga. Nije teško, zar ne?
Ako imate bilo kakvih pitanja ili nedoumica, uvijek se obratite službenoj web stranici. Sadrži sve potrebne informacije o entitetima i njihovim svojstvima, kao i primjere Schema.org semantičke oznake za korištenje u različitim situacijama.
Strogo govoreći, HTML se naziva "jezik za označavanje hiperteksta". Može se nazvati jezikom "makro-markiranja" - označavanja sadržaja cjelokupnog sadržaja web stranice.
Pretraživači - Yandex i Google - imaju svoje zahtjeve za označavanje. Zahtjev se može sažeti kao: organiziranje sadržaja kako bi se olakšalo raščlanjivanje stranice. Što je sadržaj strože organiziran, to preciznije i brže robot za pretraživanje obavlja svoj posao, uspješnije je indeksiranje i promocija web stranice.
Svi zahtjevi ove vrste su prikupljeni u mikro-oznakama stranice.
Za korisnika je rezultat uspješne primjene mikro-markiranja potpuniji isječak (pregled stranice) u rezultatima pretrage. Dobro označene stranice imaju veće stope klikanja (CTR) u rezultatima pretraživanja. To znači da ćete dobiti više organskog prometa i da će vaše pozicije rasti zbog toga.
Za implementaciju markupa koriste se posebni atributi unutar HTML koda. Sve potrebne informacije se prikupljaju u jednom html fajlu bez uključivanja eksternih resursa. Evo primjera mikro-označavanja koje nudi Google (ovdje je tema stranice "Slike"):
Yandex koristi sistem mikro označavanja nešto drugačiji od Googlea:
Uporedite isti kod stranice, ali bez mikro-oznake:
5 popularnih formata mikro označavanja:
Svi formati su u stalnom razvoju, a do sada jedinstveno označavanje ne postoji za sva područja.
Osnovna svrha mikro-označavanja je prijenos podataka o sadržaju stranice. Na osnovu ovih podataka, pretraživači kreiraju isječke u rezultatima pretrage, a takođe indeksiraju sajt.
Kako implementirati mikro označavanje?
Mehanizam korištenja mikro-markiranja na primjeru formata Schema.org. tri koraka:
- Opis je zatvoren u kontejneru - dodjeljuje mu se naziv i tip:
…
- Unutar kontejnera se odvija opis određene osobine.
- Izvan kontejnera, na određenim mjestima korištenja, informacije su označene vezom do specifičnog svojstva šeme:
Aleksandar Puškin, 114
Zanimljivo je da ne postoji jedinstveni algoritam za obradu primljenih podataka, sve ovisi o specifičnoj temi stranice.
Budući da je količina informacija o svakoj temi prilično široka, postaje potrebno provjeriti je li u skladu sa standardima. Yandex i Google imaju posebne validatore za provjeru mikro-oznake na stranici.
Provjera mikro-oznake u Yandex Webmasteru
Pred nama su sve potrebne informacije za analizu:
Sada, u polje za unos sa više stranica ispod dvobojnog naslova "URL dokumenta ili ubacite komad HTML koda" postavljamo adresu stranice koja se provjerava.
Ovdje se javlja samo jedan problem - stranica mora sadržavati upravo ovu mikro-oznaku. Ako nema mikro-oznake, onda se pod naslovom "Provjeri rezultat" jednostavno prikazuje poruka da oznaka nije pronađena na stranici.
Test se pokreće pritiskom na dugme „Proveri“ ili kombinacijom prečaca Ctrl + Enter.
Ako se na web stranici koristi oznaka, tada će se rezultat provjere odraziti u polju na više stranica ispod:
Ako ste upravo uneli HTML kod stranice, onda će rezultat rada biti predstavljen adresom lokalnog domaćina:
Ako imate bilo kakvih pitanja o usluzi Yandex mikro-markiranja validacije, možete pogledati stranice pomoći koje usluga postavlja na: https://yandex.ru/support/webmaster/yandex-indexing/validator.xml
Yandex validator, osim što će u potpunosti provjeriti pet navedenih formata mikro-oznake, provjerit će i format posebno označenih podataka i posebnih isječaka.
Validator daje šest rezultata svog rada koji se odnose na otkrivene greške u analizi:
- Stranica se nije mogla učitati radi analize;
- Mikro-označavanje nije detektovano – to se može dogoditi iz dva razloga – ili zaista nema oznake, ili je pogrešno formatirana;
- Odsustvo obaveznog polja je već element provjere, na primjer, kada se opisuje slika, njena adresa nije naznačena;
- Nemoguće je utvrditi čemu neka polja pripadaju – obično nadilaze svoje oznake;
- Nisu ispunjeni uslovi za organizovanje isječaka;
- Svojstvo "content" meta-oznake sadrži vezu, što nije dozvoljeno.
Osim toga, u prozoru s rezultatima mogu se pojaviti tri upozorenja:
- Neispravna vrijednost polja - na primjer, netačan format datuma;
- Tip podataka je pogrešno postavljen - imajte na umu da pored standardnih tipova definisanih od strane W3C, Yandex takođe definiše neke od svojih tipova;
- Nedostatak oznake koja se koristi zajedno s onom koja se koristi.
Kao rezultat uspješne validacije od strane Yandexa, stranica u rezultatima Yandex pretraživanja će biti predstavljena strukturiranim isječkom. To se obično dešava nakon 10-14 dana.
Provjera mikro-oznake u Google-u
Mikro-označavanje je potvrđeno na isti način u Googleu: https://developers.google.com/structured-data/testing-tool/
Šema mikro označavanja koju Google cilja zove se Schema.org. Na mnogo načina, ideja "američkog" rada se ne razlikuje od rada ruske verzije validacije.
Kao što vidite, ovdje možete unijeti i adresu stranice koja se provjerava ili direktno html kod.
Test se pokreće pritiskom na dugme "Start test". Uprkos činjenici da oba validatora rade prema istoj shemi Schema.org, rezultati njihovog rada su malo drugačiji. Evo izlaza iz Googlea:
Praksa pokazuje da Google validator ima manje stroge zahtjeve za označavanje i pronalazi manje grešaka. Osim toga, Google ne obavještava vlasnika stranice nakon kojeg vremenskog perioda će oznaka stupiti na snagu i bit će vidljiva u rezultatima pretraživanja.
Potrebno je, ako je moguće, koristiti oba validatora i izvoditi zaključke na osnovu dvostruke provjere.
26.05.2017 Vrijeme čitanja: 30 minuta
Jedna od najdubljih želja vlasnika sajtova i SEO profesionalaca je da se njihov sajt istakne u rezultatima pretrage tako da se izdvaja od konkurencije, a korisnici češće klikću na nju. Najmoćniji metod za postizanje ovog cilja je rad sa strukturiranim podacima. U ovom članku pokušat ćemo shvatiti što su strukturirani podaci i kako ih možete ugraditi na svoju web stranicu.
Kako je sve počelo?
Jedinstvena shema formata semantičkog označavanja za web stranice, koju svi sada poznajemo i koristimo, pojavila se 2011. godine uz podršku takvih divova kao što su Google, Yahoo! i Microsoft (kasnije mu se pridružio četvrti igrač - Yandex). Prije toga, označavanje podataka je postojalo u različitim formatima i nije postojala jedinstvena struktura. Na primjer, "Yahoo!" postojao je servis pod nazivom "SearchMonkey", koji je već 2008. godine omogućio označavanje podataka na stranici i generisanje jedinstvenih isječaka u rezultatima pretraživanja svog pretraživača.
Korporacije su imale globalni cilj da razviju zajednički strukturirani format podataka koji bi poboljšao prikaz stranica na pretraživačima i poboljšao kvalitet pretraživanja. Inicijatori su ostvarili postavljene zadatke, kao rezultat čega je nastao rječnik schema.org koji objedinjuje ogroman broj pravila za mikro označavanje podataka na stranici.
Šta su strukturirani podaci?
Strukturirani podaci su informacije koje su predstavljene u jedinstvenom i ispravnom obliku u skladu sa određenim skupom pravila.
Nećemo opisivati principe rada sa svakim rječnikom, detaljnije ćemo analizirati samo tri od njih: Json-ld, Opne Graph i schema.org.
Počnimo s popularnim schema.org rječnikom mikro-markiranja. Rezultat saradnje između Google-a, Yahoo-a!, Microsoft-a i Yandexa aktivno se razvija i redovno ažurira do danas. U vrijeme nastanka članka, rječnik sadrži opise za 589 vrsta dokumenata, 860 svojstava objekata i 114 specifičnih vrijednosti. Kompletna lista svih svojstava navedena je u razgrananoj hijerarhiji na ovoj stranici.
Glavni superiorni tip entiteta u schema.org rječniku je Thing, koji je zauzvrat podijeljen na nekoliko drugih podtipova. Neki od njih:
- CreativeWork je opšti skup pravila za opisivanje kreativnih aktivnosti: članci, knjige, filmovi, fotografije, softver, itd.;
- Događaj - skup pravila za događaje koji su se dogodili ili će se dogoditi u određenom vremenskom periodu: sastanci, koncerti, izložbe itd .;
- Nematerijalno je klasa usluga koja uključuje nekoliko nematerijalnih stvari kao što su veličine, ocjene, opisi poslova, usluge itd.
- Organizacija - skup pravila za označavanje organizacija, kompletna lista različitih vrsta poslovanja je navedena na stranici localBusiness. Ovu listu također možete vidjeti u pomoći za Yandex https://yandex.ru/support/webmaster/supported-schemas/address-organization.html;
- Osoba - entitet koji se koristi za opisivanje živih, umrlih, izmišljenih osoba ili likova;
- Mjesto - skup pravila za nešto što ima fiksni fizički položaj (zgrada, park, spomenik, itd.);
- Proizvod je sve što je stvoreno za prodaju. Na primjer, par cipela, karta ili auto.
Svaki podtip uključuje veliki broj opisnih oznaka, tako da će gotovo svaka vrsta poslovanja pronaći vrstu oznake koja mu je potrebna.
Većina oznaka u rječniku ima slučajeve upotrebe u obliku primjera HTML koda ili JSON-LD skripte. U nastavku ćemo pogledati primjere izgleda stranica sa člankom, proizvodom i organizacijom.
Predložak mikropodataka članka pomoću schema.org
Najčešće se označavaju mikropodaci kao što su URL, datePublished, dateModified, naslov, slika, autor, izdavač itd. Pogledajmo konkretan primjer:
GLAVA H1
"https://schema.org/ImageObject">Većina označenih članaka slijedi sličnu shemu. Vrijedi napomenuti da su u ovom primjeru neke od oznaka naznačene u odjeljku
(meta opis i link do autora u g+), a ostalo je napisano u tijelu HTML dokumenta. Nije potrebno koristiti neke oznake, na primjer, članak će se osjećati sjajno čak i bez označavanja s articleBody ili oznakama izdavača, ali tada je malo vjerojatno da će proći provjeru valjanosti u Yandex ili Google alatima.Slika 3. Primjer stranice u SERP-u sa mikro označavanjem članka u Google-u. Datum objave je prikazan pored članka.
Slika 4. Primjer stranice u SERP-u za isti upit kao na slici 3, samo u Yandexu. Datum je prikazan na desnoj strani, sa datumom objavljivanja ili kreiranja na vrhu, a datumom izmjene ispod.
Predložak mikro označavanja kartice proizvoda koristeći schema.org
Sljedeća vrsta mikro-oznake koju ćemo razmotriti bit će proizvod, ili, drugim riječima, semantička oznaka kartice proizvoda.
SADRŽAJ H1
Obratite posebnu pažnju na format cijena, jer se tu krije većina grešaka u mikro označavanju kartica proizvoda. Uz tekst možemo napisati bilo koju vrijednost u bilo kojem formatu, a direktno u samoj oznaci cijene, cijenu naznačujemo strogo u monetarnom formatu, inače će pretraživači zanemariti ovu liniju.
Slika 5. Primjer iz Google SERP-a sa indikacijom cijene u formatu "OD" i "TO".
Predložak mikropodataka organizacije koristeći schema.org
Posljednji obrazac koji ćemo pogledati je označavanje organizacije. Obično se ova oznaka koristi za strukturiranje informacija na stranici za kontakt.
Schema.org ima veoma dug rečnik. Zbog toga, tokom rada s njim, mogu nastati poteškoće, ali nisu sve oznake u markiranju potrebne i većina se može napustiti. U navedenim primjerima naveo sam najosnovnije oznake koje se mogu koristiti pri radu sa schema.org markupom, ali ih može biti mnogo više.
Google ima specijal alat za označavanje stranica pomoću rječnika schema.org. Mnogo olakšava kreiranje izgleda stranica.
Slika 6. Primjer iz Yandex. Dodatne informacije o organizaciji prikazane su ispod opisa stranice i mogu se uvesti ručno, korištenjem oznake ili pomoću usluge Yandex.Directory.
Prednosti i nedostaci mikropodataka schema.org
- Veliki rečnik koji se stalno ažurira;
- Podržavaju svi popularni pretraživači;
- Kod nije skriven skriptama i u potpunosti je u sadržaju stranice;
- Poboljšava prikaz isječaka u rezultatima pretrage;
- Možete pronaći oznake za skoro svaku web lokaciju;
- Postoje dodaci za automatizaciju formiranja mikro-markiranja;
- Aktivno se razvija i dopunjuje.
- Veliki broj šema mikro označavanja može uplašiti nepripremljenog korisnika;
- Potrebno vam je početno znanje o izgledu i promjenama u kodu stranica;
- Komplikuje HTML kod, što usporava razvoj web stranice;
- Sva zvanična referentna dokumentacija je na engleskom jeziku;
- Nemaju sve nekretnine primjere korištenja na službenoj web stranici.
Alati za rad sa mikro-oznakama schema.org
Kada radite sa mikro-oznakama schema.org, usluge kao što su:
- Google Structured Data Validator
- Asistent na mikro označavanju stranica prema schema.org rječniku od Google-a. Kao rezultat, dobijamo HTML-kod stranice sa već implementiranim mikro-oznakama;
- Provjera semantičke oznake iz Yandexa;
- Službena stranica markupa;
- Neslužbeni prijevod web stranice schema.org na ruski;
- "All In One Schema.org Rich Snippets", "Wprichsnippets.com", "Schema App Structured Data" - dodaci za WordPress koji automatski generišu schema.org semantičke oznake;
- Notepad ++ - ili bilo koji drugi uređivač teksta.
Ovaj protokol je razvio Facebook kako bi poboljšao prikaz isječaka linkova sa vanjskih stranica na društvenim mrežama. Ovo je vjerovatno jedan od najjednostavnijih i najmanjih rječnika mikro-markiranja. Možete započeti ugrađivanje markupa s četiri glavna svojstva:
- og: naslov - naslov stranice.
- og: tip - tip objekta, na primjer, "music.album" (album). Ostala svojstva su podržana ovisno o vrsti. Sve moguće karakteristike tipske oznake navedene su na službenoj web stranici.
- og: slika - URL slike.
- og: url je kanonski URL objekta.
Sve oznake "Open Graph" za označavanje su napisane u kontejneru
.Osim osnovnih svojstava, možete odrediti i dodatna koja će poboljšati prikaz linkova na društvenim mrežama:
- og: audio - URL do audio datoteke ako se muzika pušta pri otvaranju stranice.
- og: determinator je riječ koja se pojavljuje ispred imena ovog objekta u rečenici. Tip enuma (a, an, the, "", auto). Ako je odabrano automatski, korisnik podataka mora izabrati između "a" ili "an". Podrazumevano je "" (prazno). Oznaka je najrelevantnija za segment engleskog govornog područja zbog upotrebe različitih članaka poput "a", "the", "an" itd.
- og: opis - opis stranice, dozvoljeni broj znakova je od 160 do 295 karaktera.
- og: locale - jezik i država. Format prikaza je language_TERRITORY, default je en_US. Za segment ruskog govornog područja propisana je oznaka ru_RU.
- og: locale: alternativni - alternativni jezik ili država.
- og: ime_stranice - naziv stranice.
- og: video - URL videa.
Otvorite predložak za označavanje stranice grafikona
Ispod je primjer HTML koda sa svim mogućim svojstvima, u praksi neke od ovih oznaka nisu specificirane i dovoljna su standardna četiri svojstva:
Prednosti i nedostaci Open Graph mikropodataka
Posljednji tip označavanja i strukturiranja podataka koji ćemo pogledati je JSON-LD. Ovo užasno ime znači "JavaScript Object Notation Linked Data". World Wide Web Consortium, ili drugim riječima, W3C, odgovoran je za razvoj formata. Ovaj format obavlja istu funkciju kao schema.org, ali na malo drugačiji način: strukturira podatke koristeći JavaScript, što čini rad nekoliko puta lakšim.
Jedna od prednosti ovog formata je što se za opisivanje podataka koristi rječnik schema.org. Dakle, koristeći JSON-LD skripte, možemo opisati bilo koju vrstu entiteta i poboljšati prikaz naše stranice u rezultatima pretraživanja, trošeći minimalno vrijeme. Štaviše, ovo se može učiniti bez ugrađivanja HTML oznaka u tijelo stranice, samo trebate navesti.
Radi jasnoće, uporedimo oznake schema.org i JSON-LD:
Tenisice
Predložak za označavanje članka koristeći JSON-LD
Uzeo sam primjer označavanja koristeći JSON-LD na osnovu mikro-označavanja članka na schema.org iz istog materijala iznad. Koriste se sva ista svojstva.