Primeiros passos com a compatibilidade com dispositivos móveis

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Os dispositivos móveis estão mudando o mundo. Hoje em dia, todos temos smartphones e estamos constantemente nos comunicando e buscando informações. Em muitos países, o número de smartphones ultrapassou o número de computadores pessoais. Por isso, ter um site compatível com dispositivos móveis tornou-se indispensável para marcar presença on-line.

  1. Se você não sabe se o site é compatível com dispositivos móveis, faça o teste de compatibilidade com dispositivos móveis.
  2. Se você usou um software de gerenciamento de conteúdo como o Wordpress para criar o site, confira o guia para personalizar o software do seu site.
  3. Se você tiver conhecimento técnico suficiente para começar, escolha uma configuração para dispositivos móveis.

Por que fazer um site compatível com dispositivos móveis?

Um site difícil de visualizar e usar em um dispositivo móvel em comparação com uma versão otimizada para dispositivos móveis

Se o site não for compatível com dispositivos móveis, pode ser difícil visualizá-lo e usá-lo em um dispositivo móvel. Um site não compatível com dispositivos móveis exige que os usuários façam gesto de pinça ou aumentem o zoom para ler o conteúdo. Os usuários consideram isso uma experiência frustrante, e é provável que abandonem o site. Por outro lado, a versão compatível com dispositivos móveis é fácil de ler e pode ser usada imediatamente.

Nos Estados Unidos, 94% das pessoas com smartphones procuram informações locais nos seus telefones. Curiosamente, 77% das pesquisas em dispositivos móveis ocorrem em casa ou no trabalho, lugares onde provavelmente há computadores.

Os dispositivos móveis são essenciais para seus negócios, não importa se você tem um blog sobre seu time de esportes favorito, trabalha no site do teatro da sua comunidade ou vende produtos a possíveis clientes. Garanta uma boa experiência para os visitantes que acessam o site em dispositivos móveis.

Como faço para começar?

A quantidade de trabalho necessária para tornar um site compatível com dispositivos móveis depende dos recursos do desenvolvedor, do modelo de negócios e do nível de conhecimento. O diagrama a seguir é um exemplo de como um site para computadores pode ser adaptado para funcionar com dispositivos móveis:

Como um site para computadores pode ser reformulado para funcionar em dispositivos móveis

Em um nível de implementação bem básico, fazer a transição de um site existente para computadores para um que seja compatível com dispositivos móveis requer usar seções existentes de conteúdo do site para computadores e organizá-las para um padrão de design compatível com dispositivos móveis. Para mais informações sobre a implementação técnica de um site móvel, saiba mais sobre as opções de configuração de SEO para dispositivos móveis.

Quais são as três principais regras ao criar um site para dispositivos móveis?

1. Facilite a vida dos consumidores.

Ajude os visitantes do site a alcançar os próprios objetivos. Eles podem querer se divertir lendo as postagens do seu blog, anotar o endereço do seu restaurante ou conferir avaliações dos seus produtos. Desenvolva seu site para que seja fácil aos clientes acessá-lo e concluir um objetivo.

Resumo das possíveis etapas da jornada do cliente

Faça um esquema das etapas da jornada do cliente e garanta que elas são fáceis de concluir em um dispositivo móvel. Tente simplificar a experiência e reduzir o número de interações do usuário. Neste exemplo: (1) o cliente clica em um site após pesquisar lâmpadas para comprar, (2) confere uma seleção de lâmpadas e (3) compra a lâmpada que ele quer.

2. Avalie a eficiência do seu site de acordo com a facilidade para os clientes realizarem tarefas comuns em dispositivos móveis.

Usuário olhando um dispositivo móvel

Ao criar um site para dispositivos móveis, é preciso priorizar o que é realmente importante. Descubra quais são as tarefas mais comuns e importantes para os clientes usuários de dispositivos móveis. A compatibilidade dessas tarefas é crucial. Por isso, a qualidade do seu site para dispositivos móveis depende da eficiência com que os clientes cumprem os objetivos. Há maneiras de fazer com que o design do site seja voltado para a facilidade de uso. Concentre-se em criar uma interface consistente e proporcionar uma experiência unificada em todas as plataformas.

De acordo com o MediaPost, "os clientes que fazem compras usando dispositivos móveis consideram essencial a facilidade de uso, com 48% dos usuários citando-a como a principal qualidade de um site para dispositivos móveis".

3. Selecione um modelo, tema ou design que seja consistente em todos os dispositivos móveis (por exemplo, use Web design responsivo).

Web design responsivo significa que a página usa o mesmo URL e o mesmo código para usuários que acessam o site em um computador, um tablet ou um smartphone. A diferença é que a exibição se ajustará ou "responderá" de acordo com o tamanho da tela. O Google recomenda usar o Web design responsivo em vez de outros padrões de design. Um dos benefícios do Web design responsivo é que você só precisa manter uma versão do site em vez de duas. Não é necessário manter o site para computador em www.example.com e a versão para dispositivos móveis em m.example.com. Mantenha somente um site, como www.example.com, para ambas as opções.

Site ideal para computadores e visitantes em dispositivos móveis

Um site responsivo ajusta a exibição a vários tamanhos de tela usando o mesmo URL e o mesmo código. Os três dispositivos acima usam www.example.com (em vez de usar a página para dispositivos móveis em m.example.com e a página para tablets em t.example.com).

"Usar o Web design responsivo permitiu que a Baines & Ernst otimizasse a experiência do site em telas de diferentes tamanhos sem precisar criar vários sites. Eles notaram que os usuários acessavam 11% mais páginas no site a cada acesso e as conversões em dispositivos móveis aumentaram em 51%."

As conversões ocorrem quando um cliente executa uma ação desejada, como a compra de um produto, o contato com uma empresa ou a assinatura de um boletim informativo.

Para ver detalhes sobre como implementar o Web design responsivo, confira os Fundamentos da Web. Se você quiser saber as vantagens e desvantagens das diferentes implementações de sites para dispositivos móveis, tablets e computadores, consulte Criação de sites para clientes multitelas.

Quais são os três principais erros que os iniciantes não podem cometer?

  1. Esquecer os clientes que usam dispositivos móveis. Não esqueça que os bons sites para dispositivos móveis são úteis, eles ajudam os visitantes a concluir tarefas, seja ler um artigo interessante ou conferir a localização da sua loja. Não crie somente um site formatado para dispositivos móveis que não oferece a funcionalidade completa. Em vez disso, crie um site compatível com dispositivos móveis (que seja verdadeiramente útil para clientes de dispositivos móveis e otimizado para as tarefas mais comuns dos clientes).
  2. Implementar o site para dispositivos móveis em um domínio, um subdomínio ou um subdiretório diferente da versão para computadores. Embora o Google aceite diversas configurações de sites para dispositivos móveis, criar URLs separados para dispositivos móveis aumenta significativamente o trabalho necessário para manter e atualizar o site, além de ser uma possível fonte de problemas técnicos. Com frequência, é possível simplificar significativamente essa questão com o uso do Web design responsivo e atender a computadores e dispositivos móveis com o mesmo URL. O Web design responsivo é a configuração recomendada pelo Google.
  3. Trabalhar isoladamente em vez de buscar inspiração ao redor. Busque inspiração e práticas recomendadas em outros sites no seu espaço ou nos dos seus concorrentes. Talvez você não seja a primeira pessoa na sua área com um site para dispositivos móveis, mas isso dá a você o benefício de aprender com quem veio antes.