¿Está bien ocultar microdatos con CSS?

Question

digamos que tengo algún documento html con mucho texto. ¿Es "bueno" (~ no está mal :)) tener elementos que contienen microdatos y ocultar esos elementos para que el usuario no los vea realmente?

Digamos que tengo esto:

<div style="display:none" itemscope...>some microdata describing div below</div> 
<div> There is actual text that is described by microdata</div> 

El punto es que de esta manera puede ser más fácil para describir la segunda div. No tiene que hacer cambios en el texto completo, solo agregue algunos elementos y ocúltelos. Quiero crear un editor de HTML simple que permita la creación de microdatos y de esta manera parece ser más fácil de implementar y personalmente más fácil de usar (primero cree contenido real, luego anótelo).

Answer 1

Ocultar el contenido marcado con Microdata en cierto modo es contrario a su objetivo, tiene la intención de agregar información adicional sobre las cosas que ya están visibles en la página. El argumento principal para esto es que las personas siempre recuerdan actualizar el contenido visible, pero con frecuencia olvidan actualizar el contenido que no pueden ver, por lo que el contenido "meta" oculto es frecuentemente desactualizado e inexacto. En cambio, Microdata adopta el enfoque de describir cuál es el contenido visible que es, por lo que si el contenido cambia los datos, produce cambios. Tome este ejemplo from the spec:

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Jack</span> 
    <span itemprop="family-name">Bauer</span> 
    </span> 
</h1> 

Si cambia el contenido visible ninguna de las marcas de microdatos de hecho cambia:

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Tim</span> 
    <span itemprop="family-name">Berners-Lee</span> 
    </span> 
</h1> 

Así microdatos no es casi seguro que lo que desea utilizar en su situación. Lo que realmente debe usar en su lugar depende de exactamente para qué quiere esta información. Si desea agregar datos ocultos para el procesamiento con scripts en su sitio, en su lugar use data-* attributes. Si desea agregar información descriptiva adicional que no todos los usuarios necesitan ver, considere usar ARIA. Particularmente, en su caso, aria-describedby.

Answer 2

¿Va a hacer algo con los datos ocultos? Usaría comentarios en HTML o el atributo del título.

Comentarios HTML:

<!-- This is an HTML Comment --> 
<div>Content</div> 

atributo title:

<div title="some information describing div">Content of div</div> 

comentarios HTML son, por supuesto, al igual que los comentarios en los lenguajes de programación, si no se pasan por el cliente. El atributo de elemento de título estándar (disponible para todos los elementos html) contiene información adicional sobre el elemento, y se utiliza como información sobre herramientas cuando se desplaza sobre el elemento.

Por ejemplo, el código HTML para su tasa de aceptar hasta allí es:

<div class="accept-rate cool" title="this user has accepted an answer for 4 of 6 eligible questions">67% accept rate</div> 

¿Qué si se pasa sobre ella que dice "este usuario ha aceptado una respuesta para 4 de 6 preguntas elegibles".

Answer 3

schema.org tiene un método real para "ocultar" microdatos:

http://schema.org/docs/gs.html#advanced_missing

Si usted está tratando de impactar a continuación, SEO "ocultar" los datos de marcado semántico del usuario, pero manteniéndola legible por máquina (para robots/arañas) no derrota el propósito en absoluto.

Si su marcado schema.org está formateado correctamente, google no penalizará su clasificación de índice si "oculta" los valores.