Layers, Otimizar o HTML e Melhorar o Posicionamento nos Motores

Utilizar os Layers para tornar a fonte atraente aos spiders

A utilização dos layers é de importância fundamental no desenvolvimento HTML com o fim de preparar o site para a melhor indexação nos motores de busca. O conteúdo das páginas web não é o único fator para se conseguir uma boa indexação nos motores com o consequente aumento do número de visitantes, mas é ainda mais importante como tal conteúdo está organizado dentro da estrutura HTML da fonte.

Photo Credit: Miguel Ugalde

Os spiders, como os motores de busca vêem as páginas web

Os spiders são programas automáticos que lêem e catalogam todos os conteúdos da rede. Saber como os spiders vêem as nossas páginas é fundamental para organizar da melhor forma os conteúdos. Vamos partir de alguns pontos essenciais:

  1. Os spiders não trabalham sobre a parte visível da página web, mas sobre a fonte HTML
  2. Os motores dão muita relevância às palavras-chave encontradas no primeiro quarto do texto visível da página
  3. Os motores não gostam muito de conteúdos repetidos em mais de uma página

Chegamos ao ponto: no interno da fonte HTML deve aparecer primeiro o conteúdo relevante da página, por último áreas de serviço como: cabeçalho, menu de navegação, etc. Isso, infelizmente, não é possível se utilizamos tabelas como layout de página.

Tabelas HTML, veneno para os motores de busca

Vamos ver porque utilizar as tabelas HTML impede uma organização otimizada da estrutura para os spiders. Na imagem seguinte temos uma página organizada com uma tabela que contém o cabeçalho na célula A, o menu de navegação na célula B e o verdadeiro conteúdo relevante na célula C.

A fonte HTML, portanto, aparecerá assim:

<TABLE>
<TR><TD COLSPAN=”2″> ….. A. conteúdo do cabeçalho… </TD></TR>
<TR>
<TD>… B. conteúdo do menu…</TD>
<TD>…. C. texto relevante da página…</TD>
</TR></TABLE>

Os spiders que analizarão a página encontrarão em ordem:

A. O conteúdo do cabeçalho
B. O conteúdo do menu
C. O texto relevante da página

O primeiro 25% útil do texto, portanto, não conterá palavras relevantes ao assunto da página. E não apenas isso, mas para o spider todas as outras páginas do site serão quase iguais. Isso é penalizante.

Os Layers, dar a justa sequência de texto na fonte mantendo a mesma paginação

Os Layers nos permitem fazer oposição a este problema. Substituindo os layers na tabela HTML faremos com que a paginação se mantenha e poderemos inserir na fonte HTML os conteúdos na ordem mais apropriada à relevância do texto.

<div id=”C” style=”position:absolute; left:180px; top:110px; width:820px”>
…. texto relevante da página…
</div>
<div id=”B” style=”position:absolute; left:0px; top:110px; width:160px;”>
… conteúdo do menu …
</div>
<div id=”A” style=”position:absolute; left:0px; top:0px; width:980px; height:110px;”>
… conteúdo do menu …
</div>

Desse modo o spider encontrará como texto predominante o conteúdo relevante desta página (o layer C) enquanto que o layout será gestido através das coordenadas configuradas nos parâmetros left, top, width e height da TAG DIV.

Além dos motores de busca, existem muitos outros motivos para se utilizar os layers, cito apenas alguns:

  • Os motores de busca para Blogs utilizam spiders análogos aos dos motores
  • Os browsers dos celulares e palms visualizam os sites exatamente como são vistos pelos spiders
  • O Google Adsense consegue identificar melhor o assunto das páginas e, consequentemente, filtra ads mais remunerativos

O assunto é bem vasto e este artigo pretende ser somente um início. Para aprofundar mais sobre a importância da organização dos conteúdos recomendo o interesante artigo What Are Microformats And Why They Make Your Information Easier To Find de Robin Good.

Comments

comments