Ruta de navegación

Los recorridos de una ruta de navegación en una página indican su posición en la jerarquía de un sitio. Un usuario puede navegar hasta el nivel superior de la jerarquía, de a un nivel por vez, comenzando desde la última ruta del recorrido.

Ejemplos

La Búsqueda de Google usa lenguaje de marcado de ruta de navegación en el cuerpo de una página web para clasificar la información de la página en los resultados de la búsqueda. A menudo, como se muestra en los siguientes casos prácticos, los usuarios pueden llegar a una página desde tipos de búsquedas muy distintos. Si bien cada búsqueda puede mostrar la misma página web, la ruta de navegación clasifica el contenido dentro del contexto de la consulta de la Búsqueda de Google. La página ancillaryjustice.html puede mostrar los siguientes recorridos de una ruta de navegación según el contexto de la búsqueda:

Una búsqueda del título del libro "Justicia auxiliar" puede generar la siguiente ruta de navegación:

Libros › Autores › Ann Leckie › Justicia auxiliar

Aquí tienes un ejemplo en JSON-LD con la herramienta de prueba de datos estructurados que admite esa ruta de navegación:

<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script>

Una búsqueda de un año y un premio basado en géneros, "2014 Nebula Award para la mejor novela", puede generar la siguiente ruta de navegación:

Libros › Ciencia ficción › Justicia auxiliar

RDFa

Aquí tienes un ejemplo en RDFa con la herramienta de prueba de datos estructurados que admite esa ruta de navegación:

<ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinnders"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol>

Microdatos

Aquí tienes un ejemplo en microdatos con la herramienta de prueba de datos estructurados que admite esa ruta de navegación:

<ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/ancillaryjustice"> <span itemprop="name">Ancillary Justice</span></a> <meta itemprop="position" content="3" /> </li> </ol>

Aquí tienes un ejemplo de un recorrido de múltiples rutas de navegación:

Libros › Ciencia ficción › Galardonados
Literatura › Ficción especulativa

RDFa

Aquí tienes un ejemplo en RDFa que admite esa ruta de navegación:

<ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinners"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/literature"> <span property="name">Literature</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/literature/speculativefiction"> <span property="name">Speculative Fiction</span></a> <meta property="position" content="2"> </li> </ol>

Microdatos

Aquí tienes un ejemplo en microdatos que admite esa ruta de navegación:

<ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/awardwinners"> <span itemprop="name">Award Winners</span></a> <meta itemprop="position" content="3" /> </li> </ol> <ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/literature"> <span itemprop="name">Literature</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/literature/speculativefiction"> <span itemprop="name">Speculative Fiction</span></a> <meta itemprop="position" content="2" /> </li> </ol>

Ejemplo de HTML

Inserta el bloque de ruta de navegación de HTML en la página como parte del diseño visual. El recorrido de la ruta de navegación de HTML para el ejemplo Lineamientos puede ser el siguiente:

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    <a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
  </li>
<ol>

Lineamientos

Además de los lineamientos generales sobre datos estructurados, el lenguaje de marcado para perfiles de redes sociales debe crear uno o más recorridos de rutas de navegación sin una ruta para la página resultante si es posible encontrar una página dentro de un grupo grande de resultados de la búsqueda. Siguiendo con los ejemplos anteriores, debido a que la búsqueda novelas de ciencia ficción galardonadas daría como resultado muchas otras páginas además de ancillaryjustice.html, puedes incluir el recorrido de rutas de navegación para que refleje la categoría de búsqueda más amplia:

Libros › Ciencia ficción › Galardonados

Definiciones de tipos de datos estructurados

La Búsqueda de Google reconoce las siguientes propiedades de una BreadcrumbList. Debes incluir las propiedades obligatorias a fin de que tu contenido sea apto para mostrarse como resultado enriquecido.

Propiedades obligatorias
item	Thing La URL de la página web que representa la ruta de navegación.
name	Text El título de la ruta de navegación que se muestra al usuario.
position	Integer La posición de la ruta de navegación en el recorrido de la ruta de navegación. La posición 1 representa el comienzo del recorrido.