Debate CSS vs SEO Black Hat puntual

[elquique]

Hace un tiempo estoy por postear este tema para conocer sus opiniones y por falta de tiempo no lo hago, ahí vamos.

En el maquetado Web CSS es común la utilización de un código HTML que solo tenga el contenido textual y vía CSS aplicarle el diseño, de hecho algunas veces, toda imagen decorativa debería ser un fondo y no una imagen en sí.

Pero la pregunta puntual es la siguiente:

Imaginen que pasa si tenemos una cabecera o titulo en letra gótica, que obviamente se realiza imagen, y que se aplica de fondo a esa etiqueta H1, 2, 3 o Parrafo, etc.

Una forma de hacerlo es:
HTML

Código:

<a href="forosdelweb.com" title="Foro de webmasters">Foros del Web</a>

Obviamente eso no hace que la palabra "Foros del Web" salga en Gotica, por tanto me hice un JPG que en letra bien gotica y sofisticada dice en imagen "Foros del Web" y hasta un pequeño icono con el logo, y lo aplico en CSS así:
CSS

Código:

a {
background-image: forosdelwebgotico.jpg;
display: block;
width: 140px;
heigh: 25px;
text-align: -999999;
}

Donde todo esta bien, pero para que el texto html no salga sobre la imagen lo escondo identando -999999, ya que igualmente y lo que quiero es que lo diga con imagenes :)

Es esto SEO Black Hat ?

Que opinan ?

[PatriciaDunas]

Tu pregunta es interesante, pero no creo que sea relevante lo que nosotros pensemos. No importa cuan buenas sean tus intenciones o que el usuario de hecho pueda ver lo que escribistes a través del dibujo, los buscadores lo considerarán SEO Black Hat.
Ya q estamos lidiando con máquinas de busqueda y no con personas para calificar tu página, el robot de google (por ejemplo) no va a poder identificar que el texto escondido se encuentra visible para el usuario a pesar de ello. Por lo tanto la conclusión es que podrias ser penalizado por el uso de tecnicas no aprobadas por los buscadores.

Resumen: el ejemplo que has dado es de hecho una técnica BLACK HAT

[facundocorradini]

Primero que nada, quisiera corregirte la técnica: text-align no acepta valores numéricos, simplemente es la alineación del párrafo (left, right, center, justify). Para esta técnica deberías utilizar text-indent.
También, la propiedad debería ser aplicada mediante un id (#textogotico, por ejemplo), pero creo que eso ya lo sabes...


Con respecto a la consulta, la técnica puede ser considerada cloaking, pero es necesario que alguien te denuncie para que hagan una revisión manual del sitio, y mientras el texto que muestras y el que escribes sea el mismo no va a haber problema.

Por último, y más importante, no veo el caso de por qué aplicar esto. Si justamente lo quieres usar en un vínculo (supongo que como encabezado de la página), podrías hacer que la imagen misma sea el vínculo y el alt de la imagen sea el texto.

Código:

<a href="paginadestino.php" title ="keywords"> <img src="imagen.jpg" alt="keywords" /> </a>

saludos!

[elquique]

PatriciaDunas gracias por responder igualmente no estoy del todo de acuerdo pero veamos mas opiniones, también sabrás que el texto en un ALT no es lo mismo que el texto puro en un H1

facundocorradini si tienes razón de apurado y de cabeza de calabaza !!! el ejemplo va con text-ident !!

Corrijo y dejo otro ejemplo para no atarnos a una sola situación: en este caso el titulo principal de una hoja:

HTML

Código:

<h1>Foros del Web</h1>

CSS

Código:

h1 {
background-image: forosdelwebgotico.jpg;
display: block;
width: 140px;
heigh: 25px;
text-ident: -999999;
}

A proposito que opinan de este blog: http://www.disenorama.com/ todos los titulos estan hechos con imagen y un texto oculto pero que es texto internamente.

Para mi es muy interesante el debate porque son tecnicas que se aplican a cualquier diseño CSS moderno si no nos queremos encasillar en un ASCI con BOLD :P. Voy a ver como sugiere la admin del foro para que los maquetadores se enteren de este post y participen sin tener que duplicarlo en el otro subforo ;)

[webosiris]

voy a opinar desde el punto de vista de alguien que sabe de html/css pero no sabe demasiado de SEO y NO LE INTERESA el seo. de todas formas veo esto bastante sencillo.
Empezas diciendo esto:

Imaginen que pasa si tenemos una cabecera o titulo en letra gótica

- pones esa letra gotica porque queres mejorar tu posición en los buscadores o por una cuestión de diseño?
De diseño.

- lo pones como fondo porque queres mejorar tu posición en los buscadores o por una cuestión de semántica?
De semántica.

- pones el texto equivalente en el html porque queres mejorar tu posición en los buscadores o por una cuestión de accesibilidad?
De accesibilidad.

Entonces NO es SEO. ni back, ni white ni violeta.
de hecho yo utilizo técnicas como esta o similares sin ninguna intención de SEO ya que como dije + arriba, muy poco me interesa (de hecho considero que si nadie hiciera SEO, los buscadores serían cuasi perfectos)

[elquique]

a) diseño, nunca debe olvidarse y CSS no tiene porque ser feo

b) semántica

c) accesibilidad

El tema es que yo estoy en medio de los diseñadores, maquetadores, y SEOs y para mi todo es lo mismo solo que cada uno no lo sabe y por eso este debate :)

[facundocorradini]

elquique, podés estar tranquilo.

Esta técnica que mencionás la hemos utilizado más de una vez (no por nada pude ver al toque el error en text-indent ) , y estoy seguro que ha sobrevivido numerosas revisiones manuales: la competencia trata de hundirnos todo el tiempo porque les sacamos una suculenta porción de un suculento mercado. Si la técnica fuera penalizada ya hubieramos desaparecido!

Y también la he visto en muchos sitios, algunos de ellos muy importantes a nivel internacional.

No hay nada en la técnica que vaya en contra de la guía para webmasters de google, siempre y cuanto el texto que ponés en html sea el mismo que dice la imagen.

Si lo pensas un segundo, esta técnica no está lejos del propósito del CSS en sí mismo.

saludos!

[HiAll]

Si, pero no hagas "spam" en el texto que pongas... sino... te acabarán dando leña.

[elquique]

facundocorradini si claro, es que yo no estoy preguntando como hacerlo, ya que tengo una opinión formada al respecto, solo que me parece súper interesante debatir esto, ya que Diseñadores, Maquetadores y SEOs hablan como si fuera todo distinto en cambio para mi es todo lo mismo y obviamente todo encaja y que la finalidad es una sola.

En mi caso especifico conozco de revisiones manuales en nuestros sitios y estas tecnicas no tuvieron problemas como es logico, sobre todo porque como dice webosiris hay temas de accesibilidad y semantica que deben resolverse de esta forma.

HiAll jeje si claro, eso del spam es una de las mas típicas y mucha gente piensa que spam es solamente enviar emails y no es así, ya que se olvidan del spam en las metas, y en los textos dentro de la info.

[j_aroche]

si en el texto que estas sacando fuera del área visible hay pocos links, y además son links internos no veo razón de que sea considerado black seo

[PatriciaDunas]

Mira Quique, entiendo lo que me dices y entiendo que el ejemplo que has dado no es exactamente black hat. Lo que si mantengo es que es una técnica dudosa y puede tentar quizas de esconder más texto que el que aparece en la imagen y asi ser black hat sin duda alguna (bueno, por lo menos desde mi conocimiento y punto de vista).

Nuevamente correjidme si me equivoco ya que soy relativamente nueva en este tema y mi meta es siempre aprender.

[elquique]

PatriciaDunas si yo he preguntado directamente y buscado info y no me han contestado o encontrado info por eso la idea de debatirlo, aunque si se que en algunos sitios donde hice eso han realizado inspecciones manuales por denuncias (a proposito jaja y no es que sea masoquista) y no los han penalizado.

El motivo (me juego 99%) es que hay factores del maquetado actual moderno que requieren este tipo de tecnicas.

Y sin ir mas lejos una web 2.0 con ajax para el buscador no tendra cierto contenido que para el user normal desde un browser si lo tendrá.

[j_aroche]

y si consideramos todos los display:none que se usan ? En mi blog uso algunos y no por eso he sido penalizado.

[facundocorradini]

j_aroche:

Los display:none son tema totalmente aparte. Los buscadores no son tan torpes: el display:none no lo ve el usuario pero su contenido pierde relevancia ante los buscadores, y si te pasas de spam oculto con ese método te van a penalizar sin dudas.

Por eso mismo es que la mayoría de los frameworks javascript que "ocultan" texto, como puede ser un div que se amplia con un efecto slide onclick hecho en mootools, comienzan con el texto visible y lo ocultan automáticamente con javascript, para luego mostrarlo cuando el usuario lo pide.
(por eso y por usabilidad, para aquellos locos que navegamos sin javascript, por supuesto)

[elquique]

Si, igualmente lo de SEO es bastante nuevo y soy de los que afirmo que info de hace 1 año o 2 hay que tomarlas con pinzas, ya que obviamente cambio mucho y si bien se utilizan tecnologías existentes hace mucho es ahora cuando se están extendiendo, entendiendo y aplicando mas :). En ese aspecto, es cierto los buscadores no son tontos, sobre todo Google, no conozco ningún otro en español :P, y creo que contemplan esto y de buena forma, de hecho al buscador le significa menos carga una web accesible y semantica ya que es mas facil de "digerir" y por tanto catalogar como relevante o no.

Como sea, es un tema interesante de ver diferentes opiniones :)

[PatriciaDunas]

Quique, te pasastes con este tema! No pense que podía haber tantos puntos de vista diferentes sobre lo mismo.
Tienes razón que es un tema debatible y que no hay blanco o negro... se podría decir que es Grey hat? Es una técnica usada por personas que usan tanto black como white... puede ser una forma "legal" de mostrarle a los buscadores el contenido de tu página que no puede ver. Por el otro lado, tambien puede ser usado para black hat solo con adherir más palabras, errores de ortografía o bombardear keywords y ocultarlos tras la foto.

Como dices por ahora la única forma de detectar la "legalidad" de la página que contenga eso es a través de inspecciones manuales, pero con lo rápido que se actualizan lo motores de búsqueda y sus requisitos... quien sabe cuanto tardarán en que este tipo de cosas les genere una alerta y sean todos mandados a inspecciones manuales... bueh, espero que no se actualizen tan rapido! jeje

[Daniel Ulczyk]

Iniciado por PatriciaDunas

Como dices por ahora la única forma de detectar la legalidad; de la página que contenga eso es a través de inspecciones manuales, pero con lo rápido que se actualizan lo motores de búsqueda y sus requisitos... quien sabe cuanto tardarán en que este tipo de cosas les genere una alerta y sean todos mandados a inspecciones manuales... bueh, espero que no se actualizen tan rapido! jeje

Creo que lo hay que diferenciar claramente es como el usuario ve el contenido del documento y como lo ve un motor de búsqueda. Para lo segundo, esto es indiscutible: sólo hay que desactivar CSS y JavaScript o, de otra manera utilizar un browser de texto plano; como Lynx o un viewer de Lynx (http://www.delorie.com/web/lynxview.html) Aclaro esto porque no entiendo bien el por qué de otra manera los crawlers deberían de generar alertas. ¿Alertas? Es cierto lo que elQuique postula en su oportuna entrada: "afirmo que info de hace 1 año o 2 hay que tomarlas con pinzas" Por ello es que aunque también tengo formada mi opinión, apoyada en mi experiencia, el reemplazo de texto por imagen no es penalizado por Google, no es una técnica de black hat. Cito, como referencia de un tercero, el artículo recientemente (si se permite) publicado por David Shea: Image Replacement + Google: http://mezzoblue.com/archives/2008/05/05/image_replac/ (mayo 2008) Por eso pienso, respondiéndole a Patricia, que no es una técnica dudosa, como ella opina.

[elquique]

Es bueno compartir este tipo de debates :) gracias a todos por opinar

[multirest]

Para el buscador no importa la intención con la que lo hagas, estás ocultando texto y eso no es bien visto.


saludos,

[elquique]

No, no es así, al menos para el único buscador en español que importa :)

[multirest]

disculpame quique, pero por el momento "creo" el buscador no es adivino de intenciones humanas

si fuera asi muchas técnicas white hat podrían ser interpretadas como malas intenciones y viceversa, muchas técnicas black hat como buenas intenciones

saludos.

Iniciado por elquique

No, no es así, al menos para el único buscador en español que importa :)