Olá pessoal.

Hoje irei falar sobre um assunto que muito já tem ouvido falar e tentar associar ao nosso escopo:Tableless e SEO.

Antes de mais nada, Tableless não é tecnologia nova nem linguagem de programação. É um modo de desenvolver a sua página, de forma a usar as tags de acordo com a finalidade de cada uma. Por exemplo: muitos desenvolvedores usam a tag <table> para montar o “esqueleto” da página. Na verdade, essa tag deve ser usada somente quando for listar uma tabela (daí o nome tableless). Exemplo:

<table>
<tr><td>Cabeçalho</td><tr>
<tr><td>Menu</td><tr>
<tr>
<td>Conteúdo</td>
<tr>
<tr><td>Rodapé</td><tr>
</table>

Quem nunca começou fazendo site assim que atire o seu mouse no chão. Sim, já fomos pecadores um dia. :p. Mas por que isto é errado? Simples: a estrutura do seu site não é uma tabela com uma lista de itens. Logo, o tableless é um passo à frente na questão de desenvolvimento web.

Técnica de SEO: Os crawlers dao importância à web semântica da sua página. Isso quer dizer que é melhor para o crawler ver uma tag e no seu interior, um conteúdo associado à tag. Exemplos:

Suponha que voce quer listar alguns produtos:

<h2>Marcas de guitarra disponíveis</h2>
<ul>
<li>Fender</li>
<li>Gibson</li>
<li>Ibanez</li>
</ul>

contém muito mais relevância semântica do que

<b>Marcas de guitarra disponíveis</b><br />
Fender<br />
Gibson<br />
Ibanez<br />

Outro exemplo, sobre envio de forms:

<form>
blablabla
<input type=”submit” />
</form>

é melhor do que

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

Você deve estar pensando: “Mas que frescura! Por que tudo isso?”. Imagine que você está colocando dados numa carta para entrega e coloca assim:

Heron Inouye R.fim do mundo, 001 judas perdeu as botas
São Paulo SP 03131-031

O nosso amigo carteiro vai conseguir entender, mas você estará dificultando o trabalho dele, pois você pos dados em lugares que não deveriam ser postos. Além disso, pode haver problemas de ambiguidade. Se você fizer assim fica melhor:

Heron Inouye
R.fim do mundo, 001
Judas perdeu as botas
São Paulo SP

03131-031

Então, faça um documento certo, com tags certas, e quando ficar feio, use sabiamente o CSS.

Abração pra quem fica!!