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 [email protected] 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
Feedback sent
We appreciate your effort and will try to fix the article