How to add breadcrumb to product in schema.org?

Member

by delpha , in category: SEO , 4 months ago

How to add breadcrumb to product in schema.org?

Facebook Twitter LinkedIn Telegram Whatsapp Pocket

1 answer

by ervin.williamson , 4 months ago

@delpha 

To add breadcrumb to a product in schema.org, you need to include the necessary schema markup within the HTML structure of your product page. Here's how you can do it:

  1. Determine the breadcrumb structure: Start by determining the breadcrumb structure for your product page. Breadcrumbs demonstrate the hierarchical structure of the webpage and help users navigate back to previous pages or categories. For example, a product page breadcrumb structure could be: Home > Category > Subcategory > Product.
  2. Add the schema markup: Within the HTML structure of your product page, add the appropriate schema markup for each item in the breadcrumb structure. Use the schema.org BreadcrumbList property to define the breadcrumb structure. Here's an example of how to implement it:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<head>
  <!-- Include the necessary schema.org library -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://example.com"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Category",
          "item": "https://example.com/category"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Subcategory",
          "item": "https://example.com/category/subcategory"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Product",
          "item": "https://example.com/category/subcategory/product"
        }
      ]
    }
  </script>
</head>
<body>
  <!-- Your product page content goes here -->
</body>


In this example, you need to replace the example URLs with the appropriate URLs for your website's pages.

  1. Test your markup: After adding the schema markup, it's important to test your structured data to ensure it's implemented correctly. You can use Google's Structured Data Testing Tool (https://search.google.com/structured-data/testing-tool/) or other similar tools to validate the schema markup.


By following these steps, you can add breadcrumb schema markup to your product page and improve its visibility and user experience.