Siempre apostamos por facilitar el trabajo a los spiders y en este ejercicio vamos a intentar ordenar y depurar nuestro código para que resulte más comprensible a nuestros amigos. Sabemos que los buscadores trabajan en un entorno muy dinámico, que mejoran y aprenden continuamente en sus búsquedas y las recomendaciones que vamos a hacer a continuación quizás ya no repercutan negativamente pero es nuestra obligación limpiarles el terreno y evitar así confusiones.

Partimos de la base de que los buscadores comienzan a rastrear de arriba a abajo por lo que el contenido más relevante debe de ocupar la parte superior del documento HTML. Editaremos nuestro código y observaremos los contenidos repetidos o que no sean importantes para ordenarlos siempre después de los que si tengan relevancia para el documento.

Ordenando Javascripts

Si tenemos Javascript lo condensaremos con referencias a archivos externos del tipo:

<script language=”Javascript” src=”calendario.js” mce_src=”calendario.js”></script>

También podemos situarlo en la parte inferior del documento para que no interfiera con el contenido más relevante que debe de estar situado en la parte superior aunque personalmente recomiendo la primera opción.

Los inconvenientes de las tablas

A este problema me gusta llamarlo el efecto mazo porque suelen empujar el contenido hacia abajo y puede afectar directamente al posicionamiento al quedarse los elementos de navegación por encima del mensaje principal del documento.

Las soluciones pasarían por:

• Evitar las tablas y emplear diseños CSS.
• Situar nuestro menú de navegación en la columna derecha de la página.
• Aplicar lo que se llama el truco de las tablas que invierte el orden de las celdas sin que nuestras visitas lo aprecien.

El truco de las tablas consiste en crear una tabla de dos por dos con la primera celda vacia. En la segunda ponemos un atributo rowspan de 2 y colocamos los elementos de navegación en la segunda fila siempre debajo de la primera celda vacia.

El código en una tabla normal sería:

<table border=”1″ bordercolor=”#000000″>
<tr>
<td>Menú navegación</td>
<td>Contenido prioritario</td>
</tr>
</table>

y este mismo optimizado podría quedar así:

<table border=”1″ bordercolor=”#000000″>
<tr>
<td></td>
<td rowspan=”2″ valign=”top”>Contenido prioritario</td>
</tr>
<tr>
<td valign=”top”>Menú navegación</td>
</tr>
</table>

De esta forma conseguimos que el contenido prioritario quede por encima del menú de navegación.

Para terminar no estaría de menos evitar lineas vacias o que comiencen en blanco e incluso añadir comentarios con referencia a las intrucciones del código. Esto último quizás no lo tengan en cuenta los robots pero eguro que el webmaster que revise el código os lo agradecerá eternamente.

Existen algunos optimizadores de código interesantes que pueden ayudarte a ordenarlo. Es el caso de Beautify PHP. El programa tiene una interfaz Web y es muy fácil de usar incluyendo diversas opciones de configuración para conseguir justo el aspecto final de código que buscas.