Migaja de pan utilizando fragmentos enriquecidos de Schema.org


9

Tengo problemas para implementar los fragmentos enriquecidos de migas de pan de schema.org. Cuando construyo mi ruta de navegación utilizando la documentación y la ejecuto a través de la herramienta de prueba de Rich Rich Snippet , la ruta de exploración se identifica pero no se muestra en la vista previa.

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body itemscope itemtype="http://schema.org/WebPage">     
      <strong>You are here: </strong>
      <div itemprop="breadcrumb">
        <a title="Home" href="/">Home</a> >
        <a title="Test Pages" href="/Test-Pages/">Test Pages</a> >
      </div>
  </body>
</html>

Si cambio para usar los fragmentos de data-vocabulary.org, los fragmentos enriquecidos se muestran correctamente en la vista previa.

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
      <strong>You are here: </strong>
      <ol itemprop="breadcrumb">
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/" itemprop="url">
            <span itemprop="title">Home</span>
          </a>
        </li>
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/Test-Pages/" itemprop="url">
            <span itemprop="title">Test Pages</span>
          </a>
        </li>
      </ol>
  </body>
</html>

Quiero que la ruta de navegación se muestre en el resultado de la búsqueda en lugar de la URL de la página.

Dado que Schema.org es la forma recomendada de usar fragmentos enriquecidos, prefiero usar esto, sin embargo, dado que la ruta de exploración no se muestra en la vista previa del resultado de búsqueda utilizando este método, no estoy convencido de que esto funcione correctamente.

¿Estoy haciendo algo mal en el marcado para el ejemplo Schema.org?


Google recomienda usar el formato de microdatos sobre otros. Las migas de pan son compatibles con microdatos y RDFa support.google.com/webmasters/bin/… Usaría su formato recomendado si desea que aparezca en los resultados de búsqueda.
Anagio

Respuestas:


3

Con esta implementación:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

Tendrá la siguiente ruta de navegación en Google:

Dresses > Real Dresses > Real Green Dresses

1
Haría +1 para su referencia de Barenaked Ladies, pero lamentablemente creo que estaría abusando del sistema de votación :-) Así que en su lugar haré +1 para una solución que realmente funcione.
Paul d'Aoust

1

Me parece que el problema está en la documentación de schema.org. Aquí hay algunos enlaces educativos:

Los clasifiqué como los más útiles primero, esencialmente todos se vinculan entre sí eventualmente. La acción sobre esto debe realizarse a fines de este mes, pero parece que el resultado será el mismo que en su segundo ejemplo.

Es una pena porque el html termina siendo más complicado de lo que realmente necesita ser, pero ahí estamos.

¡Espero que ayude!


1

He estado investigando sobre esto recientemente.

Como resultado, lo que Google recomienda para las migas de pan no funciona. Cuando miré hace un par de semanas, su propio ejemplo falló en la herramienta Rich Snippet Tool de Google. Parece que Google está rezagado un poco, pero aún está por delante de los demás.

Data-vocabulary.org es el estándar aceptado y de facto, aunque se dice que Schema.org lo reemplazó con Data-vocabulary.org como depreciado. Sin embargo, la realidad no coincide con la retórica. La intención era que Schema.org reemplazaría a Data-vocabulary.org y puede ser que eso suceda. Aún así, encontré un fragmento (juego de palabras) en alguna parte que menciona que Google aún no ha modificado su código para reconocer Schema.org.

Dicho esto, este es el ejemplo que encontré que funciona en Google y Bing, aunque Bing cambió las cosas un poco últimamente, así que tenga cuidado si Bing es importante para usted.

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/"><span itemprop="title">Home</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/marvel/"><span itemprop="title">Marvel Comics</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/"><span itemprop="title">Fantastic Four</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/58/"><span itemprop="title">Fantastic Four #48: The Coming of Galactus</span></a></span>

Espero que esto ayude.


1

(Dejando de lado el apoyo al consumidor).

El vocabulario Schema.org ofrece dos formas de proporcionar migas de pan para un WebPage(y sus subtipos):

Usar texto es fácil, pero no estructurado (más difícil de analizar para los consumidores).
El uso BreadcrumbListes más complejo, pero permite especificar cualquier cosa que se necesite explícitamente (más fácil de analizar para los consumidores).

Tomando su ejemplo, el uso BreadcrumbListpodría verse así:

<body itemscope itemtype="http://schema.org/WebPage">     
  <strong>You are here: </strong>
  <div itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <a itemprop="item" href="/">
        <span itemprop="name">Home</span>
      </a>
    </span> 

    &gt;

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <a itemprop="item" href="/Test-Pages/">
        <span itemprop="name">Test Pages</span>
      </a>
    </span>

  </div>
</body>

(Puede que tenga que mover elementos si el espacio en blanco es una preocupación).

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.