title: Use of SiteNavigationElement and BreadcrumbList together
body: <p>I am working on my following SEO-friendly navigation:</p>
  
  <pre><code>&lt;nav itemprop="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"&gt;
      &lt;ul id="hornavmenu" class="nav navbar-nav"&gt;
          &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" &gt;
              &lt;a href="index.html" class="fa-home active" itemprop="item"&gt;&lt;span itemprop="name"&gt;Start&lt;/span&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" &gt;
              &lt;a href="about.html" class="fa-group " itemprop="item"&gt;&lt;span itemprop="name"&gt;About&lt;/span&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" &gt;
              &lt;a href="contact.html" class="fa-comment " itemprop="item"&gt;&lt;span itemprop="name"&gt;Contact&lt;/span&gt;&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>So the problem is, that in Google Search the Breadcrumblist looks like this:<br>
  URL -> Start -> About -> Contact</p>
  
  <p>Of course that's wrong, but what is wrong in the code? Additionally, I would like to add:</p>
  
  <pre><code>&lt;nav itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement"&gt;
      …
  &lt;/nav&gt;
  </code></pre>
  
  <p>…but where do I add the BreadcrumbList and how do I merge these two?</p>