Tableless, Web Semántica y SEO:Uso Correcto de las tags HTML

Hola a todos.

Hoy hablaré sobre un asunto que muchos ya tienen olvidado y el cual trataré de asociarlo a nuestro objetivo: Tableless y SEO.

Antes que nada, Tableless no es una tecnología nueva ni un lenguaje de programación. Es un modo de desarrollar su página, de forma que se puedan usar las tags de acuerdo con la finalidad de cada una. Por ejemplo: muchos desarrolladores usan la tag <table> para montar el “esqueleto” de la página. En realidad, esa tag debe ser usada solamente cuando este lista una tabla (de ahí el nombre tableless).

Ejemplo:

<table>

<tr><td>Encabezado</td><tr>

<tr><td>Menú</td><tr>

<tr>

<td>Contenido</td>

<tr>

<tr><td>Rodapié</td><tr>

</table>

Quién nunca comenzó haciendo el sitio de esta manera que tire su Mouse al suelo. Sí, ya fuimos pecadores un día. Pero, por qué esto es malo? Simple: la estructura de su sitio no es una tabla con una lista de ítems. Por lo tanto, el tableless es un paso al frente en el tema de desarrollar una Web.

Técnica de Optimización para motores búsqueda (SEO): Los crawlers le dan importancia a la Web semántica de su página. Eso quiere decir que es mejor para el crawler ver una tag en su interior y un contenido asociado a la tag. Ejemplos:

Suponga que usted quiere hacer una lista de algunos productos:

<h2>Marcas de guitarras disponibles</h2>

<ul>

<li>Fender</li>

<li>Gibson</li>

<li>Ibanez</li>

</ul>

Tiene mucha más relevancia semántica que

<b>Marcas de guitarras disponibles</b><br />

Fender<br />

Gibson<br />

Ibanez<br />

Otro ejemplo, sobre envío de forms:

<form>

blablabla

<input type=”submit” />

</form>

es mejor que:

<form>

blablabla

<img onclick=”enviar_formulario();” />

</form>

Usted debe estar pensando: “Por qué todo eso?”. Imagine que usted está colocando datos en una carta para entregar y la coloca así:

Heron Inouye R.fim do mundo, 001 judas perdeu as botas

São Paulo SP 03131-031

Nuestro amigo el cartero va a entender, pero usted estará dificultándole el trabajo, pues pone datos en lugares que no deberían ser puestos. Además de eso, puede haber problemas de ambigüedad. Si lo hace así, queda mejor:

Heron Inouye

R.fim do mundo, 001

Judas perdeu as botas

São Paulo SP

03131-031

Entonces, haga un documento correcto, con tags correctas, y cuando le quede feo, use inteligentemente el CSS.

Abrazos!!