¿Cómo agregar las propiedades 'nombre' y 'url' a la misma etiqueta?

Question

Estoy agregando los microdatos de Schema.org a mi sitio web.

Mi código HTML es así:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title">Name of the organization</span>
<a href="http://www.ABCCompany.com/">ABC Company</a>
</div>

desde el itemprop La "url" y el "nombre" de la organización están todos en la etiqueta de anclaje.¿Cómo puedo indicar tanto la "url" como el "nombre"? itemprop en la misma etiqueta?¿Debo agregar más? span etiqueta para este propósito?

Intenté buscar algunos ejemplos de codificación sobre esto pero no puedo encontrar ningún ejemplo que muestre el uso de múltiples itemprop en la misma etiqueta.

Al final quiero tener microdatos como este:

url="http://www.ABCCompany.com", name="ABC Company"

Answer 1

Tienes que hacerlo anidando dos elementos. Por ejemplo, puedes anidar un <span> dentro de <a> y pon el itemprop="name" en ese:

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.ABCCompany.com/">
        <span itemprop="name">ABC Company</span>
    </a>
</div>

Encuentro este sitio Handy para probar tales cosas.

Answer 2

Puede que haya un problema con google.La "herramienta de prueba de fragmentos enriquecidos" indica que cuando marca una etiqueta de anclaje como una URL, el cuerpo de la etiqueta se utiliza como valor en lugar del atributo href.Pero nadie quiere mostrar la URL dentro de una etiqueta de anclaje.

Answer 3

Esto también funciona y puede parecer un poco más fácil de mantener:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title" itemprop="name"><a itemprop="url" href="http://www.ABCCompany.com/">ABC Company</span></a>
</div>

El soporte de Google para schema.org y el Probador de datos estructurado de Google han mejorado considerablemente desde que se publicó la pregunta original. El código anterior valida correctamente en él.

Answer 4

El código original del OP ahora parece funcionar bien. Como se muestra aquí:

https://search.google.com/structured-data/testing-tool#url=http%3a%2f%2fmercedes-benzhanoi.com.vn%2fmercedes-ha-noi.auto%2FGLA -250-4matic.html

<div itemscope="" itemtype="http://schema.org/Organization"> <span class="title" itemprop="name"> <a itemprop="url" href="http://mercedes-benzhanoi.com.vn/mercedes-ha-noi.auto/gla-250-4matic.html">GLA 250 4MATIC</a></span> </div>