SEO - Uso de SR-ONLY para identificar título

   
Vista:

Uso de SR-ONLY para identificar título

Publicado por Sini (2 intervenciones) el 14/07/2016 22:04:34
Estimados,
estamos desarrollando un sitio donde la landing de los productos tiene un logo y una bajada. El logo normalmente contiene el título, el nombre del producto. Nos sugieren utilizar la clase de Bootstrap sr-only para que los crawlers vean este título y lo interpreten como tal.

Pero... es esta práctica positiva o terminaremos cayendo en una penalización peor que no tener título?
Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Uso de SR-ONLY para identificar título

Publicado por xve (22 intervenciones) el 15/07/2016 07:31:10
Hola Sini, yo creo que sin ninguna duda, es mejor quitar el texto de la imagen y ponerlo en la pagina para que los crawlers lo puedan interpretar... es importante que cada pagina disponga de un <h1>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Uso de SR-ONLY para identificar título

Publicado por Sini (2 intervenciones) el 15/07/2016 13:39:38
Si, claro que es lo mejor, pero muchos logos son el nombre del producto y poner la imagen y debajo el nombre generaría una redundancia visual. Por otro lado, no poner los logos y dejar solo textos nos genera una pérdida de estética.

Para solucionar esto, las opciones que nos plantean son las siguientes:

<h1 class="col-xs-4 col-md-2">
<span class="sr-only">Producto 1</span>
<img class="logo" src="http://mipagina.com.uy/seguro-automotor.svg" alt="Producto 1">
</h1>

Esta es la segunda solución:

<h1 class="col-xs-4 col-md-2">
<img class="logo" src="http://mipagina.com.uy/producto1.svg" alt="Producto 1">
</h1>

Lo que no se es cómo pueden interpretar los buscadores estas soluciones y los riesgos que corremos (que no lo interpreten o peor: que nos penalicen)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Uso de SR-ONLY para identificar título

Publicado por DAVID (14 intervenciones) el 06/08/2016 09:12:12
Hola,
En el alt y en el title de la imagen pon lo que pondrías en el h1. Eso no penaliza, y sirve para posicionar. Y usa la segunda opción que has puesto. Los buscadores interpretaran la imagen, como el h1 perfectamente, y ademas le pondras al alt y al title lo que hubieras puesto si no tuvieras el logo.
Espero que te sirva.

Un saludo
David,
diseño grafico madrid
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar