Creating microdata breadcrumb

± the idea. By its really easier to solve this by embed code (Also for CMS pages - it will be very hard to solve this without embed or custom json-ld).

But if you insist (Nice way to learn schema but tidy & not DRY for large sites):

  1. Create list (ol):
    image

  2. Add this att for the list:
    image

  3. For each List item {

— Attributes for the li:
image

— Add link:
image
------ Attributes for the link
image

— Add span (Select the link (click twice) and “add span”)
image
webflow tree:
image

Add attr for the span:
image
}

meta

No way to add the meta inside webflow list (Maybe google will recognize the path anyway).

<meta itemprop="position" content="1" />

The divider:

About the divider - do not use this as > (As live text) (Its not part of the link). For each list item add extra left padding and use icon as svg-arrow background image

Add combo class for the last item (remove the BG image and left padding)
image

Related forum Q:

Related article: