{"id":2396,"date":"2021-05-13T23:22:13","date_gmt":"2021-05-13T23:22:13","guid":{"rendered":"https:\/\/www.seoexpert.rs\/blog\/?p=2396"},"modified":"2021-05-14T09:13:48","modified_gmt":"2021-05-14T09:13:48","slug":"strukturirani-podaci","status":"publish","type":"post","link":"https:\/\/www.seoexpert.rs\/blog\/strukturirani-podaci\/","title":{"rendered":"Strukturirani podaci za web- \u0161ta je Schema.org markup"},"content":{"rendered":"

U paradigmi semanti\u010dke, tj. smisaone pretrage, strukturirani podaci<\/strong> svakako igraju i igra\u0107e bitnu ulogu prilikom izrade web sajtova<\/a>.<\/p>\n

Sa jedne strane ka\u017eu da ne postoje ozbiljni ekspertimenti u kojima je izmeren njihov direktan uticaj na ranking. Sa druge, kristalno je jasno da implemetnacije slike u rich snipetu ima benefite kroz pove\u0107anje vidljivosti URL-a i samim tim kroz CTR optimizaciju.<\/p>\n

A Gugl je trenutno jedan od najve\u0107ih inovatora na svetu i moja predvi\u0111anja su da iz tehni\u010dkog ugla, ako ne\u0161to mo\u017ee da se dodatno usavr\u0161i usavr\u0161i\u0107e se, te da pored brzine sajta<\/a>, jako va\u017ena predstoje\u0107a tema bi\u0107e pravilna i smisaona implementacija Schema.org<\/a> markupa.<\/p>\n

Pored toga, u razgovoru sa kolegama primetio sam da i senior programeri \u010desto slegnu ramenima kad dobiju pitanja iz ove oblasti, tj. kao da ova tema nije dovoljno rasvetljena na doma\u0107em webu<\/strong>. Samo mali broj sajtova u Srbiji ima pravilno implementiranu Schemu, tako da ovo jeste funkcionalnost koju vlasnici biznisa treba da planiraju u novom redizajnu\u00a0 ako \u017eele da ostvare pun potencijal na tehni\u010dkom SEO-u. Core Web Vitals updejt se bli\u017ei.<\/p>\n

Dodatna inspiracija za ovaj \u010dlanak je saradnja sa Nata\u0161om Mitrovi\u0107<\/strong>, koja iako po osnovnoj vokaciji sociolog, razbila je predrasude i uspela je da detaljno i sistemati\u010dno pronikne u strukturisane podatke za web stranice<\/strong>, pa \u010dak i da nas malo edukuje o detaljima iz ove oblasti.<\/p>\n

\"Nata\u0161a
Nata\u0161a Mitrovi\u0107<\/figcaption><\/figure>\n

Za one koji ne znaju, \u0161ta je su to strukturirani podaci i \u010demu Schema.org standard slu\u017ei?<\/h2>\n

Strukturirani podaci<\/strong><\/em> su vrsta koda koji kroz organizacijski pristup olak\u0161ava pretra\u017eiva\u010dima krolovanje, razumevanje, a kasnije i prikazivanje sadr\u017eaja web sajtova.<\/p>\n

Kao dominantni standard za markup web stranica i email poruka nametnuo se Schema.org standard<\/strong> jer su iza njega stali najve\u0107i pretra\u017eiva\u010di poput Gugla, Binga, Microsofta i Yandexa sa idejom da u jednom otvorenom procesu saradnje olak\u0161aju posao webmasterima i developerima.<\/p>\n

Krajnji cilj ovog standarda je preciznije, br\u017ee i suptilnije povezivanje surfera sa rezultatima pretrage<\/strong>.<\/p>\n

Kada korisnik do\u0111e na Google ili bilo koji pretra\u017eiva\u010d sa namerom da prona\u0111e ne\u0161to \u0161to mu je potrebno, mo\u017ee se desiti da mu se u rezultatima prika\u017eu nerelevantne informacije pogotovu iz ugla detalja, jer na internetu postoji mnogo sli\u010dnih sadr\u017eaja koje pretra\u017eiva\u010d treba da protuma\u010di i pove\u017ee kako bi se prikazali adekvatni rezultati pretrage.<\/p>\n

Tehni\u010dka optimizacija sajta<\/a> je zna\u010dajna za dobro rangiranje u pretragama, me\u0111utim, mo\u017ee se desiti da se sajt dobro rangira za pogre\u0161nu bran\u0161u. Sajt kao celina bi trebalo da bude strukturalno organizovan i da ima semanti\u010dke identifikatore koji ukazuju na to kakav je sajt u pitanju, da se zna da li je u pitanju lokalni biznis, da li je cilj sajta prodaja proizvoda ili usluga, koja je vrsta i cena proizvoda ili usluga itd. Na osnovu struktuiranih podataka, pretra\u017eiva\u010d (u na\u0161em slu\u010daju Google) zaklju\u010duje iz koje je ni\u0161e sajt i rangira ga za klju\u010dne re\u010di kao sajt koji je relevantan u svojoj oblasti.<\/p>\n

Evo nave\u0161\u0107u primer HTML koda koji predstavlja film Avatar:<\/p>\n

\"Kod<\/p>\n

Kao \u0161to vidite, korisniku koji \u010dita ove podatke je jasno da je u pitanju film Avatar, podaci o direktoru filma (ime i datum ro\u0111enja), \u017eanru i putanja do stranice sa trailerom filma. Ali \u0161ta je sa Google botom, kako \u0107e on razumeti \u0161ta koji podatak predstavlja? Tu na scenu stupa schema markup jezik<\/strong>. Isti ovaj kod koji sadr\u017ei schema je prikazan na slede\u0107oj slici:<\/p>\n

\"\"<\/p>\n

Odmah u startu ka\u017eemo Google botovima da je u pitanju celina (itemscope) tipa Movie (itemtype). Unutar te celine smo jasno razdvojili sve elemente kori\u0161\u0107enjem property-ja (itemprop) kao \u0161to su name, director, genre i trailer. Unutar jedne celine mogu\u0107e je definisati novu celinu, \u0161to smo uradili kod direktora gde smo napisali da je u pitanju nova celina tipa Person i unutar nje je definisano name i birthDate.<\/p>\n

Na ovaj na\u010din kada Google bot analizira ovaj HTML kod, jasno mu je \u0161ta koji tekst predstavlja i na taj na\u010din mu poma\u017eemo da korisnicima isporu\u010di precizne rezultate prilikom pretrage. Na primer, kada bi neko tra\u017eio na Google datum ro\u0111enja D\u017eejmsa Kamerona, Google bi lako pro\u010ditao taj podataka i prikazao ga korisniku.<\/p>\n

Objasni\u0107u na jo\u0161 jednom primeru, portal za ogla\u0161avanje nekretnina, stranica https:\/\/roommateor.com\/prodaja-stanova\/nis<\/a>.<\/p>\n

Ova stranica je stranica pretrage, gde se oglasi filtriraju i prikazuju korisnicima. Dakle, cela stranica je itemscope sa itemtype SearchResults, a njen sadr\u017eaj \u010dine pojedina\u010dni oglasi nekretnina koji predstavljaju ponudu i dodeljujem im novi itemscope sa itemtype Offer.<\/p>\n

Pojedina\u010dni oglas nekretnine ima slede\u0107e elemente: sliku, tekst, cenu oglasa i lokaciju.<\/p>\n

Dodelila sam vrednosti svim pomenutim elementima stranice. Tekst je identifikovan kao itemprop \u201cdescription\u201d, dakle to je opis oglasa. Na osnovu re\u010di koje se nalaze u opisu, ve\u0107 se mo\u017ee zaklju\u010diti da je re\u010d o prodaji nekretnine. Ceni sam dodelila itemprop \u201cprice\u201d \u0161to samo potvr\u0111uje da je ta nekretnina na prodaju. Slici i lokaciji je tako\u0111e dodeljena vrednost. LD+JSON za ovu stranicu bi bio slede\u0107i:<\/p>\n

\"Kod<\/p>\n

Google nagra\u0111uje dobru optimizaciju, ukoliko se potrudimo i pomognemo mu i da pro\u010dita strukturu na\u0161ih podataka, dodatno mu olak\u0161avamo i to se nagra\u0111uje klikovima.<\/p>\n

Koji su na\u010dini na koje se mo\u017ee implementirati schema?<\/h2>\n

Schema se mo\u017ee dodati u kod na 2 na\u010dina: direktnim dodavanjem u HTML tagove<\/strong> u kodu ili u\u010ditavanjem javascript objekta<\/strong> kao \u201capplication\/ld+json\u201d tip. Preporu\u010deni na\u010din je LD+JSON format. Nave\u0161\u0107u na primeru Avatara oba na\u010dina implementacije.<\/p>\n

1. Microdata, direktno dodavanje u HTML kod:<\/p>\n

\"\"<\/p>\n

2. LD+JSON format, dodaje se unutar script taga, primer za film Avatar je prikazan na slede\u0107oj slici:<\/p>\n

\"Jason<\/p>\n

Mo\u017eemo li dati primer scheme i za male biznise?<\/h2>\n

Ako je u pitanju lokalni biznis, element koji okru\u017euje celu stranicu bi trebalo biti identifikovan kao lokalni biznis<\/strong>. Nakon toga, potrebno je ostalim elementima dodeliti tipove ili konkretne vrednosti. Prvo na \u0161ta \u0107ete nai\u0107i na stranici su naslov, podnaslov i tekst koje treba identifikovati. U su\u0161tini treba identifikovati sve elemente na stranici, stranica mo\u017ee biti prodajna ili samo prezentaciona. Njen sadr\u017eaj zavisi od toga koji je cilj vlasnika, od \u010dega zara\u0111uje i za koje klju\u010dne re\u010di se rangira cela stranica.<\/p>\n

Neka primer bude prodaja name\u0161taja. Stranica na kojoj je izlistana ponuda je stranica rezultata, ona sadr\u017ei ponudu (pojedina\u010dne oglase). U okviru jedne ponude \u0107e se na\u0107i razli\u010diti elementi, a neki od njih su tekst koji opisuje proizvod<\/strong> i slika koja prikazuje proizvod<\/strong>, \u0161to je neophodno ozna\u010diti. Slika treba da ima meta tag koji je veoma va\u017ean da bi se identifikovala slika, pomo\u0107u alt atributa se zaklju\u010duje \u0161ta se nalazi na toj slici. Svaki alt bi trebao da bude jedinstven.<\/p>\n

Svaka pojedina\u010dna stranica na sajtu treba da bude uklju\u010dena u Schema.org jer svaka ima neku namenu i \u010dini deo celine. Naveli smo primer prodajne stranice, ali tu su i kontakt stranica<\/strong>, o nama, blog. Dakle, na sajtu treba strukturisati sve stranice koje vidi Google<\/strong>, a ne samo one koje su nam va\u017ene,\u00a0 jer se sajt posmatra u celosti i ne mo\u017ee se razdvajati jer onda prestaje da \u010dini celinu.<\/p>\n

Da li mo\u017eete odati neki trik koji koristite?<\/h2>\n

Na osnovu Schema.org mo\u017eete odgovoriti na naj\u010de\u0161\u0107e postavljena pitanja, a pitanja i odgovoriti \u0107e se na\u0107i u rezultatima Google pretrage<\/strong> pod uslovom da sajt rangira na prvoj stranici pretrage.<\/p>\n

Kada korisnik vidi pitanja i odgovore na relevantnu temu u rezultatima pretrage, to ga dodatno povu\u010de da klikne upravo na taj rezultat (CTR optimizacija<\/a>). Logi\u010dno je da korisnici \u017eele da vide ne\u0161to jedinstveno u gomili sli\u010dnih i o\u010dekivanih rezultata. Ukoliko se malo potrudite da ubacite pitanja i odgovore, Va\u0161 rezultat u pretrazi bi\u0107e najvidljiviji i jedinstven.<\/p>\n

Primer:<\/p>\n

\"Primer
Primer rich snipeta za frazu „Zlatibor sme\u0161taj<\/a>„<\/figcaption><\/figure>\n

Pored toga, Google i korisnici \u0107e biti zadovoljni jer se isti\u010dete po tome \u0161to se trudite da korisnicima date maksimalno dobro iskustvo, a to je upravo i klju\u010d uspeha svakog biznisa koji posluje preko interneta. Osim \u0161to je vizuelno upadljiviji rezultat, dobro je \u0161to korisnik pre klika vidi da nudite relevantan sadr\u017eaj i da imate puno relevantnih informacija za svoju bran\u0161u \u0161to stvara ose\u0107aj poverenja i pove\u0107anu \u0161ansu da klikne na Va\u0161 rezultat.<\/p>\n

U kojim oblastima kad je re\u010d o rich snipetima je Schema.org neizostavna?<\/h2>\n

Izrada modernih web prodavnica<\/a> bez schema markupa je totalni proma\u0161aj. Tako\u0111e, neizostavna je kada su u pitanju recepti, ili kad je u pitanju iznajmljivanje sme\u0161taja za letovanje ili zimovanje. Zbog velike konkurencije i mogu\u0107eg nepoverenja klijenata, hoteli uglavnom imaju mogu\u0107nost da se sme\u0161taj oceni zvezdicama. Zvezdice se formiraju zajedno sa Schemom i omogu\u0107avaju da visoko ocenjen sme\u0161taj bude vidljiviji u Google pretragama.<\/p>\n

Tako\u0111e, pomo\u0107u Schema.org mo\u017eete obezbediti da u rezultatu postoji i slika sme\u0161taja \u0161to \u0107e rezultat jo\u0161 vi\u0161e u\u010diniti konkurentnim na Google. Kada korisnici tra\u017ee sme\u0161taj, va\u017eno im je da vide ocenu, komentare i slike. Pored toga \u0161to u\u010dinite sve da budete visoko pozicionirani, va\u017eno je da i rezultat pretrage bude adekvatan kako korisnik ne bi presko\u010dio taj rezultat i nastavio da tra\u017ei dalje.<\/p>\n

Kako izgleda procudera dodavanja scheme i koliko traje?<\/h2>\n

Sve zavisi od standarda u konkretnoj ni\u0161i, koli\u010dine detalja, odnosno koliko stranica na sajtu ima. Zavisi i od toga koliko je sadr\u017eaj optimizovan<\/a>, ukoliko ne postoje neke informacije koje su va\u017ene, ne mo\u017eemo ih ni ozna\u010diti. Uvek savetujem isticanje konkurentskih prednosti<\/strong>. Kada neko ve\u0107 \u017eeli da unapredi sajt dodavanjem Scheme, trebalo bi da se podrazumeva da je sajt ve\u0107 kompletno sre\u0111en iz ugla korisni\u010dkog iskustva.<\/p>\n

Za ve\u0107e i slo\u017eenije sajtove svakako treba vi\u0161e vremena. Prvo je potrebno napraviti plan kako i kojim redosledom uraditi schemu, nakon toga sledi posao implementacije i poslednja faza je testiranje kako bi se proverilo da li je sve kako treba.<\/p>\n

Mo\u017eete li sugerisati plugin za implementaciju scheme na WordPress sajtove?<\/h2>\n

Za implementaciju strukturiranih podataka na WP sajtovima najvi\u0161e se koriste Schema plugin<\/a> i Schema & Structured Data for WP & AMP<\/a> plugin. Word press ima svojih prednosti i jeste jako popularan, ali za ozbiljno poslovanje preporu\u010dujem isklju\u010divo custom re\u0161enja<\/strong>.<\/p>\n

Kako testirate pravilnu implementaciju strukturiranih podataka?<\/h2>\n

Postoje jako precizni alati koji testiraju schemu za svaku pojedina\u010dnu stranicu kad je re\u010d o razvojnom okru\u017eenju. Google Search Console<\/a> je najbolji alat za analizu schema implementacije na produkcijskim sajtovima. Sitne gre\u0161ke se lak\u0161e otklanjaju, a najve\u0107a gre\u0161ka do koje mo\u017ee do\u0107i je lo\u0161e struktuiranje<\/strong>. Treba biti pa\u017eljiv od po\u010detka rada i testirati vi\u0161e puta tokom procesa dodavanja scheme, a ne tek na kraju. Va\u017eno je dobro isplanirati i odraditi dobru strukturu, nakon toga ozna\u010davanje ide rutinski.<\/p>\n

Ukoliko postoje, kroz komentare Nata\u0161a \u0107e odgovoriti na pitanja vezana za ovu funkcionalnost i pravilnu implementaciju strukturnih podataka.<\/p>\n","protected":false},"excerpt":{"rendered":"

U paradigmi semanti\u010dke, tj. smisaone pretrage, strukturirani podaci svakako igraju i igra\u0107e bitnu ulogu prilikom izrade web sajtova. Sa jedne strane ka\u017eu da ne postoje ozbiljni ekspertimenti u kojima je izmeren njihov direktan uticaj na ranking. Sa druge, kristalno je jasno da implemetnacije slike u rich snipetu ima benefite kroz pove\u0107anje vidljivosti URL-a i samim […]<\/p>\n","protected":false},"author":1,"featured_media":2407,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[],"class_list":["post-2396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hardcore-seo"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/posts\/2396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/comments?post=2396"}],"version-history":[{"count":3,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/posts\/2396\/revisions"}],"predecessor-version":[{"id":2405,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/posts\/2396\/revisions\/2405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/media\/2407"}],"wp:attachment":[{"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/media?parent=2396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/categories?post=2396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seoexpert.rs\/blog\/wp-json\/wp\/v2\/tags?post=2396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}