Dicas para projetar navegação móvel-friendly para seo

Sua navegação amigável-móvel pode assumir muitas formas, como parte de sua estratégia de SEO. A opção que é melhor para você depende de quão complexa a sua navegação precisa ser, suas metas de conversão e preferências de seus usuários.

Lembre-se que a navegação do seu site precisa ajudar os visitantes - e aranhas procurar - navegar através de seu website. Portanto, sua navegação móvel precisa ser intuitivo, funcional, rastreáveis, e otimizado para o toque.

Manter essas melhores práticas em mente ao projetar seu navegação móvel-friendly:

Video: SEO - Técnicas para uma melhor optimização | E-marketing (ISEG/IDEFE)

  • Mantenha-o simples, querida. Mantenha navegação de nível superior o mais simples possível, especialmente se você quiser a sua navegação exibida na parte superior da sua página móvel. Lembre-se que você está projetando para um tamanho de tela pequena. (Um iPhone 6 é de 750 pixels de largura no modo retrato, enquanto que um computador portátil de 13 polegadas é 1.280 pixels de largura).

    Video: Section 1: More Comfortable

    O ponto de um site móvel deixar seus visitantes navegar facilmente o seu site com um dispositivo móvel. Sua navegação deve dar-lhes links para suas páginas principais categorias e páginas que melhoram a usabilidade (como uma opção e um link para seu carrinho de compras “Agora Call”).

    Você não tem que ligar para cada página em seu site aqui. Na verdade, muitas opções podem resultar em paralisia de decisões e confusão, o que cria uma má experiência do usuário.

    Incluindo quatro a oito itens em seu menu superior é geralmente uma boa regra de ouro. Veja o exemplo de Bruce Clay, menu superior do Inc..

    Bruce Clay, Inc. simplifica sua navegação de desktop (superior) de forma significativa para melhorar a exper usuário móvel
    Bruce Clay, Inc. simplifica sua navegação de desktop (superior) de forma significativa para melhorar a experiência do usuário móvel. Para ajudar os usuários com a conclusão da tarefa, a navegação do site móvel (parte inferior) também inclui um botão click-to-call.
  • Lista de suas páginas mais importantes em primeiro lugar. Estes são geralmente chamadas de conversão para a ação, como “localizar loja”, “shop”, “inscrever”, e “produtos”. Se o seu site é mais conteúdo orientado do que as vendas orientadas, listar sua categoria mais importante em primeiro lugar.

    GameStop simplifica sua navegação de desktop (em cima) incluindo apenas pelo usuário e cal focada-conversion
    GameStop simplifica sua navegação de desktop (top), incluindo apenas as chamadas pelo usuário e focado de conversão à ação em sua home page móvel (em baixo).


  • Considerar a perder o botão Home. Para economizar espaço, você pode deixar de fora o botão Home na sua navegação e, em vez ter seu logotipo topo da página navegar para a home page quando aproveitado.

  • Projetar para o toque e dar espaço suficiente para um dedo. Porque tanto o seu tablet e usuários de smartphones estão navegando seu site móvel usando telas sensíveis ao toque, é muito importante certificar-se que a sensibilidade da torneira de seus botões de navegação são grandes o suficiente para usar. O dedo médio exige um espaço de pelo menos 44 pixels grande, esquerda para a direita e para cima e para baixo.

  • Faça o seu menu intuitivo. Seus visitantes devem saber exatamente onde cada um dos seus itens de menu irá levá-los.

  • Minimizar navegação multinível. Mantenha-o simples, mas se a sua navegação simplesmente deve ter níveis de drop-down, não adicionar mais de duas camadas de funcionalidade drop-down.

  • Certifique-se de que os menus drop-down são ativados pelo toque. Embora a ativação do mouse pairar trabalha na experiência de desktop, ele deixa o usuário preso na experiência móvel.

  • Use indicadores de menu visual. Se você usar um menu fora da tela, use um indicador de menu de três linhas para que o visitante pode acessar o seu menu.

    Se você tem uma navegação multinível, use um símbolo intuitiva, como um sinal de mais (+) para indicar que o item do menu tem mais opções drop-down. Considere também usando um símbolo para diferenciar botões que navegar para uma nova página a partir de botões que revelam mais opções drop-down. REI usa um direito; apontando seta (gt;) para indicar quando um item de navegação leva-o para uma nova página.

    REI usa indicadores visuais de menu para orientar os usuários através de sua navegação multitiered.
    REI usa indicadores visuais de menu para orientar os usuários através de sua navegação multitiered.
  • Adicionar um feedback táctil. Quando os usuários tocar um item em sua navegação, algo precisa acontecer para garantir aos usuários que eles aproveitado no lugar certo. Este feedback pode ser uma mudança de cor, um piscar de cor, ou uma mudança de fonte. Local, tocada por um utilizador, é destacada em azul.

    Search Engine Land usa o feedback de mudança de cor de toque para que os usuários saibam onde eles têm aproveitado dentro
    Search Engine Land usa mudança de cor de feedback de toque para que os usuários saibam onde eles têm aproveitado dentro da navegação.
  • Evitar a rolagem horizontal. Em geral, os motores de busca não gostam de excesso esquerdo para rolagem direita, e nem são usuários. Se o seu menu é muito longo para caber dentro dos parâmetros da tela da esquerda para a direita, considere uma navegação vertical.


Publicações relacionadas