Što je Schema Markup (Strukturirani podaci)

Jeste li primijetili da kada u Google upišete “pizza Split” odmah dobijete adresu, radno vrijeme i ocjene pizzerija – bez da kliknete na ijednu stranicu? To nije slučajnost, već rezultat strukturiranih podataka, poznatih kao Schema Markup.

Vaša web stranica nije samo skup teksta i slika; ona je entitet koji tražilice moraju razumjeti. HTML je okvir i sadržaj, a Schema Markup funkcionira kao indeks i fusnote koje Googleu i Bingu otkrivaju što je zapravo važno.

U ovoj objavi otkrit ćemo što je Schema Markup, kako funkcionira i zašto je ključan u eri umjetne inteligencije, glasovnog pretraživanja i AI-driven rezultata. Naučit ćete koje (“najvažnije”) vrste schema postoje i kako ih možete implementirati na svojoj web stranici da biste povećali vidljivost web stranice u tražilicama.

Schema Markup, poznat i kao strukturirani podaci, predstavlja kôd koji se dodaje HTML-u vaše web stranice kako bi tražilice mogle bolje razumjeti sadržaj. Ovaj projekt započeo je 2011. godine kao suradnja između Googlea, Binga, Yahoa i Yandexa, a danas se održava na schema.org – otvorenoj platformi s preko 800 tipova entiteta. U suštini, strukturirani podaci pretvaraju vaš sadržaj iz nejasnog niza riječi u jasno definirane entitete: osoba nije samo ime, već “Person” sa svojstvima poput “name”, “telephone” i “email”.

Zašto je to važno? S porastom AI-driven pretraživanja, poput Googleovih AI Overviews ili ChatGPT-a, tražilice se sve manje oslanjaju na klasično indeksiranje i više na razumijevanje konteksta. Bez strukturiranih podataka, tražilica mora koristiti resursno zahtjevnu prirodnu obradu jezika (NLP) da “pogodi” što vaš sadržaj znači. S Schemom, vi pružate direktne ključeve – key-value parove – koji olakšavaju proces, čineći vaš sadržaj pouzdanijim i lakšim za citiranje u AI odgovorima. Osim toga, u eri glasovnog pretraživanja (voice search), gdje korisnici pitaju “koji je najbolji recept za čokoladni kolač?”, Schema omogućuje da vaši podaci budu izvučeni direktno u odgovoru, bez potrebe za klikom.

Bez Scheme, vaša stranica je poput knjige bez indeksa – teško je pronaći ono što tražite. S njom, postajete dio “Knowledge Grapha” tražilica, gdje se vaši entiteti povezuju s globalnim znanjem, povećavajući autoritet i vidljivost.

Implementacija Schema Markupa nije samo tehnički trik; ona je investicija u budućnost vašeg poslovanja. Evo zašto:

1. Poboljšana vidljivost kroz rich snippets.
   Ovi bogati rezultati – poput zvjezdica ocjena, slika proizvoda, datuma događaja ili FAQ odgovora – čine vašu poveznicu privlačnijom u SERP-ovima. Studije pokazuju da rich snippets povećavaju CTR za 20-30%, čak i ako niste na prvoj poziciji. Na primjer, za web shop, Product Schema može prikazati cijenu i dostupnost direktno u pretrazi.
2. Bolje razumijevanje sadržaja i indirektno rangiranje.
   Iako SEO Markup Schema nije direktan faktor rangiranja, on pomaže tražilicama da vaš sadržaj povežu s relevantnim upitima. U 2025., s fokusom na E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness), Schema gradi povjerenje: označavanjem autora kao “Person” ili organizacije kao “Organization”, pokazujete vjerodostojnost.
3. Optimizacija za voice search i AI.
   Glasovni asistenti poput Google Asistenta koriste SEO markup za brze odgovore. FAQ Schema, na primjer, može vaš odgovor staviti direktno u glasovni rezultat, smanjujući potrebu za posjetom stranici, ali povećavajući brendiranje.
4. Povećan autoritet i business growth.
   Za lokalna poslovanja, LocalBusiness Schema integrira se s Google Business Profileom, poboljšavajući lokalni SEO. Ukupno, Schema može dovesti do većeg organskog prometa, boljih konverzija i nižih troškova oglašavanja.

U konačnici, u konkurentnom tržištu poput Hrvatske, gdje se obrti bore za vidljivost, Schema Markup je alat koji vas izdvaja.

Schema.org nudi stotine tipova, ali fokusirat ćemo se na 23 najrelevantnija za većinu web stranica:

1. Article Schema
   Ova oznaka je idealna za tekstualni sadržaj poput blog postova ili vijesti. Omogućuje tražilicama da identificiraju naslov, autora, datum objave i glavnu temu, čineći sadržaj lakšim za indeksiranje.
   • Ključna svojstva: headline, author, datePublished, publisher.
   • Primjeri: Blogovi na h1design.hr.
   • Benefiti: Prikazuje datum i autora u snippetima, poboljšavajući kredibilitet i CTR.
   • Savjet: Koristite ga kao primarni tip za sve članke.
2. Book Schema
   Za stranice o knjigama, ova schema označava naslov, autora, ISBN i izdavača, olakšavajući pretragu književnog sadržaja.
   • Ključna svojstva: name, author, isbn, publisher.
   • Primjeri: Knjižne recenzije ili online knjižare.
   • Benefiti: Prikazuje sliku naslovnice i dostupnost, privlačeći čitatelje.
   • Savjet: Integrirajte s Review Schemom za ocjene.
3. BreadcrumbList Schema
   Ova oznaka definira navigacijski put stranice, poput Home > Blog > SEO.
   • Ključna svojstva: itemListElement (popis linkova).
   • Primjeri: Svaka podstranica.
   • Benefiti: Prikazuje breadcrumbs u SERP-ovima, poboljšavajući UX i razumijevanje strukture sajta.
   • Savjet: Automatski generirajte u CMS-u poput WordPressa.
4. Course Schema
   Za edukativni sadržaj, označava naziv kursa, opis, instruktora i instituciju.
   • Ključna svojstva: name, description, provider, instructor.
   • Primjeri: Online kursevi o dizajnu.
   • Benefiti: Prikazuje trajanje i instruktora, privlačeći učenike.
   • Savjet: Koristite za edukativne platforme.
5. Dataset Schema
   Opisuje zbirke podataka, uključujući ime, tvorca i licencu.
   • Ključna svojstva: name, description, creator, license.
   • Primjeri: Istraživački podaci.
   • Benefiti: Povećava vidljivost za istraživače.
   • Savjet: Za specijalizirane sajteve.
6. Event Schema
   Detalji o događajima: naziv, lokacija, datumi, izvođači.
   • Ključna svojstva: name, startDate, location, performer.
   • Primjeri: Konferencije, webinarovi.
   • Benefiti: Prikazuje datume u SERP-ovima, povećavajući sudjelovanje.
   • Savjet: Ažurirajte datume redovito.
7. FAQPage Schema
   Za stranice s pitanjima i odgovorima.
   • Ključna svojstva: mainEntity (popis pitanja i odgovora).
   • Primjeri: FAQ sekcije.
   • Benefiti: Prikazuje odgovore direktno u SERP-ovima, idealno za voice search.
   • Savjet: Koristite za smanjenje bounce ratea.
8. HowTo Schema
   Za korak-po-korak vodiče.
   • Ključna svojstva: step, supply, tool.
   • Primjeri: Tutoriali.
   • Benefiti: Prikazuje korake u snippetima, privlačeći korisnike.
   • Savjet: Dodajte slike za svaki korak.
9. JobPosting Schema
   Za oglase za posao: naziv, plaća, lokacija.
   • Ključna svojstva: title, hiringOrganization, baseSalary.
   • Primjeri: Karijera stranice.
   • Benefiti: Prikazuje plaću u pretragama za poslove.
   • Savjet: Integrirajte s Google for Jobs.
10. LocalBusiness Schema
    Proširenje Organization za lokalna poslovanja: adresa, radno vrijeme, recenzije.
    • Ključna svojstva: address, openingHours, review.
    • Primjeri: Obrti poput H1 Design.
    • Benefiti: Poboljšava lokalni SEO i Knowledge Panel.
    • Savjet: Povežite s Google Business Profileom.
11. Movie Schema
    Za filmove: naziv, redatelj, glumci.
    • Ključna svojstva: name, director, actor.
    • Primjeri: Filmske recenzije.
    • Benefiti: Prikazuje trailer i ocjene.
    • Savjet: Koristite za entertainment sajteve.
12. Organization Schema
    Osnovna za tvrtke: ime, logo, kontakt, društvene mreže.
    • Ključna svojstva: name, logo, contactPoint, sameAs.
    • Primjeri: O nama stranice.
    • Benefiti: Građenje Knowledge Grapha, povećanje autoriteta.
    • Savjet: Koristite na home pageu.
13. Person Schema
    Za osobe: ime, posao, kontakt.
    • Ključna svojstva: name, jobTitle, email.
    • Primjeri: Autorske biografije.
    • Benefiti: Povećava E-E-A-T za autore.
    • Savjet: Povežite s Article Schemom.
14. Product Schema
    Za proizvode: cijena, brand, ocjene.
    • Ključna svojstva: name, offers, review.
    • Primjeri: E-commerce stranice.
    • Benefiti: Prikazuje cijene i zvjezdice, povećavajući CTR.
    • Savjet: Kombinirajte s Offer za ponude.
15. Recipe Schema
    Za recepte: sastojci, vrijeme pripreme, kalorije.
    • Ključna svojstva: recipeIngredient, prepTime, nutrition.
    • Primjeri: Kuharski blogovi.
    • Benefiti: Prikazuje slike i ocjene u pretragama.
    • Savjet: Dodajte video za bolji engagement.
16. Review Schema
    Za recenzije: ocjena, autor, predmet.
    • Ključna svojstva: reviewRating, author, itemReviewed.
    • Primjeri: Proizvodne recenzije.
    • Benefiti: Omogućuje zvjezdice u snippetima.
    • Savjet: Ne koristite samostalno; kombinirajte s Product ili Book.
17. Service Schema
    Za usluge: naziv, opis, cijena.
    • Ključna svojstva: name, description, offers.
    • Primjeri: Usluge dizajna.
    • Benefiti: Poboljšava vidljivost usluga.
    • Savjet: Za B2B sajteve.
18. SoftwareApplication Schema
    Za softver: naziv, operativni sistem, cijena.
    • Ključna svojstva: name, operatingSystem, offers.
    • Primjeri: App stranice.
    • Benefiti: Prikazuje kompatibilnost.
    • Savjet: Koristite za tech proizvode.
19. VideoObject Schema
    Za video: naziv, trajanje, opis.
    • Ključna svojstva: name, duration, description.
    • Primjeri: YouTube embedovi.
    • Benefiti: Prikazuje thumbnail u pretragama.
    • Savjet: Dodajte transkripte za bolji SEO.
20. WebPage Schema
    Opisuje stranicu: tip, povezani entiteti.
    • Ključna svojstva: @type (npr. AboutPage), relatedTo.
    • Primjeri: Home page.
    • Benefiti: Povezuje stranice u graf.
    • Savjet: Koristite za home samo.
21. QAPage Schema
    Slično FAQ, ali za Q&A forume.
    • Ključna svojstva: mainEntity.
    • Primjeri: Forum stranice.
    • Benefiti: Podržava voice search.
22. MusicAlbum Schema
    Za albume: izvođač, pjesme.
    • Ključna svojstva: byArtist, track.
    • Primjeri: Glazbeni sajtevi.
    • Benefiti: Prikazuje playliste.
23. PodcastEpisode Schema
    Za epizode: naziv, trajanje, opis.
    • Ključna svojstva: name, duration, partOfSeries.
    • Primjeri: Podcast stranice.
    • Benefiti: Povećava vidljivost u podcast pretragama.

Ovi tipovi pokrivaju većinu scenarija; odaberite prema sadržaju.

Ako se s pojmom Schema Markup susrećete prvi put, možda vam sve djeluje apstraktno. No u praksi, postupak implementacije može se svesti na nekoliko jasnih koraka. Evo detaljnijeg vodiča:

1. Odaberite tip markupa
Prvi korak je odrediti koju vrstu strukturiranih podataka vaša stranica treba. Primjerice:

• Article – za blog objave i vijesti
• Product – za proizvode u webshopu
• FAQPage – za stranice s pitanjima i odgovorima
• LocalBusiness – za obrte i tvrtke s fizičkom adresom

Za potpuni popis tipova posjetite schema.org, službeni izvor svih definicija.

2. Generirajte kod
Jednom kad znate što vam treba, potrebno je generirati odgovarajući kod. To se može napraviti na više načina:

• Alati poput Google Structured Data Markup Helper ili Schema Markup Generator omogućuju vam da jednostavno označite sadržaj i dobijete gotov JSON-LD kod.
• Ako koristite WordPress, pluginovi poput Rank Math, Yoast SEO ili AIOSEO često već imaju ugrađene opcije za dodavanje Schema Markupa. U Rank Mathu, primjerice, kod svake objave možete otvoriti Schema tab i popuniti polja poput naslova, autora ili FAQ pitanja.

3. Dodajte kod na stranicu
JSON-LD kod se obično dodaje u HTML dokument, najčešće u <head></head> dio stranice. Ako koristite plugin, kod će se ubaciti automatski, a Google Tag Manager može poslužiti kao alternativa – omogućuje vam dodavanje i uređivanje strukturiranih podataka.

Primjer JSON-LD koda:

4. Validirajte kod
Nakon implementacije, važno je provjeriti je li kod ispravan i podržava li ga Google. Za to koristite:

• Google Rich Results Test – pokazuje kako Google vidi vaš markup i može li ga prikazati kao prošireni rezultat.
• Schema.org Validator – dodatna provjera sintakse i strukture.

5. Slijedite najbolje prakse

• Počnite s osnovama: dodajte Organization i WebPage markup na cijeli web.
• Povežite svoje entitete s vanjskim izvorima pomoću sameAs (npr. link na LinkedIn, Facebook, Google Business profil).
• Redovito ažurirajte podatke – osobito kod evenata ili cijena proizvoda.

6. Izbjegavajte uobičajene greške
Najčešći problemi nastaju kada:

• Kod nije valjan (tipfeleri ili krivi format).
• Koristite podatke koji se ne vide na stranici (Google to smatra obmanom).
• Pretjerujete – npr. označavate nepotrebne elemente samo da biste imali više „schema“, iako to nema smisla za korisnika.

Ako ove korake pratite redom, Schema Markup neće biti bauk. Štoviše, dugoročno će osigurati da tražilice bolje razumiju vaš sadržaj i da se istaknete u rezultatima pretrage.

AI tehnologije i glasovno pretraživanje mijenjaju način na koji ljudi dolaze do informacija. U tom kontekstu, Schema Markup postaje nezaobilazan alat, ne samo za bolju vidljivost, nego i za jačanje povjerenja i autoriteta vaše web stranice. Pravilna implementacija može donijeti bolju poziciju na tražilicama i više upita potencijalnih klijenata. Počnite s osnovnim oznakama poput organizacije i FAQ-a te pratite učinak kroz Google Search Console. Dajte svojoj web stranici priliku da se predstavi jasnije i da je tražilice doista razumiju.