SEO Wireframing e SEO Mind Mapping
A sigla SEO vem do inglês Search Engine Optimization e engloba um conjunto de ações que tem por objetivo melhorar o posicionamento de um site nos resultados da busca orgânica (natural) de sistemas de busca como por exemplo, o Google.
Se você está em fase de reconstrução de um site, está projetando um site novo ou está pretendendo fazer uma dessas duas coisas, você pode na etapa de concepção e modelagem do site, incluir no wireframe seu projeto de SEO.
Isto serve como guia para web designers projetarem o layout e construírem o site. Também facilita ter uma visão global de seu projeto SEO.
Seguem alguns passos para estabelecer um bom projeto de SEO:
- identifique a função principal de cada página, se é de vendas, serviços, informações, etc.
- pesquise e identifique as palavras-chave que tem alta relevância para o conteúdo desta página. Essas palavras-chaves serão implementadas no caminho de pão (breadcrumb), título, nas meta-tags de descrição da página (description meta-tag) e de palavras-chaves (keywords meta-tag).
- crie o wireframe de navegação usando essas palavras-chaves para compor a URL amigável mantendo as informações mais relevantes no primeiro e segundo níveis de diretórios.
Ex: www.meusite.com.br/informatica/notebook/
Se você também utiliza algum serviço de análise web como o Google Analytics, pode ser útil incluir tracking codes (códigos de rastreamento) no wireframe para analisar se o fluxo de funilamento que deseja fazer está correto e se faz sentido. Assim como visualizar os pontos importantes de uma página, seu fluxo de navegação e checar se existe uma conversão interessante de ser rastreada.
Uma ferramenta ótima para fazer wireframes é o Axure, muito utilizado por arquitetos da informação, porém é paga. No site oficial existe uma versão trial disponível para download.
Outras ferramentas para wireframes:
Gliffy (online)
Smartdraw (Win)
Justinmind (Win / Mac)
OmniGraffle (Mac)
Outra dica legal para organizar suas idéias e projetos SEO, é usar mind maps (mapas mentais). É um recurso muito prático, no qual as ideias são agrupadas em torno de um assunto central e, a partir dali desenvolver os conceitos que quiser.
Veja aqui um exemplo (em inglês) escrito por Marty Martin.
O legal de usar mind maps é que eles proporcionam uma visão geral de seu projeto e facilita a tomada de decisões.
Uma ferramenta free e online é a mindmeister, confira no site: www.mindmeister.com
Outras ferramentas para mind maps:
Smartdraw (Win)
Visual Mind (Win)
Conceptdraw (Win / Mac)
Xmind (Win / Mac / Linux)
Espero que gostem das dicas e bom trabalho!
Tags: Arquitetura da Informação, mind map, SEO, wireframe
13 de setembro de 2009 às 22:29
Oi, Ester. Muito bom seu post! Para quem trabalha com web, wireframes e mind maps são essenciais. Deixo, aqui, uma dica de ferramenta “mind map” gratuita: http://freemind.sourceforge.net/wiki/index.php/Main_Page
É o FreeMind. Simples, e bem funcional!
Abs e sucesso :^)
14 de setembro de 2009 às 4:53
Olá Ester,
obrigado por ter citado o Justinmind Prototyper. Você já testou? Uma das vantagens é que ele já tem a ferramenta para fazer mind maps incluída, e integrada com o wireframe.
Estou buscando opiniões de usuários para utilizar como feedback e passar para os desenvolvedores do programa.
Se estiver interessada em testar, ou em mais informação sobre o Prototyper, entra em contato comigo por mail ou no twitter da @just_in_mind.
abraços
16 de setembro de 2009 às 19:17
Olá Alex,
Não cheguei a testar ainda, eu estava procurando ferramentas que oferecessem a funcionalidade de wireframe para exemplificar no post. Irei testar para te repassar meu feedback.
Abraço
18 de setembro de 2009 às 4:51
Oba.
Espero a sua opinião entao. Lá no blog eu acabei de postar um vídeo de um wireframe que fiz, pra mostrar as templates do Prototyper. Tá aqui, e fique à vontade pra postar/republicar, e tc.
http://www.justinmind.com/blog/?p=308
22 de setembro de 2009 às 3:30
Oi, Ester. Muito bom seu pos5! Para quem trabalha com web, wireframes e mind maps são essenciais. Deixo, aqui, uma dica de ferramenta “mind map” gratuita: http://freemind.sourceforge.bet/wiki/index.php/Main_Page
É o FreeMind. Sinples, e bem funcional!
Abs e sucesso :^);