La redirección de páginas web es una práctica muy común en los blogs, cuando migran desde una plataforma a otra y dejan atrás una URL para pasar a ser otra URL, ya sea al adquirir un dominio propio o al migrar de plataforma gratuita (de WordPress a Blogger). Sea como sea, en muchos de éstos casos de hace uso de redirecciones a través de la etiqueta meta y esta redirección es mal vista cuando Google indexa nuestro sitio web, sin embargo existen otros métodos como la redirección a través de JavaScript.

La redirección común a través de la etiqueta meta es la siguiente (la se debe evitar):

<meta http-equiv="refresh" content="5; url=http://www.xploit29.com">

Y respecto a redirección a través de JavaScript tenemos las siguientes opciones:

QUE SE IMPRIMA TEXTO HTML A TRAVÉS DE JAVASCRIPT
Tal y como lo dice el sub-título, podemos realizar una redirección haciendo que java script imprima texto en HTML, ya que al bot de Google se le hace difícil entender JavaScript:

<script type="text/javascript">
var string = (location.href);
var getit = new Array();
var getit = string.split('/');
var result = getit[ getit.length-1 ];
var filename = result.split('.');
 
document.write("<meta http-equiv='refresh'");
document.write("content='0; url=http://www.xploit29.com/");
 
if(filename[1]=="html"){
 
	document.write(getit[getit.length-3] + "/");
	document.write(getit[getit.length-2] + "/");
	document.write(filename[0] + "/");
 
}
 
document.write("'/>");
</script>

Modificamos el tiempo (segundos) en que deseamos que se genere la redirección y indicamos la URL a la que desee que sus visitantes lleguen luego de la redirección.

ESTABLECIENDO UNA NUEVA DIRECCIÓN A LA PÁGINA
A través del siguiente código, se establece una nueva URL a la página a la cual será redirigida en el tiempo que se establezca:

<script type="text/javascript">
 
    var pagina = 'http://www.xploit29.com';
    var segundos = 5;
    function redireccion() {
        document.location.href=pagina;
    }
    setTimeout("redireccion()",segundos);
</script>

Modificamos la página y el tiempo (segundos)

EXTRA: redirección con PHP
De forma adicional también es posible redireccionar una página web haciendo uso de PHP a través del siguiente código:

<? header("location: http://www.xploit29.com"); ?>

Modificamos la URL

Aprendiendo Web es una bitácora (blog) que nos enseña y motiva al buen uso de los lenguajes de CSS, XHTML y más. En cada post nos indica pequeños aspectos a tomar en cuenta en el momento en el que desarrollemos una página web.

Germán Martínez quien está a cargo de Aprendiendo Web, ha creado a través de Amazon una “librería virtual” en la que se muestran libros relativos al temas de la semántica, las nuevas prácticas en el diseño web, uso correcto y muchos otros libros interesantes que estoy seguro que valen la pena adquirir. El que nos recomienda para iniciar es uno titulado: Head First HTML with CSS & XHTML.

Como el mismo menciona, no se trata de un beneficio monetario sino que se trata de que en la medida que personas adquieran libros a través de su tienda, él pueda recibir libros como obsequio y así enseñar más cosas. Excelente oportunidad para todos los interesados, y que mejor recomendación antes de comprar un libro que la de un experto.

Yo por mi parte, seguiré ahorrando para adquirir uno de esos libros tan pronto sea posible.

Enlace | AW Design Store
Enlace | Aprendiendo Web (AW)

CSS Text Wrap es una elegante y sencilla herramienta con la que podemos darle casi cualquier forma a nuestros textos a nuestros textos de forma, ya sea la de un circulo, la de un triángulo, un corazón, prácticamente puede formar cualquier polígono con esta herramienta.

La herramienta trabaja a través de nodos algo similar a como se trabaja con Corel Draw al momento de trabar con líneas y editar vectores. El trabajo con CSS Text Wrap es algo similar a la siguiente imagen:

Fácil de usar y lo más importante es que luego de darle forma a nuestro texto, es muy sencillo acoplarlo a nuestro sitio, pues nos da 3 tipos de códigos, ya sea código CSS/XHTML, XHTML con Classes y Javascript.

Enlace | CSS Text Wrap
Vía | Wwwhat’s new