Adding schema markup to your website involves inserting structured data code into the HTML of your web pages. Here are the steps to add schema markup:
Identify the Appropriate Schema Type
Determine which schema type best describes the content of the page you want to mark up. You can find a comprehensive list of schema types at Schema.org (https://schema.org/). Common schema types include Article, Product, Recipe, Event, LocalBusiness, and many more.
Choose a Markup Format
You can add schema markup using different formats, but JSON-LD (JavaScript Object Notation for Linked Data) is recommended by Google and is the most widely used format. JSON-LD is easy to implement and maintain.
Create the Schema Markup
Use the appropriate schema properties and values to create your schema markup. For example, if you're marking up a product page, you might include properties like "name," "description," "price," and "availability."
Here's an example of JSON-LD schema markup for a product:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Your Product Name",
"description": "A description of your product.",
"image": "https://example.com/product-image.jpg",
"brand": {
"@type": "Brand",
"name": "Your Brand Name"
},
"offers": {
"@type": "Offer",
"price": "19.99",
"priceCurrency": "USD",
"availability": "InStock"
}
}
</script>
Insert the Markup into Your HTML
Paste the JSON-LD code you've created into the HTML of the web page you want to mark up. Typically, it's placed in the
section of the page, just before the closing tag.Here's an example of where to insert the markup in your HTML:
<!DOCTYPE html>
<html>
<head>
<!-- Other meta tags and page content -->
<script type="application/ld+json">
{
/* Your JSON-LD schema markup here */
}
</script>
</head>
<body>
<!-- Page content -->
</body>
</html>
Monitor and Maintain
Regularly check the performance of your pages in search results and make adjustments to your schema markup as needed. Keep the structured data up to date, especially if the content on the page changes.
Adding schema markup to your website can improve how search engines understand and display your content in search results, potentially leading to better visibility and click-through rates.