Div oculto (SEO y Acesibilidad)

[scabral]

Buenos días, estuve leyendo tanto sobre SEO como sobre accesibilidad tengo y 2 dudas al respecto.

Para mejorar la accesibilidad he colocado algunos <div> con display:hidden con enlaces a la propia página para:

* SALTEAR el MENÚ e ir directamente al contenido
* Volver hacia arriba de la página

Los enlaces se ven UNICAMENTE cuando se utiliza la ágina sin CSS. No tienen palabras clave ni nada parecido. Sólo preparado para los lectores de pantalla.

Ahora, desde la visión SEO, en este caso los DIV ocultos pueden hacer que quiten la página de los buscadores??

Saludos y gracias

[dr. attach]

Puede afectar, leí en una entrevista a Matt Cuts, que decía que los spammers son humanos y también cometen errores, dentro de esos errores estaba el colocar texto en hidden, ya que le están diciendo al robot que está oculto, por lo tanto es sospechoso, te recomendaría no lo hagas.

[Daniel Ulczyk]

Iniciado por scabral

Para mejorar la accesibilidad he colocado algunos <div> con display:hidden con enlaces a la propia página para:

* SALTEAR el MENÚ e ir directamente al contenido
* Volver hacia arriba de la página

Para ese tipo de bloques, en mi gusto; prefiero utilizar

Código:

#paraReaders {
display:none;
}

Iniciado por scabral

Ahora, desde la visión SEO, en este caso los DIV ocultos pueden hacer que quiten la página de los buscadores??

En mi opinión, por tales prácticas no existe tal cosa. Después de todo el crawler recorre la página como si JavaScript y CSS estuviesen deshabilitados.

[julian_lp]

no está recomendado, si es que se quiere quedar bien con google, usar display none-hidden, tal como se menciona arriba. Google parsea el css (y sospecho, sin ninguna informacion, que parsea el javascript también)

[scabral]

Muchas gracias amigos por las rápidas respuestas. Voy a investigar un poco más sobre DISPLAY:NONE y ver que más encuentro por ahí sobre el tema.

Un abrazo. Gustavo.

[metacortex]

El display: none no es reconocido por algunos lectores de pantalla. En su lugar puedes utilizar algo como text-indent: -5000px; o visibility: hidden;.

Hasta ahora lo que sé que es penalizado por Google son los enlaces ocultos entre etiquetas noscript.