Intermediate LevelHTML & Semantic Web
How do you embed structured Schema.org metadata in HTML using JSON-LD?
❓ Interview Prompt: Explain JSON-LD (<script type="application/ld+json">), Schema.org vocabularies, and search engine Rich Results.
JSON-LD (JavaScript Object Notation for Linked Data) embeds structured data metadata in HTML via '<script type="application/ld+json">'.
SEO Impact:
Search engines (Google, Bing) read Schema.org JSON-LD scripts to display Rich Results (star ratings, event dates, recipe prep times, product prices) in search engine result pages!
Code Implementation Example
html
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Wireless Headphones",
"image": "https://example.com/headphones.jpg",
"offers": {
"@type": "Offer",
"price": "99.99",
"priceCurrency": "USD"
}
}
</script>💡Embedding Schema.org Product metadata using JSON-LD script block.
🎯 Interview Key Takeaway
Use JSON-LD scripts (<script type="application/ld+json">) to provide search engines with structured Schema.org metadata for Rich Results.
#JSON-LD#Schema.org#SEO#Rich Results#Intermediate
Back to all HTML & Semantic Web Questions→