h1 oculto penaliza?

[pablo1985]

mi pregunta es si pongo un H1 oculto en mi web me penaliza google a la hora de posicionarme.
muchas gracias!!

[masclet]

Oculto=penalizable

[pablo1985]

Muchas gracias, lo suponia.. y que consejos me dais para un mejor posicionamiento, o algun manual bueno que te de algunas pautas? un saludo y gracias

[loquehayquehace]

buscar en google...xD

[macarron]

Pareca que todo depende de lo que pongas dentro de ese h1
www.456bereastreet.com/archive/200510/google_seo_and_using_css_to_hide_text

[Daniel Ulczyk]

Hace pocos meses atrás, participé en este foro en el post CSS o IMG para accesibilidad y SEO exponiendo mi punto de vista y los resultados de mi experiencia.

[metacortex]

Iniciado por macarron

Pareca que todo depende de lo que pongas dentro de ese h1
http://www.456bereastreet.com/archiv...s_to_hide_text

En ese artículo se expone una situación que en mi opinión es bastante subjetiva. El riesgo que allí se explica consiste en que si alguien (visitante o competidor) nota el truco del texto oculto con CSS, puede denunciarte a google como spammer. Para que el visitante pueda hacer eso debería:

- Saber cómo dehabilitar el CSS de una web (o el js según el caso).
- Tener el suficiente tiempo libre y la mala intención como para ir a Google y denunciarte.

Actualmente el robot apenas puede lidiar con la estructura. De hecho hay que ayudarlo a "leer" el contenido aplicando un poco de semántica en la etiquetas. Pero estamos hablando de estilos CSS, un área donde el robot sencillamente no tiene (ni tendrá en mucho tiempo) la capacidad de "entender".

Creo que el reemplazo de títulos es muy positivo, ya que con esto solucionas en parte el dilema usuario > robot (redactar para Google o para el usuario).

Iniciado por Daniel Ulczyk

Hace pocos meses atrás, participé en este foro en el post CSS o IMG para accesibilidad y SEO exponiendo mi punto de vista y los resultados de mi experiencia.

El robot lee el texto oculto y lo indexa, me he dado cuenta de ello no sólo en ese caso sino en muchos otros.

Personalmente no uso nunca el display: none por razones de accesibilidad y hasta de facilidad.

Esto es incorrecto:

Código:

<h1><span>El título</span></h1>

--------

h1 {
background: url(imagen.jpg) no-repeat;
width: XX px;
height: XX px;
}

h1 span {
display: none;
}

Esto es correcto:

Código:

<h1>El título</h1>

--------

h1 {
background: url(imagen.jpg) no-repeat;
overflow: hidden;
width: XX px;
height: XX px;
text-indent: -10000 px;
}

En un rato hago una pruebita con algo que se me acaba de ocurrir y que está relacionado con esto. Uds. luego dirán si ayuda o no al posicionamiento.

[pablo1985]

humm ya me voy enterando!

y si por ejemplo lo desplazo -2000 px a la izquierda??
eso penaliza o esta bien?

un saludo!!

[lucasan]

Metacortex te lo acaba de aclarar, el robot de Google por ahora no lee o entiende los CSS, así que si desplazas tu texto la distancia que sea, cuando pase el robot lo verá como si no tuviese CSS.

Si quieres entenderlo mejor, desactiva el CSS de tu página (ya tu verás como) y mírala. Así ve tu página el robot de Google!

[pablo1985]

Iniciado por lucasan

Metacortex te lo acaba de aclarar, el robot de Google por ahora no lee o entiende los CSS, así que si desplazas tu texto la distancia que sea, cuando pase el robot lo verá como si no tuviese CSS.

Si quieres entenderlo mejor, desactiva el CSS de tu página (ya tu verás como) y mírala. Así ve tu página el robot de Google!

si, si eso lo entendi pero entonces si estubiera oculto tampoco lo penalizaria y por lo que he leido en el post en ese caso si lo estaria gracias!

[Daniel Ulczyk]

Comúnmente, se entiende como texto oculto a lo siguiente:

Código css:

h1 {
background: #FFF;
color: #FFF;
}
 

Quién se juega con esta implementación en favor que Google no se va a dar cuenta porque no lee CSS?

Las prácticas de reemplazo de texto por imagen con text-indent:-9999em no corren riesgos.

[kahlito]

Iniciado por metacortex

Personalmente no uso nunca el display: none por razones de accesibilidad y hasta de facilidad.

Esto es incorrecto:

Código:

<h1><span>El título</span></h1>

--------

h1 {
background: url(imagen.jpg) no-repeat;
width: XX px;
height: XX px;
}

h1 span {
display: none;
}

Esto es correcto:

Código:

<h1>El título</h1>

--------

h1 {
background: url(imagen.jpg) no-repeat;
overflow: hidden;
width: XX px;
height: XX px;
text-indent: -10000 px;
}

En un rato hago una pruebita con algo que se me acaba de ocurrir y que está relacionado con esto. Uds. luego dirán si ayuda o no al posicionamiento.

Hola metacortex

Aunque el tex-indent negativo no falla en google o en posicinamiento, creo que en cuanto a accesibilidad a veces si falla. Por ejemplo si lo ves desde Opera en Estilo/Diseño de Accesibilidad verás que no aparece nada.

Aquí se utiliza el mismo ejemplo:

http://www.csslab.cl/2006/09/25/imag...do-por-imagen/
http://www.csslab.cl/ejemplos/header/header.html y si miras esto mismo en Opera verás que no sale nada, donde debería de salir su h1 en modo texto.

Creo que de esta manera si saldría:

Código HTML:

h1 {     width: 300px;
	height: 174px;
	background-image: url(imagenes/h1.gif);
	}
h1 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

Código HTML:

<h1><span>Título</span></h1> 

De todas formas si lo ves con Fangs en Firefox si sale de las dos maneras perfectamente

Saludos

[Null_]

Iniciado por metacortex

Personalmente no uso nunca el display: none por razones de accesibilidad y hasta de facilidad.

El uso de display:none; hay que saberlo utilizar. Para siertos casos se necesita y para otros no.
El uso de esta propiedad CSS no influye en la accesibilidad y usabilidad, si no que son las personas que usan mal esta propiedad o no saben como utilizarla, a las que si les influye negativamente en estos ámbitos.