Foros del Web » Creando para Internet » CSS »

Esconder texto de h1 sin ser penalizado por buscadores

Estas en el tema de Esconder texto de h1 sin ser penalizado por buscadores en el foro de CSS en Foros del Web. Buenas tardes, vengo con una pequeña duda. Siempre uso este código cuando en el h1 pongo una imagen: Código: h1{background:url(title.gif) no-repeat; width:300px; height:130px; display:block; margin:0; ...
  #1 (permalink)  
Antiguo 26/09/2010, 17:08
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 11 años
Puntos: 8
Esconder texto de h1 sin ser penalizado por buscadores

Buenas tardes, vengo con una pequeña duda.

Siempre uso este código cuando en el h1 pongo una imagen:

Código:
h1{background:url(title.gif) no-repeat; width:300px; height:130px; display:block; margin:0; padding:0; text-indent:-5000px;}
Pero por ahí leí que usar "text-indent" puede hacer que Google te penalice, porque a su parecer estás escondiento texto para generar palabras clave.

¿Qué tan cierto es esto? ¿Qué me recomiendan hacer en su lugar?

Gracias.
__________________
Alan Marth Media

Diseño web y Publicidad en Morelia, Michoacán
  #2 (permalink)  
Antiguo 26/09/2010, 17:20
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

deberias preguntar en el foro de SEO...
pero bueno mi corto conocimiento del tema, me hace pensar que los buscadores no se fijan mucho en el CSS sino que tu sitio sea relevante con las palabras clave y demas elementos SEO...
de cualquier modo siempre pienso que si tienes un sitio bueno sera por su contenido; las de veces que entro a un sitio por google y me salgo a los 2seg jaja chao y suerte!...
  #3 (permalink)  
Antiguo 27/09/2010, 10:47
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

umm... por que no pones transparente el color del texto

h1 { color: transparent; } no se si igual te penalisen pero puedes intentarlo, a mi me funciona muy bien
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #4 (permalink)  
Antiguo 28/09/2010, 02:57
 
Fecha de Ingreso: julio-2010
Mensajes: 9
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

Hola,

Hacer estas cosas va en contra de las directrices marcadas por Google: http://www.google.com/support/webmasters/bin/answer.py?answer=66353

Debido a que estás mostrando una cosa a los usuarios y otra diferente a Google, Google podría tomar en consideración de forma negativa. Pero la verdad es que hay muchas páginas que lo hacen y no son penalizadas.

Ahora, la elección es tuya.
  #5 (permalink)  
Antiguo 28/09/2010, 03:09
Avatar de lvfp  
Fecha de Ingreso: septiembre-2005
Ubicación: España
Mensajes: 337
Antigüedad: 12 años, 3 meses
Puntos: 4
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

Hola:

Lo que tienes que hacer es poner una imagen en la etiqueta h1, no de fondo, y en el atributo "alt" de esa imagen colocar ese texto que no quieres que se vea, el usuario no verá el texto y los spider de google leeran el atributo alt como si fuera el texto de h1.

Nada de textos del color del fondo, ni transparentes ni nada, eso si que puede penalizar.
  #6 (permalink)  
Antiguo 28/09/2010, 10:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

El h1 nunca debería ser una imagen, y mucho menos, colocada vía css como background.

Dentro de las diversas técnicas que he visto utilizar, me quedo con aquella que posiciona un texto etiquetado como h1 bajo (en el eje z) una imagen (fuera del tag h1 la imagen) con ayuda de /position:absolute/ y /z-index/ para sobreponer la imagen sobre el texto.

Recordar que el contenido del atributo "alt" es un texto que se mostraría en caso de no cargar la imagen. Pero junto a ese, existe el "title" y el más desconocido "longdesc". Pero todos deberían ofrecer más una descripción (más o menos larga) de lo que se ve en la imagen, y no tanto de la finalidad de ella. Son más descriptivos que conceptuales. Pero los atributos no son aplicables a las imágenes de fondo vía css, sino a las colocadas envueltas en <img src="... />
  #7 (permalink)  
Antiguo 28/09/2010, 10:59
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

bueno si, creo que si la imagen que pondra es para reemplazar las fuentes ordinarias por una personalizada, seria mejor en este caso usar font-face

y si la imagen tendra un logotipo mas elaborado, pues ya se tendra que ver una alternativa
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #8 (permalink)  
Antiguo 28/09/2010, 18:16
Avatar de lvfp  
Fecha de Ingreso: septiembre-2005
Ubicación: España
Mensajes: 337
Antigüedad: 12 años, 3 meses
Puntos: 4
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

Bueno, Google no opina así... aunque lo haga. Ya sabéis, "haz o que digo no lo que hago"

http://googlewebmaster-es.blogspot.c...e-mi-logo.html
  #9 (permalink)  
Antiguo 04/01/2011, 11:52
 
Fecha de Ingreso: noviembre-2010
Mensajes: 32
Antigüedad: 7 años
Puntos: 0
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

keseso como hago lo que planteas?
  #10 (permalink)  
Antiguo 04/01/2011, 17:29
Avatar de luciio  
Fecha de Ingreso: junio-2009
Ubicación: Guadalajara, MX.
Mensajes: 351
Antigüedad: 8 años, 6 meses
Puntos: 38
Respuesta: Esconder texto de h1 sin ser penalizado por buscadores

Cita:
Iniciado por MeryDurCam Ver Mensaje
keseso como hago lo que planteas?
Segun lo que entendi a kseso pones una imagen encima del h1 utilizando position absolute ( de esta manera la tapas ) a efectos practicos quedaria algo asi

<style>
#contenedor{
position:relative;
width:800px;
height:200px;
}

img.logo{
width:150px;
height:20px;
position:absolute;
top:30px;
left:200px;
z-index:2;
}

.texto{
width:150px;
height:20px;
position:absolute;
top:30px;
left:200px;
z-index:1;
}
</style>

<html>
<body>
<div id="contenedor">
<img src="imagenlogo.jpg" class="logo" />
<a href="#"><h1 class="texto">Texto de h1</h1></a>
</div>
</body>
</html>

El codigo anterior es solo para "referencia" (puede tener errores y no esta sujeto a escala, osea pueden no ajustar xD) y podemos ver que existe un "contenedor" y en el los 2 elemtos posicionados 1 encima de otro por position:absolute de esta forma los 2 son visibles pero la imagen esta encima del texto, si no llegara a cargar la imagen se ve el texto.

Slds !!
__________________
cursos delineado permanente - mi selección de plantillas para wordpress

Etiquetas: buscadores, esconder, penalizado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:33.