Porque a estrutura de um site é importante

Em suma: Para que tanto os motores de busca como os seus visitantes entendam melhor o conteúdo do seu site. Esta resposta pode ser interpretada como algo de senso comum para todos, mas a verdade é que até os que se dizem “mais avançados” por vezes de esquecem ou não dão a devida atenção a este pequeno pormenor de optimização em websites.

Imaginem que estão na universidade ou numa posição para a qual precisam de escrever uma tese ou fazer um relatório sobre um certo tema (não importa o tema). Você começará por escrever os capítulos, secções e parágrafos, coleccionará recursos e anexos, e lentamente tudo começa a ganhar forma. No entanto irá chegar a altura em que será necessário organizar todo esse conteúdo de uma forma lógica e acessível, a não ser que você queira entregar tudo solto dentro de uma caixa que o seu professor vai adorar… Você vai querer uma capa, um índice de secções, um índice alfabético, etc. E você vai fazer os possíveis para tornar esse conteúdo o mais agradável possível para o leitor em termos de organização.

Então porque deve fazer o mesmo no seu website? Essencialmente porque os seus visitantes serão motores de busca e visitantes humanos, porque a sua recompensa serão conversões ou vendas, reconhecimento e confiança como autoridade e possivelmente uma melhoria na classificação no índice dos motores de busca.

Vamos tentar illustrar a similaridade entre a estrutura de um documento e a estrutura ou arquitectura de um site:

• A capa funciona como a sua página principal (homepage). Ela capta a atenção do visitante e funciona como um incentivo para levar o leitor para o conteúdo interno do seu site. Recomendo a leitura do Capítulo 7 do livro “Don’t Make me Think”, por Steve Krug com o título “The first step in recovery is admitting that the Home page is beyond your control”. Este capítulo ilustra boas práticas para uma página acessível e com um bom nível de usabilidade.
• O índice de capítulos pode ser comparado com a navegação do seu site ou com o sitemap (tanto HTML como XML). Isto ajudará tanto humanos como motores de busca a encontrar o seu conteúdo (onde está o quê).
• A biografia pode ser comparada à página “About” ou página de contactos do seu site. Permitindo que os leitores contactem consigo ou que fiquem a conhecer um pouco mais sobre você e as razões porque é autoridade no assunto.
• Os blocos de cabeçalho e rodapé podem ser comparados ao cabeçalho (header) e rodapé (footer) do seu site, bem como a paginação e breadcrumbs. Estes elementos fornecem ao leitor uma noção directa de localização e da secção onde este se encontra.
• Os capítulos individuais podem ser comparados a páginas e secções do seu site. Estes são normalmente compostos por um título inicial (num website normalmente utiliza-se uma tag <h1> ou <h2> para isso), secções ou sub-títulos (por exemplo <h3>), títulos de parágrafos (por exemplo <h4>) e finalmente o conteúdo (onde normalmente se utilizam as tags <p>). O HTML standard W3C é especificamente desenhado com base nesta lógica.
• As notas de rodapé referências e recursos correspondem aos links externos e internos no seu site. Eles permitem ao o leitor angariar informações complementares sobre o assunto.
• O índice alfabético, normalmente no final, pode ser comparado à funcionalidade de pesquisa do seu site (ex: uma caixa de busca), permitindo que os seus visitantes pesquisem e encontrem informação relacionada com uma palavra chave.

Quando decidir trabalhar no seu próximo site, ou na melhoria de um existente, tenha estes conceitos em mente. Não apenas porque eles ajudam os motores de busca a melhor entenderem o seu site, e você terá melhores resultados por isso, mas também porque uma estrutura lógica e consensual resultará numa maior satisfação dos seus visitantes e possivelmente aumento no seu número de vendas/conversões. Recomendo também a leitura do Guia de SEO para iniciantes em Português e que aplique esse conhecimento à prática nos seus futuros projectos.

Outros livros em Inglês que li e recomendo: Designing Web Usability e Prioritizing Web Usability, de Jakob Nielsen e também Don’t Make Me Think de Steven Krug. Se tem outros livros ou artigos sobre o mesmo assunto que recomenda, partilhe-os nos comentários :^)

Posts possivelmente relacionados:

1. A estrutura visual de um site Através do site Websites as Graphs podemos ter uma noção visual da organização e estrutura de qualquer site na internet. Temos também uma legenda onde...