Comunidad de diseño web y desarrollo en internet online

Reemplazo de texto por imágenes, en que sentido es ilegal?

Citar            
MensajeEscrito el 25 Ago 2006 10:48 am
HOla:
Hablando con un cliente han surgido algunas cosas, a ver si podéis aclararme. Se trata de sustituir algunos textos por tema de diseño (tipografías) por las correspondientes imágenes, pero manteniendo el texto original o parte de el; reemplazo de imágenes vamos. Tengo entendido que el metodo de Phark es el mejor y a mi me gusta, pero requiere una clase o id por cada titulo de todo el website y en mi caso podemos llegar a los 15 idiomas por lo tanto... :crap:

El método que uso ahora es <h1><span>titulo</span><img src="titulo.png" alt="titulo" /></h1> y oculto el span con display:none pero según me comenta el cliente tuvo problemas porque google lo consideró ilegal y lo eliminó de su indice porque según parece estás engañando al usuario al no mostrar el contenido real.

En mi caso, si la imagen falla, estará su ALT pero nunca el texto real. Pero es que con Phark tampoco porque usa text-indent que es casi lo mismo porque nunca lo verás, bueno con un monitor de mas de 5000px de resolución jeje.

En fin para mi la mejor opción es NO poner imágenes y si el cliente lo pide usar SIFR puesto que si SIFR falla al reemplazar el texto html siempre se muestra y ahí no creo que google meta las narices, de hecho importantes compañias usan SIFR.

Alguien me aclara esta bola un poco? o estoy en lo cierto?

Gracias

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 25 Ago 2006 01:09 pm
La verdad que eso de que Google lo haya considerado ilegal me parece muy extraño, aunque yo no lo hubiera hecho de esa forma. Por un lado, Google no tiene por qué meterse con el CSS, lo que le interesa es el HTML, teniendo eso en cuenta, ve la pagina sin estilos, asi verás que el titulo aparece dos veces y eso si no seria correcto.
Lo correcto seria:

Código :

<h1 id="pag_1_sec_3_es"><span>Titulo</span></h1>

Y poner las imagenes como background, la verdad no le veo mucho mas trabajo que hacerlo como lo estabas haciendo, y de esta forma es más correcto (los titulos como imagen son presentacion, no contenido)

SiFR es una buena opcion, aunque consume recursos. Personalmente he evitado su uso.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 25 Ago 2006 06:36 pm
Me parece muy bueno idea, me explicas un poco esa nomenclatura? Qué haces con el span, text-indent?

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 26 Ago 2006 01:32 am
de hecho no es necesario siquiera un span, a un h1 (por ejemplo) le das un identificador
luego en el css le das un text-indent de -100000px (vamos, un número grande), de background le pones la imagen por la que quieres sustituir y finalmente le das un height y width necesario... y es todo

usablemente no es recomendado utilizar display:none, algunos lectores para personas con problemas visuales los omiten y no los leen

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 26 Ago 2006 01:00 pm
Gracias fael

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 26 Ago 2006 11:30 pm
Aunque no es necesario ponerle ese numerototote. Con -999em está perfecto ;)

Por Alan

470 de clabLevel

2 tutoriales

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.