10 dicas para impulsionar sua posição na pesquisa para celular. Torne seu site compatível com dispositivos móveis

O ver 50% da população mundial usa dispositivos móveis, de acordo com a GSMA Intelligence. É hora de concentrar seus esforços na pesquisa para celular. Portanto, a atualização do algoritmo de compatibilidade com dispositivos móveis do Google, “Mobilegeddon”, foi lançada há dois meses. A atualização acabou sendo um grande avanço na maneira como os resultados são classificados na pesquisa para celular .

1. Escolha sua configuração

De acordo com o Guia de celular do webmaster, existem três tipos de configuração de site para celular. O mais comum é Web Design Responsivo . Nessa configuração, o servidor sempre adapta o mesmo código em uma única URL, independente do tipo de dispositivo e ajusta a renderização da página para cada tamanho de tela. O design da Web responsivo exige a adição de uma meta tag da janela de visualização (mostrada abaixo) no cabeçalho do documento. a meta tag da janela de visualização: & lt; meta name = ”viewport” content = ”width = device-width, initial-scale = 1.0 ″ & gt; A meta tag viewport informa ao navegador como exibir uma página em um determinado dispositivo. Sem essa tag, os navegadores móveis adaptam o conteúdo automaticamente para caber na largura da tela.

A página sem uma meta viewport especificada está à esquerda. À direita está a mesma página com uma janela de visualização especificada.

Por outro lado, seu site pode ser hospedado em dois URLs separados , enviando um código diferente para computadores e dispositivos móveis. Com essa técnica, todas as páginas da área de trabalho têm seus equivalentes móveis. Por exemplo, a versão para desktop está hospedada em www.example.com, enquanto a versão para celular é veiculada em um subdomínio m.example.com ou em um domínio para celular completamente diferente, como example.mobi. É muito importante configurar a anotação bidirecional corretamente , o que ajuda o Google a entender a relação entre seu site para computador e celular.

Há também outro tipo de configuração – Design de site dinâmico. Os sites que usam esse método renderizam conteúdo diferente para cada dispositivo, mas em um único URL. Pode ser problemático para um mecanismo de pesquisa detectar quando um site está usando sua versão móvel, por isso, você precisa otimizar o HTTP Vary para pesquisa móvel corretamente. Este código informa ao Google quando seu conteúdo otimizado para celular deve ser exibido.

A abordagem mais comum, Web Design Responsivo, também é a recomendada porque ajuda o Google a indexar seu site. Existem poucas vantagens que o design responsivo oferece a você e aos seus usuários. Em primeiro lugar, o Googlebot precisa rastrear seu site apenas uma vez, o que melhora significativamente a eficiência do rastreamento. Em segundo lugar, há apenas um URL, então compartilhar e criar links para seu site é mais fácil. Além disso, você não precisa manter várias páginas para o mesmo conteúdo e nenhum redirecionamento é necessário para ter uma visualização otimizada para o dispositivo. Torne-se móvel escolhendo a configuração mais adequada para sua empresa.

2. Ajude seus usuários a atingir seus objetivos

Em primeiro lugar, você deve entender como os clientes de celular interagem com o seu site. A questão fundamental é analisar seu tráfego no Google Analytics e aprender:

Porcentagem de tráfego de dispositivos móveis: Público – Celular – Visão geral

Principais páginas de destino para celular: comportamento – páginas de destino – “Tráfego para celular” [segmento avançado]

Essa abordagem fornecerá uma pista sobre o que os usuários de smartphones e tablets estão procurando em seu site. Como resultado, você poderá reorganizar e adaptar seu conteúdo para um público específico. Pense em como simplificar e agilizar a jornada móvel dos usuários e cortar interações desnecessárias .

3. Organize seu conteúdo para pesquisa móvel

O estudo do Nielsen Norman Group mostrou que é muito mais difícil entender as informações ao ler na tela de um celular. O celular nos força a ser super concisos. Isso mostra que organizar seu conteúdo é crucial. Seus visitantes só lerão seu conteúdo se acharem suas informações úteis muito rapidamente.

Menos é melhor parece ser a regra mais importante para conteúdo escrito na pesquisa para celular. Considere o que você deseja que seus visitantes realizem em uma página específica. Defina uma meta para cada página e certifique-se de fornecer todas as informações de que precisam para tomar uma decisão e agir. Isso ajuda você a determinar quais informações devem ser incluídas e excluídas de seu site para celular. Limite a quantidade de texto e mantenha a estrutura de sua página clara e bem organizada.

Lembre-se de que os usuários tendem a mudar de um dispositivo para outro. Se você quiser melhorar a experiência deles, certifique-se de que o conteúdo principal permaneça inalterado , independentemente do tipo de dispositivo. Escolha um layout simples que integre facilmente elementos tocáveis ​​e frases de chamariz (CTA). Certifique-se de que seus usuários sejam capazes de realizar todas as ações tanto na visualização paisagem quanto na visualização retrato. Escreva parágrafos curtos, concisos e que possam ser digitalizados. Vá direto ao ponto rapidamente. Substitua o texto simples por marcadores e implemente títulos e subtítulos atraentes. Evite criar formulários desnecessários para seus usuários preencherem – eles não têm tempo quando estão no celular.

4. Ajuste os tamanhos e tipos de fonte

É aconselhável usar fontes padrão para sua cópia e verificar se os tamanhos das fontes são dimensionados corretamente. Evite fontes personalizadas e mantenha os tamanhos consistentes, pois eles nem sempre são exibidos corretamente em telas de dispositivos móveis e podem demorar mais para carregar. Na maioria dos casos, um bom tamanho padrão é 16px (pixels CSS) e uma altura de linha de 1,2em. Além disso, restrinja o uso de diferentes tipos de fontes, já que ter muitas tornará seu layout confuso.

5. Preste atenção aos elementos interativos

As telas sensíveis ao toque adoram elementos interativos, então tente criar um design adequado aos dedos e torná-los fáceis de tocar. Seria complicado clicar em um pequeno link de CTA em seu site, então ajude-os aumentando-o. Coloque o ícone do CTA na frente e no centro, ele pode até ocupar toda a largura da tela!

O tamanho recomendado pelas Diretrizes de interface humana da Apple é 44 pixels de largura e 44 pixels de altura para frases de chamariz. Quando os usuários visualizam sua página, eles desejam realizar uma tarefa específica. No entanto, o estudo Human Fingertips para investigar a Mecânica do Sentido Tátil descobriu que a largura média do dedo é de 1,6 a 2 cm (16–20 mm) para adultos. Isso converte para cerca de 45–57 pixels e é um pouco mais largo do que o tamanho de destino sugerido. Lembre-se dessas descobertas ao projetar suas frases de chamariz.

6. Melhore sua tela sensível ao toque com estas dicas

As interfaces de tela de toque dominam os smartphones e mudaram drasticamente a forma como os designers percebem seus mercados-alvo. Para tornar seu design bem-sucedido:

7. Simplifique a navegação no site

A navegação do seu site deve ser direta e intuitiva. Lembre-se de que as pessoas que visualizam seu site provavelmente estão interessadas no que você tem a oferecer. No entanto, metade deles vai pular, a menos que você simplifique para que eles atinjam seus objetivos. Todos os elementos clicáveis ​​devem ser colocados a uma distância clara uns dos outros para evitar ações indesejadas , conhecidas como “síndrome do dedo gordo”. Melhore a usabilidade deixando uma borda em branco entre o conteúdo e a borda externa da tela . Isso também tornará o layout claro e fácil de digitalizar.

Implemente o tipo certo de menu de navegação. Você pode escolher entre algumas soluções de navegação tradicionais. A maneira mais básica e simples inclui uma barra de navegação e um menu suspenso regular . Uma barra de navegação é um menu horizontal ou vertical usado para acomodar suas categorias, enquanto um menu suspenso regular, quando acionado, aparece como uma lista no topo do conteúdo.

barra de navegação

menu suspenso da página inicial

8. Incluir conteúdo visual

A exceção à regra “menos é melhor” é quando se trata de conteúdo visual . Vídeos, infográficos, imagens e outros recursos visuais estão se tornando cada vez mais importantes na pesquisa móvel. Substitua longos blocos de texto por visuais atraentes, que se comunicarão muito melhor com os usuários em telas de dispositivos móveis. No entanto, antes de fazer isso, certifique-se de que seu conteúdo visual esteja corretamente otimizado para celular , caso contrário, pode ter um impacto negativo na velocidade de seu site.

Certifique-se de:

9. Facilite a localização e clique no seu número de telefone

Um clique para ligar é o recurso mais usado na pesquisa para celular. Com base na pesquisa do Google comissionada pela Ipsos, 70% dos pesquisadores de celular usaram o “botão de chamada” para entrar em contato diretamente com empresas. A capacidade de ligar é um importante gatilho de conversão em cada fase da tomada de decisão. Em geral, os clientes ligam com mais frequência quando estão prontos para comprar seu produto ou serviço.

10. Trabalhe na velocidade da página

Os usuários de celular exigem experiências da web rápidas e perfeitas. Não há tolerância para usabilidade insatisfatória, especialmente quando se trata de velocidade do site. Estudos conduzidos por e-commercefacts.com indicam claramente que ter um tempo de carregamento lento afeta negativamente sua taxa de abandono (é a proporção entre o número de carrinhos de compras abandonados e o número de transações concluídas).

Se o seu website para celular demorar mais de 3 segundos para carregar, 43% dos visitantes não retornarão e 40% se voltarão para a concorrência. De acordo com o Aberdeen Group, “um atraso de 1 segundo no tempo de carregamento pode significar 11% menos visualizações de página, uma diminuição de 16% na satisfação do cliente e 7% de perda nas conversões”.

Para melhorar a sua experiência móvel, o Google está testando um aviso de “carregamento lento” na pesquisa móvel. Eles medem a conexão com a Internet no seu dispositivo e exibem uma pequena etiqueta amarela ao lado de sites de carregamento lento. O Android Soul publicou esta tela. Aparentemente, é um novo recurso que está sendo implementado lentamente.

Conclusões

Depois que seu site para celular estiver totalmente desenvolvido, você pode começar a testá-lo. Investigue todas as combinações possíveis, páginas e botões em dispositivos e sistemas operacionais. O melhor seria torná-lo um processo contínuo para acompanhar as atualizações. A pesquisa móvel é uma ótima maneira de criar uma experiência do usuário mais personalizada do que na área de trabalho. Não perca esta oportunidade!

Então, você já criou um site otimizado para celular?

Sinta-se à vontade para curtir, compartilhar e comentar. 🙂

Saúde, Kasia

Originalmente publicado em positionly.com em 9 de julho de 2015. Escrito por Kasia Perzyńska.