Strukturirani podaci (Schema.org) — JSON-LD vodic

Kako pomoci Google-u da razume vas sajt i prikaze rich snippets u rezultatima pretrage

30%
Veci CTR sa rich snippets (Search Engine Land)
800+
Schema.org tipova
JSON-LD
Google-ov preporuceni format
33%
Sajtova koristi structured data (Web Almanac)

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
Cinjenica: Schema.org je kreiran 2011. zajednickim naporom Google-a, Microsoft-a (Bing), Yahoo-a i Yandex-a. Danas ima preko 800 tipova i 1,400+ properties.

2. Formati: JSON-LD vs Microdata vs RDFa

Postoje tri formata za dodavanje strukturiranih podataka:

FormatPristupGoogle preporukaTezina
JSON-LDPoseban <script> blokPreporucen ✔Lako
MicrodataHTML atributi (itemscope, itemprop)PodrzanoSrednje
RDFaHTML atributi (typeof, property)PodrzanoTesko

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 vs Article: 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>
Vazno (2023 promena): Google je u avgustu 2023. smanjio prikazivanje FAQ rich results-a. Sada ih prikazuje samo za autoritativne izvore (vladine i zdravstvene sajtove). Ipak, Schema i dalje pomaze Google-u da razume sadrzaj i moze se prikazati u drugim kontekstima.

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>
Google Merchant Center: Za prikaz u Google Shopping tabu, Product schema nije dovoljan — morate se registrovati u Google Merchant Center i podesiti product feed.

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 tipSchema koji ga aktiviraSta prikazuje
FAQ AccordionFAQPageProsiriva pitanja/odgovori ispod rezultata
How-To StepsHowToKoraci sa slikama u rezultatima
Product BoxProduct + OfferCena, dostupnost, ocene sa zvezdicama
Review StarsAggregateRatingZvezdice (1-5) ispod naslova
BreadcrumbsBreadcrumbListPutanja navigacije umesto URL-a
Sitelinks SearchWebSite + SearchActionSearch box direktno u Google-u
Recipe CardRecipeSlika, vreme, kalorije, ocene
EventEventDatum, lokacija, cena karata
Upozorenje: Lazni ili manipulativni structured data (lazne recenzije, pogresne cene) mogu dovesti do manual action kazne u Google Search Console i uklanjanja iz rezultata.

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.
Zlatno pravilo: Strukturirani podaci MORAJU odgovarati vidljivom sadrzaju na stranici. Ako pisite FAQ schema, pitanja i odgovori moraju biti vidljivi korisnicima na stranici.

12. Reference i resursi

Proverite structured data vaseg sajta →

Structured Data (Schema.org) — JSON-LD Guide

How to help Google understand your site and display rich snippets in search results

30%
Higher CTR with rich snippets
800+
Schema.org types
JSON-LD
Google's recommended format
33%
Sites use structured data

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.

Fact: Schema.org was created in 2011 jointly by Google, Microsoft (Bing), Yahoo, and Yandex. Today it has 800+ types and 1,400+ properties.

2. Formats: JSON-LD vs Microdata vs RDFa

FormatApproachGoogle recommendation
JSON-LDSeparate <script> blockRecommended ✔
MicrodataHTML attributesSupported
RDFaHTML attributesSupported

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.

2023 change: Google reduced FAQ rich results display in August 2023. Now shown mainly for authoritative sources. Schema still helps Google understand content.

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.

Google Merchant Center: For Google Shopping tab, Product schema alone isn't enough — you need to register in Google Merchant Center with a product feed.

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 ResultSchema typeDisplays
FAQ AccordionFAQPageExpandable Q&A below result
How-To StepsHowToSteps with images
Product BoxProduct + OfferPrice, availability, stars
Review StarsAggregateRatingStar rating (1-5)
BreadcrumbsBreadcrumbListNavigation path
Recipe CardRecipeImage, time, calories
Warning: Fake or manipulative structured data (fake reviews, wrong prices) can result in a manual action penalty in Google Search Console.

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
Golden rule: Structured data MUST match visible page content. If you add FAQ schema, the questions and answers must be visible to users on the page.

12. References and resources

Check your site's structured data →