A Internet mudou em outubro de 2016. Naquele mês, o uso da web móvel ultrapassou o uso da web em desktop pela primeira vez (embora haja quem diga que o ponto de viragem foi muito anterior). Mais de sessenta por cento dos Millennials usam um smartphone como dispositivo principal para acessar a internet, foi relatado, e essa porcentagem provavelmente aumentou ainda mais desde então. É claro que se você tem um site, ele deve ser compatível com dispositivos móveis.

Como ter certeza de que seu site é compatível com dispositivos móveis - Blog Lorelei Web Design

Em abril de 2015, o Google anunciou que consideraria a compatibilidade com dispositivos móveis como um fator nos resultados de classificação do site. Existem duas opiniões diferentes sobre como garantir que você tenha um site compatível com dispositivos móveis. Uma escola de pensamento é criar uma versão móvel separada do seu site existente. A visão oposta e mais amplamente aceita não é criar um site separado, mas sim adaptar o site existente.

Adaptar seu site existente à era móvel não é um processo caro – você não precisa levantar +capital ou ganhar o Loteria EuroMilhões para poder pagar a mudança. Mesmo assim, seria sensato ter um desenvolvedor qualificado a bordo para ter certeza de que você está indo na direção certa.

O ponto de partida é que você deve empregar web design responsivo (RWD) para garantir que seus visitantes tenham facilidade para ler e navegar em seu site. Um site responsivo é aquele que se adapta de acordo com o dispositivo que o visitante está utilizando.

Como ter certeza de que seu site é compatível com dispositivos móveis - Blog Lorelei Web Design

tamanho da fonte. Os visitantes do seu site devem ser capazes de ler o conteúdo sem a necessidade de aumentar o zoom. Certifique-se de usar fontes padrão e fáceis de usar definidas para máxima legibilidade. Os desenvolvedores saberão que configurar uma janela de visualização para suas páginas da web garantirá que as fontes sejam dimensionadas corretamente em vários dispositivos. O tamanho base da fonte, segundo recomendações do Google, deve ser de 16 pixels CSS.

Imagens. As imagens devem ser de alta resolução. Se você definir uma largura preferida para suas imagens em um site, elas serão muito largas para serem exibidas em um dispositivo móvel e, portanto, você deverá definir as larguras das imagens para 100%.

Ligações Úteis. Coloque os links distantes o suficiente para que os leitores não tenham problemas em clicar naquele que desejam. O mesmo vale para botões clicáveis.

Flash – não use. A maioria dos navegadores móveis não está configurada para renderizar software como Flash. O Google recomenda que você projete seu site, incluindo conteúdo e animação, usando “tecnologias web modernas” que aparentemente não incluem Flash.

Otimize o código. Mesmo que você não tenha tempo ou dinheiro para reconstruir seu site do zero para a era móvel, existem alguns ajustes que podem ser feitos no código existente que irão melhorar a experiência do usuário. Esses ajustes incluem, mas não estão limitados a, ajustar os atributos de entrada do formulário, usar quebra automática de linha para garantir a legibilidade de textos longos, como números de contas e URLs, uso cuidadoso de espaços extras e evitar posicionamento fixo para cabeçalhos ou barras laterais.

Depois de seguir as etapas mencionadas acima, você desejará verificar se o seu site é realmente compatível com dispositivos móveis. O Google oferece um simples teste de compatibilidade com dispositivos móveis que pode determinar a facilidade com que um visitante pode ver a página de um site em um dispositivo móvel. Basta listar sua URL e a ferramenta analisará sua página para verificar sua compatibilidade com a era da internet móvel.