Dicas para desenhar compatibilidade com dispositivos móveis de navegação 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 otimizada para toque.

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

• Mantenha-o simples, querida. Mantenha navegação de nível superior o mais simples possível, especialmente se você quiser que o seu 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, ao passo que um computador portátil de 13 polegadas é 1.280 pixels de largura).

  O ponto de um site móvel que os 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 um # 147-Call Agora # 148- opção e um link para seu carrinho de compras).

  Você não tem que conectar-se a todas as páginas em seu site aqui. Na verdade, muitas opções pode 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 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 # 147 localizar loja, # 148- # 147-shop, # 148- # 147-subscribe, # 148- e # 147 produtos. # 148- Se o seu site é mais conteúdo orientado do que as vendas orientadas, a sua lista de categoria mais importante em primeiro lugar.

  
  GameStop simplifica sua navegação de desktop (top), incluindo apenas as chamadas pelo usuário e focada no conversão à ação em sua home page móvel (parte inferior).

• 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 tablet e os usuários de smartphones estão navegando seu site móvel usando telas sensíveis ao toque, é muito importante certificar-se que a sensibilidade toque 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 por 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 aceder ao 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 (>) para indicar quando um item de navegação leva você para uma nova página.

  
  REI usa indicadores visuais de menu para orientar os usuários através de sua navegação de várias camadas.

• Adicionar um feedback táctil. Quando os usuários toca em um item na 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 usuário, é destacada em azul.

  
  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.

• Evite 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 grande para caber dentro dos parâmetros da tela da esquerda para a direita, considere uma navegação vertical.