Creating microdata breadcrumb

[MarketingSolution (Roderick de Wit)]

Im trying to create a breadcrumb accrding schema.org without the use of a embedded code. This is the example of shema.org BreadcrumbList - Schema.org Type

    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/dresses">
    <span itemprop="name">Dresses</span></a>
    <meta itemprop="position" content="1" />
  </li>
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/dresses/real">
    <span itemprop="name">Real Dresses</span></a>
    <meta itemprop="position" content="2" />
  </li>
</ol>

The problem is that im unable to add <meta itemprop="position" content="1" /> Any suggestions to add this?

Here is my current example; https://preview.webflow.com/preview/pseo?utm_source=pseo&preview=4b738de8dad62d2d1ab8b91f0b28ff03

[Siton_Systems (Ezra Siton)]

± 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):
   

2. Add this att for the list:
   

3. For each List item {

— Attributes for the li:

— Add link:

------ Attributes for the link

— Add span (Select the link (click twice) and “add span”)

webflow tree:

Add attr for the span:

}

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)

Related forum Q:

Schema.org - Structured data in webflow

Hello Webflowers! I’ve read every post on this forum related to structured data but I feel that we (me) are in need of clear, relevant tutorial. Has anyone been able to add structured data to their webflow site that is picked up correctly when testing in the structured data tool by google?

Related article:

วิธีเพิ่มมาร์กอัปเบรดครัมบ์ (BreadcrumbList) | Google Search Central...

[Siton_Systems (Ezra Siton)]

A better way: create breadcrumb by webflow editor.

And copy-paste RDFA - before body (Only change the values):

Şema İşaretleme Test Aracı | Google Arama Merkezi  |  Google...

[joejola (Joseph Amato)]

the meta tag can now be achieved with a custom element.

[jfiche]

Resurrecting this post, 2025, what is the best way to add structured data to Webflow? Blog content, FAQ, Product, breadcrumb

[memetican (Michael Wells)]

Nothing has changed.

If your content is in the CMS, microdata is your best bet. Custom attributes are safe here for data-binding. Embeds containing JSON risk invalid JSON, due to the fact that Weblfow HTML forcably encodes all field embeds.