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: , , ,

Enviar por E-Mail

5 respostas to “SEO Wireframing e SEO Mind Mapping”

  1. Marcelo M. Orlandi Says:

    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 :^)

  2. Alex Luna Says:

    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

  3. Ester Razzo Says:

    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

  4. Alex Luna Says:

    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

  5. Alberro Says:

    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 :^);

Deixe um comentário