Show where the page sits

How to do it

Render the trail as a nav with an ordered list. Show the current page as plain text with aria-current="page". Use the same names and URLs in the BreadcrumbList. The last item may leave out item.

Example

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/services">Services</a></li>
    <li aria-current="page">Website review</li>
  </ol>
</nav>

{
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "Services", "item": "https://example.com/services" },
    { "@type": "ListItem", "position": 3, "name": "Website review" }
  ]
}

How to check

A test reads the visible trail and the JSON-LD on every inner page. The names and URLs match in the same order.