html - itemprop - microdata seo

¿Está bien ocultar microdatos con CSS?

Question

digamos que tengo un 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 describir el 2do div. No tiene que hacer cambios en todo el texto, solo agregue algunos elementos y ocúltelos. Quiero crear un editor HTML simple que admita 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 el contenido real, luego anótelo).

Answer 1

¿Vas a estar haciendo algo con los datos ocultos? Yo usaría los comentarios HTML o el atributo del título.

Comentarios HTML:

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

Título Atributo:

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

Los comentarios HTML son, por supuesto, al igual que los comentarios en lenguajes de programación, excepto que pasan al 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 usa como información sobre herramientas al pasar el cursor sobre el elemento.

Por ejemplo, el HTML para su tasa de aceptación es:

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

El cual, si se coloca sobre él, dice "este usuario ha aceptado una respuesta para 4 de las 6 preguntas elegibles".

Answer 2

Al ocultar el contenido marcado con Microdata de alguna manera el punto de derrota, se pretende agregar información adicional sobre cosas que ya están visibles en la página. El principal argumento para esto es que las personas siempre recuerdan actualizar el contenido visible, pero con frecuencia se olvidan de actualizar el contenido que no pueden ver, por lo que el contenido "meta" oculto suele estar desactualizado e inexacto. En su lugar, Microdata adopta el enfoque de describir qué es el contenido visible, por lo que si el contenido cambia los datos, los cambios se producen. Tomemos este ejemplo de la especificación :

<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 cambia realmente:

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

Por lo tanto, es casi seguro que Microdata no es lo que desea utilizar en su situación. Lo que realmente debe usar depende de para qué desea esta información. Si desea agregar datos ocultos para procesarlos con scripts en su sitio, use los atributos data-* . Si desea agregar información descriptiva adicional que no todos los usuarios necesitan ver, considere usar ARIA . Particularmente, en su caso, aria-describedby .

Answer 3

Puedes usar etiquetas meta, como esta:

<meta itemprop="VALUE" content="CONTENT" />
<meta itemprop="priceCurrency" content="USD" />

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

Answer 4

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

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

Si está tratando de afectar el SEO, entonces "esconder" los datos de marcado semántico del usuario, pero mantenerlos legibles a máquina (para robots / arañas) no anula el propósito en absoluto.

Si su marca de schema.org tiene el formato correcto, google no penalizará sus clasificaciones de índice si "oculta" los valores.

Answer 5

schema.org y, por lo tanto, el estado de Google oficialmente en [1], no debe marcar contenido oculto:

Más es mejor, a excepción de texto oculto. En general, cuanto más
contenido que marques, mejor Sin embargo, como regla general, debe marcar solo el contenido que es visible para las personas que visitan la página web y no el contenido en divs ocultos u otros elementos ocultos de la página.

Puede usar las etiquetas de link y meta html también en el cuerpo para marcar el contenido que debería ser invisible para el usuario:

Desea ocultar los microdatos utilizando la metaetiqueta.

Por ejemplo,

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Funky Skirt</span>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="price" content="100.00" />
<link itemprop="availability" href="http://schema.org/InStock" />In stock
</div>
</div>

[1] http://schema.org/docs/gs.html

Answer 6

Si estamos hablando de penalidades de Google , debe leer con cuidado la documentación del tipo de fragmentos enriquecidos en los que está trabajando.

Por ejemplo, si tomo los fragmentos enriquecidos del producto, siguiendo la documentación ( https://support.google.com/webmasters/answer/146750?hl=en#offer_properties ) solo los campos especificados: Google reconoce valores legibles por máquina específicos para Google no ignora las siguientes etiquetas de productos cuando están ocultas:

• categoría
• precioVálidoHasta
• precio de moneda
• precio
• identificador
• condición

Entonces, la mejor manera para estos campos sería usarlos en etiquetas meta.