# How to Add Schema Markup to a Website (And Why It Matters) Schema markup is one of those behind-the-scenes techniques that can meaningfully change how your site appears in search results — without touching a single visible element on the page. If you've ever seen star ratings, event dates, or FAQ dropdowns appear directly in Google's results, you've already seen schema at work. ## What Schema Markup Actually Is **Schema markup** is structured data — a standardized vocabulary of tags you add to your HTML that helps search engines understand the *meaning* of your content, not just the words. It's based on the Schema.org vocabulary, a collaborative project maintained by Google, Bing, Yahoo, and Yandex. When you mark up a recipe page, for example, you're telling search engines: "This isn't just text — it's a recipe with a cook time, ingredient list, and calorie count." That context can trigger **rich results** (also called rich snippets) in search, making your listing more visually informative than a plain blue link. Schema doesn't guarantee rankings, but it can improve **click-through rates** by making your search listings more useful at a glance. ## The Three Main Ways to Add Schema Markup ### 1. JSON-LD (Recommended by Google) **JSON-LD** (JavaScript Object Notation for Linked Data) is a ` ``` Because JSON-LD is self-contained, it doesn't require you to modify the visible structure of your HTML — making it the **lowest-friction method** for most developers. ### 2. Microdata **Microdata** embeds schema attributes directly into your HTML elements using `itemscope`, `itemtype`, and `itemprop` attributes. It's more tightly coupled to your markup, which can make it harder to manage but useful when you want the structured data to align closely with visible page elements. ### 3. RDFa **RDFa** (Resource Description Framework in Attributes) works similarly to Microdata — attributes are added inline to HTML — but uses a different syntax. It's common in enterprise and government web contexts, and is less frequently used in typical web development today. | Method | Where It Lives | Ease of Editing | Google's Preference | |---|---|---|---| | JSON-LD | `