What is the correct use of schema.org SiteNavigationElement?

by

If SiteNavigationElement is meant for the whole navigation (i.e., a navigation link list), your first example is correct.

If SiteNavigationElement is meant for a single navigation entry (i.e., a link in the navigation link list), your second example is correct.

I think Schema.org doesn’t unambiguously define which variant is meant, as they only say:

A navigation element of the page.

However, the parent type WebPageElement is defined as:

A web page element, like a table or an image

Also, all the other child types (like Table or WPFooter) seem to be used for the whole thing, and not specific parts of the thing.

So this seems to suggest that the whole navigation should be marked up, and not each single link:

<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
<ul>
  <li><a href="https://stackoverflow.com/link-1">Link 1</a></li> <!-- don’t use the 'url' or 'name' property here! -->
  <li><a href="http://stackoverflow.com/link-2">Link 2</a></li>
</ul>
</nav>

In this case, all the properties belong to the whole navigation, so that means the url property would specify a URL for this navigation (and not the URLs of the links in this navigation!).

More Related Contents:

  1. Is it possible to use the same meta tag for opengraph and schema.org
  2. Can I Use Multiple ItemProps in a Span Tag for schema.org Rich Snippets?
  3. Best JSON-LD practices: using multiple elements?
  4. How do search engines deal with AngularJS applications?
  5. Do you put Schema Microdata meta tags in the html body?
  6. What is the purpose of the “role” attribute in HTML?
  7. What happens if the meta tags are present in the document body?
  8. Google bot crawling on AngularJS site with HTML5 Mode routes
  9. Why use Schema.org microdata to mark up web page elements?
  10. Is text-indent: -9999px a bad technique for replacing text with images, and what are the alternatives?
  11. Schema.org NewsArticle: invalid value for logo property
  12. HTML5 i tag validity with icons
  13. How to properly use h1 in HTML5
  14. Schema.org/Microdata markup for list of recent posts without providing “author” / “publisher”?
  15. How can I make this background to see full?
  16. How to make an element width: 100% minus padding?
  17. Fix footer to bottom of page
  18. Force flex item to span full row width
  19. Removing body margin in CSS
  20. HTML5 Email Validation
  21. Google Fonts are not rendering on Google Chrome
  22. Using CSS to insert text
  23. Rounded table corners CSS only
  24. Adding a background image to a element
  25. Bootstrap 4 – Responsive cards in card-columns
  26. Are there other whitespace codes like &nbsp for half-spaces, em-spaces, en-spaces etc useful in HTML?
  27. How to make last cell of a row in a table occupy all remaining width
  28. Add border to div increase div width?
  29. Upload a whole directory through an HTML form
  30. Div with horizontal scrolling only

Leave a Comment