Uvod u Schema.org i strukturirane podatke
Strukturirani podaci predstavljaju standardizirani format za pružanje informacija o web-stranici i klasificiranje njezinog sadržaja. Glavni repozitorij za ovaj rječnik je Schema.org, zajednički projekt koji tražilicama omogućuje razumijevanje semantičkog značenja elemenata na stranici. Kada tražilice poput Googlea, Binga ili Yahooa posjete web-mjesto, one analiziraju HTML kôd kako bi indeksirale sadržaj. Međutim, običan tekst može biti dvosmislen. Primjenom strukturiranih podataka, webmasteri i programeri mogu eksplicitno definirati entitete, njihova svojstva i međusobne odnose.
Ovaj proces izravno utječe na način na koji se web-stranice prikazuju u rezultatima pretraživanja. Pravilno implementirani strukturirani podaci pomažu tražilicama da generiraju bogate rezultate (rich results), koji mogu uključivati vizualne elemente, ocjene, cijene ili izravne odgovore na pitanja unutar samog sučelja tražilice. Iako prisutnost strukturiranih podataka ne jamči automatski prikaz bogatih rezultata, ona je nužan tehnički preduvjet za njihovo ostvarivanje.
Svrha JSON-LD formata za web-sadržaj
JSON-LD (JavaScript Object Notation for Linked Data) je format zapisa strukturiranih podataka koji se preporučuje za modernu optimizaciju tražilica (SEO). Za razliku od starijih formata kao što su Microdata ili RDFa, koji se integriraju izravno unutar HTML oznaka pojedinačnih elemenata vidljivog teksta, JSON-LD se implementira kao jedinstveni blok koda unutar <script> oznake.
Ovaj pristup donosi nekoliko tehničkih prednosti za administratore sadržaja i programere:
- Razdvajanje koda i prezentacije: JSON-LD se može smjestiti bilo gdje u HTML dokumentu, najčešće unutar
<head>ili na samom kraju<body>odjeljka, bez utjecaja na vizualni raspored elemenata na stranici. - Jednostavno održavanje: Budući da je sav strukturirani sadržaj grupiran na jednom mjestu, lakše ga je dinamički generirati, provjeravati i ažurirati pomoću CMS sustava ili prilagođenih skripti.
- Smanjena mogućnost pogreške: Izbjegava se potreba za ugniježđivanjem atributa unutar složenih HTML struktura, čime se smanjuje rizik od narušavanja valjanosti samog HTML-a.
Razumijevanje FAQPage sheme
FAQPage shema koristi se kada stranica sadrži popis često postavljanih pitanja i odgovora o određenoj temi. Pravilno označavanje omogućuje tražilicama da prepoznaju parove pitanja i odgovora te ih potencijalno prikažu izravno u rezultatima pretraživanja.
Pri izradi FAQPage strukturiranih podataka primjenjuju se sljedeća pravila i ograničenja:
- Svaka stavka mora sadržavati i pitanje i odgovor. Ako nedostaje jedan od ovih elemenata, generator će prikazati pogrešku poput "Stavka
{index}zahtijeva pitanje." ili "Stavka{index}zahtijeva odgovor.". - Ako se ne unese niti jedan par, sustav javlja pogrešku "Dodajte barem jedno potpuno pitanje i odgovor.".
- Sadržaj koji se označava mora u potpunosti odgovarati tekstu koji je vidljiv posjetiteljima na samoj web-stranici.
Razumijevanje Product sheme s ponudama
Product shema omogućuje web-mjestima za e-trgovinu slanje detaljnih informacija o proizvodima izravno tražilicama. To uključuje ključne komercijalne podatke koji se mogu prikazati u rezultatima pretraživanja, kao što su cijena, dostupnost i identifikatori proizvoda.
Prilikom generiranja koda za proizvod, generator provjerava specifična polja:
- Naziv proizvoda: Ovo je obavezno polje. Ako se izostavi, pojavit će se poruka "Dodajte naziv proizvoda.".
- Cijena: Mora biti nenegativan broj s brojkama i opcionalnom decimalnom točkom. U slučaju neispravnog unosa, sustav prikazuje pogrešku "Koristite nenegativnu cijenu s brojkama i opcionalnom decimalnom točkom." ili "Dodajte cijenu ponude." ako je polje prazno.
- Kôd valute: Zahtijeva se troslovni kôd valute prema standardu ISO 4217 (npr. USD, EUR ili HRK). Neispravan unos rezultira pogreškom "Koristite troslovni kôd valute kao što su USD, EUR ili HRK.".
- URL-ovi: URL proizvoda i URL slike moraju biti potpune adrese koje počinju s
http://ilihttps://. Ako nisu ispravno formatirani, generator javlja "URL proizvoda mora biti potpuna http:// ili https:// adresa." odnosno "URL slike mora biti potpuna http:// ili https:// adresa.".
Neobavezna polja kao što su opis, marka i SKU (Stock Keeping Unit) izostavljaju se iz konačnog koda ako ostanu prazna, čime se osigurava čistoća generiranog JSON-LD-a.
Razumijevanje HowTo sheme
HowTo shema opisuje upute korak-po-korak koje vode korisnika kroz uspješno izvršavanje određenog zadatka. Ova shema je korisna za članke s uputama, kulinarske recepte (iako oni često koriste specifičniju Recipe shemu) i tehničke vodiče.
Struktura HowTo sheme u ovom generatoru obuhvaća:
- Naslov vodiča: Obavezno polje bez kojeg se kôd ne može generirati, uz upozorenje "Dodajte naslov vodiča.".
- Ukupno vrijeme: Izražava se u minutama i mora biti cijeli broj u rasponu od 1 do 100.000. Unos izvan ovog raspona ili neispravan format aktivira pogrešku "Ukupno vrijeme mora biti cijeli broj od 1 do 100.000 minuta.".
- Materijali i alati: Unose se u zasebna polja, pri čemu se svaka stavka upisuje u zaseban redak.
- Koraci: Vodič mora sadržavati barem jedan potpuni korak, inače se prikazuje poruka "Dodajte barem jedan potpuni korak.". Svaki pojedinačni korak zahtijeva upute, a ako one nedostaju, sustav javlja "Stavka
{index}zahtijeva upute za korak.".
Pravila validacije i rad u pregledniku
Generator radi pod strogim pravilima validacije kako bi osigurao da je generirani JSON-LD kôd tehnički ispravan prije nego što ga kopirate na svoju web-stranicu. Provjera svih obaveznih polja vrši se u stvarnom vremenu, odnosno dok pišete. Potpuna skripta pojavljuje se u izlaznom polju tek kada je svako obavezno polje valjano.
Uređivač ima ugrađena ograničenja radi očuvanja stabilnosti:
- Ako je uneseni tekst u nekom polju predug, prikazat će se poruka "
{field}je predugo za ovaj uređivač. Neka bude kraće od{max}znakova.". - Broj stavki (poput pitanja ili koraka) ograničen je porukom "Ovaj uređivač podržava do
{max}stavki odjednom.".
Svi procesi obrade podataka i generiranja koda odvijaju se lokalno unutar vašeg web-preglednika. Vaši unosi ostaju u vašem pregledniku i ništa se ne šalje na poslužitelje BroBroGo, što osigurava privatnost vaših radnih podataka tijekom pripreme oznaka.
Često postavljana pitanja (FAQ)
Koje vrste shema mogu izraditi?
Vođeni obrasci pokrivaju FAQPage, Product s ponudom (Offer) te HowTo s poredanim koracima, materijalima i alatima. Prazna neobavezna polja izostavljaju se iz koda.
Kamo trebam staviti generirani JSON-LD?
Zalijepite potpunu skriptu u <head> ili <body> dio stranice čiji vidljivi sadržaj opisuje. Neka označavanje bude usklađeno s onim što posjetitelji stvarno mogu vidjeti.
Jamči li valjano označavanje bogate rezultate pretraživanja?
Ne. Valjano označavanje sheme (schema.org) pomaže uslugama da razumiju stranicu, ali posebni prikazi u pretraživanju nikada nisu zajamčeni. Google više ne prikazuje bogate rezultate (rich results) za FAQ ili HowTo.
Kako mogu provjeriti je li generirani kôd ispravan?
Nakon što popunite sva obavezna polja i generator potvrdi da su svi unosi ispravni, možete iskoristiti opciju za provjeru koda izravno putem vanjskih alata klikom na poveznicu za schema.org validator.