Como Fazer um Website Móvel
Servir um website móvel optimizado costumava ser considerado uma boa prerrogativa de web design, mas agora é essencial. De facto, os consumidores estão tão habituados a websites móveis (fáceis de navegar num pequeno ecrã, e com tempos de carregamento rápidos) que abandonarão rapidamente um website se este não funcionar bem no telemóvel.
Se tem um website para o seu negócio, já ouviu repetidamente como os clientes móveis podem ser importantes. Nesse momento, você provavelmente se pergunta: “Bem, meu site é amigável para celular?”
Se você usar o construtor de sites para celular do Jimdo, há boas notícias. O seu website será automaticamente móvel, que é o padrão de ouro do design de web design móvel amigável. Os modelos do site móvel do Jimdo serão ajustados automaticamente para caber em qualquer tamanho de tela, sem que você precise fazer nada especial.
Still, se você está se perguntando o que mais você pode fazer para criar o melhor site móvel, ou se você está curioso sobre os benefícios do web design móvel amigável em primeiro lugar, leia enquanto nós o acompanhamos através de algumas dicas móveis.
Por que é tão importante um site mobile amigável?
Muitas pessoas usam mobile: O uso do site móvel (em outras palavras, usando um site em movimento a partir de um smartphone ou tablet) está em ascensão há anos. Em 2015, o Google anunciou que, pela primeira vez na história, havia mais pessoas a pesquisar a partir de dispositivos móveis do que a partir de computadores desktop ou portáteis.
O going mobile-friendly ajuda a sua classificação no Google: Há um claro benefício SEO em ter seu website otimizado para celular, porque o Google prioriza websites otimizados para celular nos resultados de busca em smartphones. Isso significa que se alguém estivesse procurando por “pizza” em seu celular, o Google teria mais chances de mostrar a essa pessoa sites otimizados para celular perto deles nos resultados de busca.
Clientes móveis tendem a ser locais e prontos para comprar: As pessoas que visitam o seu site através de um dispositivo móvel são frequentemente mais locais, e mais propensos a fazer uma compra porque estão em movimento. Se você procura por “pizza” no seu celular, provavelmente é porque você quer pizza agora mesmo e quer pizza que está bem perto de você. Embora ainda seja comum os clientes usarem um desktop para fazer pesquisas, ler críticas e tomar decisões sobre compras importantes, os consumidores móveis estão mais focados em fazer contato e agir neste momento, e é por isso que a otimização da pesquisa local é tão importante. Um site móvel amigável pode ajudá-los a fazer exatamente isso, traduzindo-se em mais negócios locais para você.
Bring your business online with Jimdo.
O que é um site que responde?
Se você já visitou um site no seu celular e se viu sem saber ler o texto, ou constantemente aumentando e diminuindo o zoom para ver tudo, então você certamente sabe como é visitar um site móvel “não amigável”. Frustrante.
É por isso que recomendamos o uso de um design responsivo. Um website responsivo se ajusta automaticamente ao tipo de dispositivo que seus visitantes estão usando, alterando a resolução, tamanho da imagem, menus e muito mais para que eles façam sentido em diferentes tamanhos de tela.
Com um site responsivo, você não precisa construir um site separado apenas para dispositivos móveis ou uma página de aterrissagem móvel separada – todos os seus usuários podem coexistir alegremente usando o mesmo site responsivo.
Como tornar um website móvel amigável
Existem algumas outras medidas simples que pode tomar para melhorar o seu website em telemóveis e tablets.
O teste “Mobile-Friendly” do Google: Convenientemente, o Google fornece uma forma simples e gratuita de diagnosticar muitos problemas móveis no seu site. Basta ir ao Teste “Mobile-Friendly” do Google e digitar a URL do seu site. Este teste pode dizer-lhe, por exemplo, que o seu texto é demasiado pequeno ou que toca em elementos como botões e links que estão demasiado próximos uns dos outros para que as pessoas possam bater com os dedos. Esta também é uma ótima maneira de verificar a acessibilidade do seu website em geral.
Criar um logotipo que destaque o seu negócio.
Dicas para os melhores sites móveis:
- Certifique-se de que as suas páginas são carregadas rapidamente: Os usuários móveis provavelmente estão usando uma conexão de internet mais lenta, então é ainda mais importante que o seu site carregue rapidamente e não esteja consumindo o plano de dados deles. Existem ferramentas gratuitas que você pode usar para testar a velocidade de suas páginas, e elas lhe darão recomendações sobre o que você pode fazer para tornar as coisas mais rápidas. Por exemplo, você pode encolher imagens muito grandes (veja abaixo), remover quaisquer plugins ou popups desnecessários que estejam diminuindo a velocidade das coisas e reduzir o número de redirecionamentos de URLs que você está usando.
- Redimensione e optimize as suas imagens e logótipo: As imagens e o logotipo em seu site são muito maiores do que o que você realmente precisa? Fotografias de sites de fotografia de stock e até fotografias tiradas com uma boa máquina fotográfica digital podem vir com tamanhos de ficheiro enormes (como em mais de 1MB), por exemplo – e isto pode atrasar o seu site. A boa notícia é que você pode “comprimir” sem perder sua qualidade, usando uma ferramenta gratuita como TinyPNG ou TinyJPG. Você também pode mudar as dimensões de uma foto para torná-la menor (por exemplo, tornando-a com 800 pixels de largura ao invés de 2000 pixels de largura). Para mais dicas e how-tos sobre imagens, veja nosso post Como Otimizar Imagens do Site para Melhor Design e SEO.
- Use um menu de navegação simples e curto: Se o seu site tem um menu de navegação complexo com muitas páginas e subpáginas, será mais difícil para os visitantes móveis encontrar o que precisam rapidamente. Em um nível ainda mais prático, será difícil para eles apontarem e criarem com sucesso o link certo com o dedo. Tornar o seu menu de navegação mais curto e simples ajudará (e, como um bónus adicional, tornará o seu site mais fácil para os visitantes desktop também!)
- Crie informações claras de contato: Como os clientes móveis provavelmente querem entrar em contato, certifique-se de que a sua página inicial não requer muita e muita rolagem para chegar às suas informações de contato. Além disso, certifique-se de colocar um número de telefone e endereço de e-mail em que alguém possa clicar, pois preencher um formulário de contato em um telefone celular pode ser demorado e irritante.
- Mostrar primeiro o conteúdo mais importante: Os visitantes do site querem encontrar rapidamente a informação que precisam, e isso é ainda mais verdade quando estão em movimento.
- Usar textos e botões grandes: As pessoas que usam dispositivos móveis precisam de texto e botões de chamada para ação ainda maiores do que você poderia esperar para poder usar um site confortavelmente. A melhor maneira de testar isto é olhar para o seu website nos diferentes Modos de Visualização. Isto irá mostrar-lhe como o seu site aparece em diferentes telas, e você pode ver por si mesmo como tudo parece. Melhor ainda, peça a um amigo ou parente (ou alguém que usa óculos) para testar o seu site para você e deixá-lo saber o que eles pensam.
- Não use animações em Flash: Efeitos Flash ou animações não funcionam em iPhones ou iPads, por isso uma grande parte do seu público não verá o que está no seu site. Se você usa Jimdo você está com sorte: todos os nossos sites usam o HTML5 mais atualizado, que é acessível a todos os tipos de smartphones e tablets.
Complexo de erros no site móvel
- Esquecendo de olhar para o seu próprio site a partir de um dispositivo móvel: Se você normalmente trabalha no seu site a partir do seu computador, pode ser difícil lembrar de verificar a visualização móvel de vez em quando. Mas fazer isso pode ajudá-lo a identificar quaisquer pequenos inconvenientes que você pode nunca notar de um laptop.
- Rolagem sem fim: Vá com calma com os polegares das pessoas! Tente manter as suas páginas web curtas e directas para que os visitantes móveis não precisem de percorrer e rolar.
- Infográficos super-detalhados: Infográficos são ótimos para websites – mas quando o infográfico encolhe para caber na tela menor, pode se tornar impossível de ler. Não se esqueça de testá-lo você mesmo. Você pode achar melhor dividir um infográfico grande em gráficos menores e separados.
- Demasiado texto: Um parágrafo de texto que pareça normal no ecrã de um computador pode parecer Guerra e Paz no ecrã de um telemóvel. Mantenha seus parágrafos curtos e quebre grandes blocos de texto com balas, cabeçalhos e imagens. Aqui estão mais dicas sobre textos legíveis no website.
- Toque elementos muito próximos uns dos outros: Só há muito que uma pessoa pode fazer para encolher os dedos – facilitar a sua vida colocando espaço suficiente entre os seus botões e outros links para que as pessoas não acertem acidentalmente na coisa errada.
- Usando Flash: Efeitos Flash ou animações não funcionam em iPhones ou iPads, por isso uma grande parte do seu público não vai ver o que está no seu site. Se você usa Jimdo você está com sorte: todos os nossos sites usam o HTML5 mais atualizado, que é acessível a todos os tipos de smartphones e tablets.
- Exigindo que as pessoas preencham formulários: Sejamos honestos: ninguém quer preencher um formulário web a partir de um telemóvel. Se você precisa de um formulário, faça-o o mais curto possível. Ou melhor ainda, deixe as pessoas enviarem as informações para você de outra forma, como por e-mail ou apenas ligando para o seu número de telefone.
Jimdo: O melhor construtor de websites para telemóvel
Jimdo é a forma mais fácil de construir um website ou página de aterragem para telemóvel. Com blocos de construção fácil, resposta móvel automática, e até mesmo a capacidade de editar o seu site em movimento, você pode ter a certeza de que o seu site é móvel amigável e perfeito para todos os seus clientes.