How To: Create Breadcrumb List Markup

Modified on Thu, 18 Jan 2024 at 04:20 PM

Breadcrumb List markup describes the relationship of a WebPage to its parent pages, providing information about hierarchy and categories. Typically, Breadcrumbs are read from left to right, starting at the most general parent page and becoming more specific. This support document explains how to author Breadcrumb markup using the Schema App Editor. 


Note: If you are using the Schema App WordPress Plugin, you may have automatically generated Breadcrumb markup. Contact support@schemaapp.com if you have questions about automatically generated markup.


Resources Required:

  • Schema App Editor
  • Rich Results Test


TABLE OF CONTENTS


How To: Author Breadcrumb Markup Using the Schema App Editor

Step 1: Create BreadcrumbList Data Item

Use the Schema App Editor to create a data item for the page you want to mark up. In this support article, our example will be the Schema App Integrations page

Step 2: Create a ListItem Data Item for the first Breadcrumb

Copy the URL and the name of the first Breadcrumb.


The name of the ListItem should be the same Breadcrumb text. The URI should be the page we are marking up. The Type should be List Item.

Step 3: Add "item" and "position" information to the ListItem Data Item 

Once you click Create, you will need to open the full data item to edit the "item" and "position" properties. 



The "item" property is where you will paste the URL you copied for the first breadcrumb. The "position" expects an integer that denotes whether this breadcrumb is first, second, third, etc. in its list. 



Step 4: Return to the Breadcrumb List Data Item and Repeat Steps 2 & 3


Use the "Data Item Used By" section to navigate back to the BreadcrumbList data item.


From here you will need to add data items for each of the remaining Breadcrumbs. In our example, we have 3 more instances to add:

  • Knowledge Base
  • Collection Page: Schema App Integrations
  • General


Step 5: Review Your Work with the Rich Results Test

Once you have completed your breadcrumb list, you can test the JSON-LD using the Rich Results Test.

Success!



Example JSON-LD


<script type="application/ld+json">

{

    "@context": "http://schema.org",

    "@type": "BreadcrumbList",

    "name": "Schema App Integrations Breadcrumb List",

    "itemListElement": [

        {

            "@type": "ListItem",

            "item": "https://support.schemaapp.com/support/home",

            "position": "1",

            "name": "Home",

            "@id": "https://support.schemaapp.com/support/solutions/articles/33000265570-schema-app-integrations#ListItem"

        },

        {

            "@type": "ListItem",

            "item": "https://support.schemaapp.com/support/solutions",

            "position": "2",

            "name": "Knowledge base",

            "@id": "https://support.schemaapp.com/support/solutions/articles/33000265570-schema-app-integrations#ListItem1"

        },

        {

            "@type": "ListItem",

            "item": "https://support.schemaapp.com/support/solutions/folders/33000216706",

            "position": "3",

            "name": "General",

            "@id": "https://support.schemaapp.com/support/solutions/articles/33000265570-schema-app-integrations#ListItem2"

        },

        {

            "@type": "ListItem",

            "item": "https://support.schemaapp.com/support/solutions/33000137369",

            "position": "4",

            "name": "Schema App Integrations",

            "@id": "https://support.schemaapp.com/support/solutions/articles/33000265570-schema-app-integrations#ListItem3"

        }

    ],

    "@id": "https://support.schemaapp.com/support/solutions/articles/33000265570-schema-app-integrations"

}

</script>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article