"Text replacement" es una técnica que nos permite utilizar cualquier tipografía en nuestros sitios web, independientemente de si están o no instaladas en el ordenador del visitante. En razón de ésto, esta técnica se usa mucho para los titulares, textos de encabezado y textos destacados.
Existen dos tecnologías principalmente que consiguen este efecto. sIFR y Facelift. Nosotros hemos adoptado la segunda cuando las páginas web que creamos precisan este tipo de efectos por varias razones principales:
- Facelift es mucho más fácil que sIFR a la hora de implementarlo.
- Facelift no usa flash para el proceso de reemplazo a diferencia de sIFR.
Esta técnica no afecta en nigún caso al posicionamiento en buscadores de la página porque es transparente para los robots de rastreo como Googlebot. No hay diferencia alguna en el código fuente de un encabezado que usa reemplazo y el de uno que no lo usa. La diferencia es visible sólo para el internauta, pues al adoptar el texto la apariencia de una imagen es más bello y estilizado.
No obstante también tiene sus contras, y voy a enumerar los que la inteligencia y la experiencia me sugieren:
- Si el navegador del visitante tiene deshabilitado el soporte javascript desaparece el efecto.
- Si el antivirus del visitante es muy redomado y chequea y procesa lentamente y por separado cada imagen y cada llamada extraña a un archivo javascript la carga de la página será lenta.
- Si el ordenador del cliente anda un poco escaso de RAM, o soporta demasiados procesos, la carga de nuestra página será lenta.
- Si en el momento puntual de la visita a la web, el servidor web está soportando una carga excesiva por otras razones, normalmente un número abultado pero puntual de visitas, no responderá bien a la hora del reemplazo y se volverá lento.
- Si abusamos de esta técnica y reemplazamos más de 3 elementos por página su carga será lenta.
- Su uso inhabilita la función copia/pega del texto reemplazado, por lo que dificultamos, ponemos una cortapisa al acceso a la información de nuestra página web.
- No siempre responde bien a las propiedades CSS de espaciamiento de caracteres y de palabras.
- No siempre responde bien, como lo hace un un texto plano, a los saltos de línea.
![]() |
![]() |
Etiquetas: accesibilidad web, mejorar diseño web, optimizacion web, posicionamiento buscadores, SEO
Posteado en Recursos diseño web escrito por Antonio Viñuales









