Strukturirani podaci (Schema.org) — JSON-LD vodic
Kako pomoci Google-u da razume vas sajt i prikaze rich snippets u rezultatima pretrage
Sadrzaj
1. Sta su strukturirani podaci i zasto ih Google koristi
Strukturirani podaci su standardizovani format za oznacavanje informacija na web stranici. Dok ljudi mogu citati tekst i razumeti kontekst, pretrazivaci to ne mogu pouzdano. Schema.org markup eksplicitno govori Google-u: "ovo je clanak", "ovo je cena proizvoda", "ovo je adresa firme".
Google koristi strukturirane podatke za:
- Rich Snippets — prosireni rezultati sa zvezdicama, cenama, slikama, FAQ akordionima
- Knowledge Graph — informacioni paneli na desnoj strani Google rezultata
- Google Discover — preporuke sadrzaja na mobilnom
- Voice Search — Google Assistant koristi structured data za odgovore
- Bolje razumevanje — entiteti, relacije, kontekst stranice
2. Formati: JSON-LD vs Microdata vs RDFa
Postoje tri formata za dodavanje strukturiranih podataka:
| Format | Pristup | Google preporuka | Tezina |
|---|---|---|---|
| JSON-LD | Poseban <script> blok | Preporucen ✔ | Lako |
| Microdata | HTML atributi (itemscope, itemprop) | Podrzano | Srednje |
| RDFa | HTML atributi (typeof, property) | Podrzano | Tesko |
Zasto JSON-LD?
- Ne modifikuje HTML — dodaje se kao zaseban
<script>tag - Lakse za odrzavanje — markup je odvojen od prikaza
- Google ga eksplicitno preporucuje u dokumentaciji
- Moze se dinamicki generisati sa JavaScript-om
- Manje sanse za gresku nego Microdata sa isprepletenim atributima
<!-- JSON-LD — cist, odvojen od HTML-a -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Naslov clanka"
}
</script>
<!-- Microdata — umesto u HTML atributima -->
<div itemscope itemtype="https://schema.org/Article">
<h1 itemprop="headline">Naslov clanka</h1>
</div>
3. Article / BlogPosting
Najcesci tip za blog clanke i vesti. Omogucava Google-u da prikaze datum objave, autora i sliku u rezultatima.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Meta Tagovi — Title i Description optimizacija",
"author": {
"@type": "Person",
"name": "Toske",
"url": "https://toske-programer.web.app"
},
"publisher": {
"@type": "Organization",
"name": "Web Security Scanner",
"logo": {
"@type": "ImageObject",
"url": "https://vasajt.rs/logo.png"
}
},
"datePublished": "2026-04-09",
"dateModified": "2026-04-09",
"image": "https://vasajt.rs/cover.jpg",
"description": "Kompletni vodic za HTML meta tagove...",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://vasajt.rs/blog-seo-meta"
}
}
</script>
BlogPosting je podtip od Article. Za blog koristite BlogPosting, za vesti NewsArticle. Google ih tretira slicno — Article je najsigurniji izbor.4. FAQPage
FAQ schema prikazuje pitanja i odgovore direktno u Google rezultatima kao prosirivi akordion. Ovo dramaticno povecava vidljivost — vas rezultat moze zauzeti 3-4x vise prostora u SERP-u.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Sta je Schema.org?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Schema.org je standardizovani recnik za oznacavanje
strukturiranih podataka na web stranicama."
}
},
{
"@type": "Question",
"name": "Da li Schema utice na SEO?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Indirektno — rich snippets povecavaju CTR za 20-30%,
sto signalizira relevantnost Google-u."
}
}
]
}
</script>
5. HowTo
Za vodice i tutoriale korak-po-korak. Google moze prikazati korake direktno u rezultatima sa slikama.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Kako instalirati SSL sertifikat sa Let's Encrypt",
"description": "Vodic za besplatan SSL sertifikat u 3 koraka.",
"totalTime": "PT10M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "EUR",
"value": "0"
},
"step": [
{
"@type": "HowToStep",
"name": "Instalirajte Certbot",
"text": "Pokrenite: sudo apt install certbot python3-certbot-nginx",
"url": "https://vasajt.rs/ssl-vodic#korak1"
},
{
"@type": "HowToStep",
"name": "Pokrenite Certbot",
"text": "Pokrenite: sudo certbot --nginx -d vasadomena.com",
"url": "https://vasajt.rs/ssl-vodic#korak2"
},
{
"@type": "HowToStep",
"name": "Potvrdite auto-renewal",
"text": "Testirajte: sudo certbot renew --dry-run",
"url": "https://vasajt.rs/ssl-vodic#korak3"
}
]
}
</script>
6. Product (e-commerce)
Kriticno za online prodavnice. Prikazuje cenu, dostupnost, ocene i slike direktno u Google rezultatima. Sajtovi sa Product schema imaju do 35% veci CTR za komercijalne upite.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Wireless Bluetooth Slusalice",
"image": "https://vasajt.rs/slusalice.jpg",
"description": "Bezdratne slusalice sa ANC tehnologijom, 30h baterija.",
"brand": {
"@type": "Brand",
"name": "TechBrand"
},
"sku": "BT-500",
"offers": {
"@type": "Offer",
"url": "https://vasajt.rs/slusalice",
"priceCurrency": "RSD",
"price": "8990",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "Vas Shop"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"reviewCount": "127"
}
}
</script>
7. LocalBusiness
Obavezan za lokalne biznise. Prikazuje adresu, radno vreme, telefon i recenzije u Google Maps i lokalnim rezultatima. Detaljnije u nasem Lokalni SEO vodicu.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Restaurant",
"name": "Kafana Kod Brace",
"image": "https://kafana.rs/foto.jpg",
"address": {
"@type": "PostalAddress",
"streetAddress": "Knez Mihailova 15",
"addressLocality": "Beograd",
"postalCode": "11000",
"addressCountry": "RS"
},
"telephone": "+381-11-123-4567",
"url": "https://kafana.rs",
"priceRange": "$$",
"servesCuisine": "Srpska kuhinja",
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
"opens": "10:00",
"closes": "23:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Saturday","Sunday"],
"opens": "11:00",
"closes": "01:00"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"reviewCount": "312"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 44.8176,
"longitude": 20.4569
}
}
</script>
8. Organization + BreadcrumbList
Organization
Definise vasu organizaciju za Knowledge Graph panel na desnoj strani Google-a.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Web Security Scanner",
"url": "https://security-skener.gradovi.rs",
"logo": "https://security-skener.gradovi.rs/logo.png",
"sameAs": [
"https://github.com/vasuser",
"https://twitter.com/vasuser"
],
"contactPoint": {
"@type": "ContactPoint",
"email": "info@vasajt.rs",
"contactType": "customer service"
}
}
</script>
BreadcrumbList
Prikazuje putanju navigacije u Google rezultatima umesto golog URL-a. Poboljsava izgled i korisnicko iskustvo.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Pocetna",
"item": "https://vasajt.rs/"
},
{
"@type": "ListItem",
"position": 2,
"name": "SEO Vodic",
"item": "https://vasajt.rs/blog-seo"
},
{
"@type": "ListItem",
"position": 3,
"name": "Schema.org"
}
]
}
</script>
9. Rich Results — sta su i kako izgledaju
Rich Results su prosireni rezultati u Google pretrazi koji sadrze vise informacija od standardnog plavog linka. Tipovi:
| Rich Result tip | Schema koji ga aktivira | Sta prikazuje |
|---|---|---|
| FAQ Accordion | FAQPage | Prosiriva pitanja/odgovori ispod rezultata |
| How-To Steps | HowTo | Koraci sa slikama u rezultatima |
| Product Box | Product + Offer | Cena, dostupnost, ocene sa zvezdicama |
| Review Stars | AggregateRating | Zvezdice (1-5) ispod naslova |
| Breadcrumbs | BreadcrumbList | Putanja navigacije umesto URL-a |
| Sitelinks Search | WebSite + SearchAction | Search box direktno u Google-u |
| Recipe Card | Recipe | Slika, vreme, kalorije, ocene |
| Event | Event | Datum, lokacija, cena karata |
10. Alati za testiranje i generisanje
Testiranje
- Google Rich Results Test — proverava da li vasi podaci kvalifikuju za rich snippets. Prikazuje kako ce izgledati u Google-u.
- Schema Markup Validator — detaljnija provera sintakse i upozorenja za sve Schema.org tipove.
- Google Search Console — Enhancements sekcija prikazuje greske u structured data na celom sajtu.
- Web Security Scanner — detektuje prisustvo structured data na vasem sajtu.
Generisanje
- TechnicalSEO Schema Generator — vizuelni generator za sve popularne Schema tipove.
- Merkle Schema Markup Generator — slican alat sa podrsikom za vise tipova.
- Rank Math / Yoast SEO — WordPress plugini koji automatski generisu Article, FAQPage, HowTo i druge Schema tipove.
- Rucno pisanje — za napredne korisnike, koristite Schema.org dokumentaciju i JSON-LD Playground za eksperimentisanje.
11. Najcesce greske
- Markup koji ne odgovara sadrzaju — Product schema na stranici koja nije prodajni listing. Google ovo strogo sankcionise.
- Nepotpuni podaci — Product bez cene, Article bez autora. Google ignorise nepotpune podatke.
- Lazne recenzije — aggregateRating bez stvarnih recenzija. Moze dovesti do manual action.
- Microdata greske — isprepleteni atributi u slozeenom HTML-u. Zato koristite JSON-LD.
- Outdated markup — koriscenje zastarelih tipova ili properties. Proverite Schema.org release notes.
- Sakriveni sadrzaj — structured data za sadrzaj koji korisnici ne mogu videti na stranici. Google ovo tretira kao prevaru.
- Vise istih tipova nepotrebno — dva Article schema na istoj stranici zbunjuju Google.
12. Reference i resursi
- Schema.org — Kompletna dokumentacija
- Google — Uvod u Structured Data
- Google — Article Schema
- Google — FAQPage Schema
- Google — Product Schema
- Google — LocalBusiness Schema
- Google Rich Results Test
- Schema Markup Validator
- Search Engine Journal — Structured Data Guide
Structured Data (Schema.org) — JSON-LD Guide
How to help Google understand your site and display rich snippets in search results
Table of Contents
1. What are structured data and why Google uses them
Structured data is a standardized format for marking up information on web pages. While humans read text and understand context, search engines need explicit markup: "this is an article", "this is a product price", "this is a business address".
Google uses structured data for: Rich Snippets, Knowledge Graph, Google Discover, Voice Search, and better content understanding.
2. Formats: JSON-LD vs Microdata vs RDFa
| Format | Approach | Google recommendation |
|---|---|---|
| JSON-LD | Separate <script> block | Recommended ✔ |
| Microdata | HTML attributes | Supported |
| RDFa | HTML attributes | Supported |
Why JSON-LD? Doesn't modify HTML, easier to maintain, Google explicitly recommends it, can be dynamically generated with JavaScript.
3. Article / BlogPosting
Most common type for blog posts and news. Enables Google to display publish date, author, and image in results.
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Your Article Title",
"author": {"@type": "Person", "name": "Author Name"},
"datePublished": "2026-04-09",
"image": "https://yoursite.com/cover.jpg"
}
4. FAQPage
Displays questions and answers directly in Google results as expandable accordions. Dramatically increases visibility — your result can take up 3-4x more SERP space.
5. HowTo
For step-by-step guides and tutorials. Google can display steps directly in results with images. Include name, text, and URL for each step.
6. Product (e-commerce)
Critical for online stores. Displays price, availability, ratings, and images in Google results. Sites with Product schema get up to 35% higher CTR for commercial queries.
7. LocalBusiness
Essential for local businesses. Displays address, hours, phone, and reviews in Google Maps and local results. More in our Local SEO guide.
8. Organization + BreadcrumbList
Organization: Defines your organization for the Knowledge Graph panel. Include name, URL, logo, social profiles.
BreadcrumbList: Shows navigation path in Google results instead of raw URL. Improves appearance and user experience.
9. Rich Results types
| Rich Result | Schema type | Displays |
|---|---|---|
| FAQ Accordion | FAQPage | Expandable Q&A below result |
| How-To Steps | HowTo | Steps with images |
| Product Box | Product + Offer | Price, availability, stars |
| Review Stars | AggregateRating | Star rating (1-5) |
| Breadcrumbs | BreadcrumbList | Navigation path |
| Recipe Card | Recipe | Image, time, calories |
10. Testing and generation tools
- Google Rich Results Test — check if your data qualifies for rich snippets
- Schema Markup Validator — detailed syntax checking
- Google Search Console — Enhancements section shows structured data errors
- Schema Generator — visual generator for popular types
- Rank Math / Yoast SEO — WordPress plugins with auto Schema generation
11. Common mistakes
- Markup doesn't match content — Product schema on non-product page
- Incomplete data — Product without price, Article without author
- Fake reviews — aggregateRating without real reviews
- Hidden content — structured data for content users can't see
- Outdated markup — deprecated types or properties
12. References and resources
- Schema.org — Full documentation
- Google — Structured Data Intro
- Google — Article Schema
- Google — FAQPage Schema
- Google — Product Schema
- Google Rich Results Test
- Schema Markup Validator