I recently added the RDFa breadcrumbs structured data to one of our websites.
Now it looks looks like it conflicts with the Open Graph data that was already present on the website. How is this possible? The OG data is in the <head>
tag and not even close to the breadcrumbs.
URL of site: https://www.badkamerwinkel.nl/wastafels/wastafel
Open Graph code in <head>
tag:
<meta property="al:ios:url" content="badkamer://categories/79"/><meta property="al:ios:app_name" content="Badkamerwinkel"/><meta property="al:ios:app_store_id" content="1079403656"/><meta property="og:type" content="product.group" />
<meta property="og:title" content="Wastafel nodig? | Badkamerwinkel.nl" />
<meta property="og:image" content="https://www.badkamerwinkel.nl/skin/frontend/bombastium/default/logo-200x200.png" />
<meta property="og:url" content="https://www.badkamerwinkel.nl/wastafels/wastafel" />
<meta property="og:description" content="Het grootste Online Wastafel assortiment vind je op Badkamerwinkel.nl > Ruime keuze uit verschillende soorten wastafels > Voor 20:30 besteld, morgen in huis" />
RDFa code in <body>
tag:
<ol vocab="http://schema.org/" typeof="BreadcrumbList" class="breadcrumb">
<li property="itemListElement" typeof="ListItem" class="home">
<a property="item" typeof="WebPage" href="https://www.badkamerwinkel.nl/" title="Ga naar Home"><span property="name">Home</span></a>
<meta property="position" content="1">
</li>
<li property="itemListElement" typeof="ListItem" class="category53">
<a property="item" typeof="WebPage" href="https://www.badkamerwinkel.nl/wastafels" title=""><span property="name">Wastafels</span></a>
<meta property="position" content="2">
</li>
<li property="itemListElement" typeof="ListItem" class="category79">
<a property="item" typeof="WebPage" href="https://www.badkamerwinkel.nl/wastafels/wastafel" title=""><span property="name">Wastafel</span></a>
<meta property="position" content="3">
</li>
</ol>