How To Add Breadcrumb Markup

Breadcrumbs help users and search engines know the hierarchy of your content. In this article, we will show you how to add this markup to your site.

Supplies:

Computer
Schema.org
Simplified Search Schema Generator

Step 1: Access the Structured Data Generator

Log on to simplifiedsearch.net and access the structured data generator.

Step 2: Select the Breadcrumb Option

Click the dropdown and select the breadcrumb option.

Step 3: Fill Out The Form

Add your content to the form.

Step 4: Copy and Paste

Copy the code that was generated by the tool and add to the HTML of your page.

JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "HowTo",
  "name": "How To Add Breadcrumb Markup",
  "description": "Breadcrumbs help users and search engines know the hierarchy of your content. In this article, we will show you how to add this markup to your site.",
  "image": "https://simplifiedsearch.net/wp-content/uploads/2020/11/breadcrumbs-bestbuy-location-based-768x218.jpg",
  "totalTime": "PT5M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "0"
  },
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "Computer"
    },
    {
      "@type": "HowToSupply",
      "name": "Schema.org"
    },
    {
      "@type": "HowToSupply",
      "name": "Simplified Search Schema Generator"
    }
  ],
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Computer"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "text": "Log on to simplifiedsearch.net and access the structured data generator.",
      "image": "https://simplifiedsearch.net/wp-content/uploads/2020/11/breadcrumb-1536x1065.png",
      "name": "Access the Structured Data Generator",
      "url": "https://simplifiedsearch.net/schema-examples/how-to-markup/"
    },
    {
      "@type": "HowToStep",
      "text": "Click the dropdown and select the breadcrumb option.",
      "image": "https://simplifiedsearch.net/wp-content/uploads/2020/11/breadcrumb-selected-1536x1068.png",
      "name": "Select the Breadcrumb Option",
      "url": "https://simplifiedsearch.net/schema-examples/how-to-markup/"
    },
    {
      "@type": "HowToStep",
      "text": "Add your content to the form.",
      "image": "https://simplifiedsearch.net/wp-content/uploads/2020/11/breadcrumb-filled-out-1536x675.png",
      "name": "Fill Out The Form",
      "url": "https://simplifiedsearch.net/schema-examples/how-to-markup/"
    },
    {
      "@type": "HowToStep",
      "text": "Copy the code that was generated by the tool and add to the HTML of your page.",
      "image": "https://simplifiedsearch.net/wp-content/uploads/2020/11/breadcrumb-filled-out-copied-1536x675.png",
      "name": "Copy and Paste",
      "url": "https://simplifiedsearch.net/schema-examples/how-to-markup/"
    }
  ]
}
</script>

How-to Markup