dispositivos moveis

Dispositivos móveis: A importância deles e porque você deve se preocupar com eles (como deixar o seu site otimizado para eles)


Chegamos na era do mobile, hoje praticamente todo mudo tem um celular e diante deste fato chegamos ao obvio.

Os dispositivos móveis estão em alta, e a tendência e aumentar.

Um exemplo disto e que nos dias atuais têm mais gente acessando internet pelo celular, enquanto a quantidade de acessos nos computadores cai a cada dia.

Dá uma olhada nos números:

Em 2013 a quantidade de acessos à internet pelo computador era de 88% em 2014 caiu para 76%.

Já nos celulares em 2013 era 53% e subiu em 2014 para 80%, ou seja, dentro de um ano o acesso mobile cresceu 27%.

Estes números acima é apenas para você ter uma noção do quanto é importante você ter um site otimizado para dispositivos móveis.

Neste artigo falaremos o porque todo empreendedor precisa ter um site otimizado para todo tipo de aparelho, sobre o que é ter um site responsivo, quais as vantagens de se ter um site responsivo, sites mobile, mobile friendly dentre outros assuntos relacionados.

Independente se você está lendo este artigo, seja do celular, computador ou tablet.

Se segura ai pois vamos falar de dispositivos móveis com mobilidade e de sites responsivos com responsabilidade (Perdão pelo trocadilho infame hehe!) 😛

Sites Responsivos



Este com certeza e o melhor modelo de site e o mais usado atualmente e se seu site ainda não e responsivo você deve adequá – lo.

Existem outros modelos de sites para dispositivos móveis mas, os responsivos acabou tomando a internet.

Não há como falarmos sobre dispositivos móveis sem falar sobre sites responsivos, vamos começar?

O que é um site responsivo?

A forma mais simples de responder esta pergunta é:

“Site responsivo e todo site que se adapta ao tamanho do dispositivo que você está usando”

Ele vai organizando os elementos da página de acordo com o tamanho da tela do dispositivo até que fique forma agradável e otimizada para aquele aparelho que você está usando.

Se você quer ver isto na prática, se você estiver acessando o Tesouro Virtual em um computador, clique em maximizar no seu navegador, agora vá nos cantos do navegador e arraste o para aumentar ou diminuir.

Viu cada elemento da página se organizando?

E isto que os sites responsivos faz ele funciona bem em quaisquer dispositivos desde de celulares pequenos até Tvs gigantes.

Sites Mobiles

Outro modelos que ficou bem conhecido e usado para dispositivos móveis foram os sites mobiles, mas, acabaram sumindo.

Apesar do sumiço e bom falarmos dele e entender o que é, e como ele funciona vamos falar a respeito deles e entender algumas coisas deste modelo de site que acabou sumindo.

Para começar aquela perguntinha básica: O que é um site mobile?

A definição e simples:

Sites mobile e um site feito específico para dispositivos moveis aqueles que geralmente vem com o a url com m.seusite.com, dá uma olhada neste exemplo.

Neste modelo de site basicamente vai ter um site para desktop e um site específico para dispositivos moveis.

Quando você entra no site um script vai detectar qual aparelho você está usando e assim te enviar para o site designado para aquele aparelho desktop ou mobile.

Tudo neste site e feito para dispositivos moveis o design, foco na usabilidade para celulares e tablets e totalmente feito para tecnologia touch screen.

Porque responsivo?

Como dissemos acima os sites praticamente sumiram.

Dificilmente você vera um site mobile nos dias de hoje, para você ter uma ideia, conseguir um exemplo de site mobile para colocar neste artigo deu trabalho.

Até mesmo aqueles que tem sites mobiles tornaram os seus sites para desktop responsivos, a empresa aérea Lufthansa é um bom exemplo disto, eles tem o site para desktop responsivo e um site mobile.

Quando surgiu os sites mobiles tudo muitos acreditaram que eles tomariam a internet mas, aos poucos eles foram sumindo e hoje praticamente você não vê mais sites mobiles.

Você deve estar se perguntando do fundo do seu coração, porque sites mobiles não foram pra frente?

Existem algumas coisas que fizeram os sites mobiles sumirem do mapa e os sites responsivos virarem febre na nossa amada internet.

Vamos descobrir este mistério?

As vantagens dos sites responsivos sobre os mobiles

O que será que levou a maioria das pessoas escolher os sites responsivos?

Os dois sites têm vantagens e desvantagens mas, os sites responsivos acabaram tomando a internet e mobiles praticamente sumiram.

Continue lendo para entender o porque.

Vantagens dos sites mobiles

Uma das principais vantagens dos sites mobiles sobre os responsivos e que eles geralmente são bem mais rápidos

Por ser feito especificamente para smartphones este tipo de site vai ter apenas o necessário e que funcione bem nos dispositivos moveis.

Sabemos que a nossa internet móvel e devagar quase parando.

Então sites mobiles focam em arquivos menores tornando assim o site mais leve.

A estrutura do site também e feito na medida por exemplo o HTML e os Scripts vai ser limitada, para deixa – lo mais rápido.

Como dissemos acima ele também é feito com total foco na tecnologia touch screen, ou seja, ele é feito para ser tocado e não clicado.

O design e feito com botões maiores, conteúdo adaptado e otimizado para aparelhos moveis.

Mesmo com várias vantagens os sites mobiles estão sumindo, porque será?

Apesar da velocidade, de ser otimizado para dispositivos moveis entre outras vantagens os sites mobiles acabaram sumindo.

Entenda o porque.

Apenas um site para todos dispositivos


design responsivo


Hoje temos celulares, tablets, Smart Tvs, computadores e notebooks, dentre outros dispositivos que acessam a internet.

E todos estes dispositivos têm tamanhos e resoluções diferentes.

Para ter sites de acordo com os dispositivos mais usados, você teria que ter pelo menos 7 sites mobiles.

Um para celulares mais antigos que acessam a internet, que ainda são bastante usados, um para os smartphones menores, com telas entre 4 e 5 polegadas, telas entre 5 e 6 polegadas, contando que existem aparelhos maiores e menores que estes tamanhos citados aqui.

Tem os tablets de diferentes tamanhos, relógios, Smart tvs também de vários tamanhos e por ai vai.

Percebeu a quantidade de sites que você teria que fazer para atender pelo menos os dispositivos mais usados.

Apenas um site responsivo atende todos dispositivos.

Problemas com SEO

Quando se tem um site para Desktop e outro (outros) para os demais dispositivos pode gerar alguns problemas de SEO.

E o dentre estes problemas o mais comum e de conteúdo duplicado.

Pois, a maioria das pessoas utilizam o mesmo conteúdo nos dois sites.

E isto pode ser interpretado como conteúdo duplicado pelo Google e isto e muito ruim para o seu site.

Outra questão que também é muito comum em sites mobiles, são os problemas com redirecionamentos.

Quando um usuário for usar o site por um dispositivo móvel um script entra em ação para levar o usuário para o site mobile.

Se este script não for configurado corretamente pode trazer transtornos como o usuário ser direcionado para o site desktop ou famoso e terrível erro 404.

Sites mobiles dão um pouco mais de trabalho, geralmente você vai ter que fazer tudo no mínimo duas vezes.

Porque o Google disse


responsivo


Este motivo, com certeza, foi o que levou a maioria das pessoas e empresas usarem os sites responsivos.

Na sua página para Webmasters o Google recomenda que você use um design que seja “consistente em todos os dispositivos moveis (em outras palavras, use web design responsivo)”

Ta escrito exatamente desta maneira no artigo do Google, então não há dúvidas que design responsivo e o queridinho do Google.

No dia 25 de Abril de 2015 o Google atualizou o seu algorítimo para usar como critério, sites que são Mobile Friendly (falaremos a respeito no próximo tópico) ou seja, sites com design responsivos e otimizados para dispositivos moveis serão melhores posicionados que outros tipos de design.

Se este design e o que o Google escolheu e melhor você seguir esta escolha.

Mobile Friendly


Mobile Friendly


Acabamos de dizer que o Google vai da preferência para sites que são responsivos.

Mas apenas ser responsivo tem que ser Mobile Friendly.

Este termo está sendo amplamente usado atualmente e, com certeza, você já deve ter ouvido falar a respeito.

Mas, o que e ser Mobile Friendly?

Uma definição simples do termo é Mobile Friendly e todo site quem tem um design ‘amigável’ para dispositivos moveis.

E por falar em amigável, vamos ter um contato mais próximo? Basta clicar no botão “Quero ser vip” e colocar o seu e-mail, pois, queremos compartilhar conteúdo vip grátis com os mais próximos, isto sim e amizade com benefícios 😉


Conteúdo vip!


Isto significa que o seu site não deve ter apenas um design bonito, ele deve ser funcional ele deve ter foco na experiência do usuário.

Como falamos no primeiro artigo deste amado blog  o design do seu site deve ser inteligente e fácil de usar

O seu usuário deve encontrar o que ele precisa de forma fácil e rápida sem necessitar de um manual de instrução para usar o seu site.

Ter um site amigável e indispensável para alcançar novas posições no Google e usuários felizes que, com certeza, retornaram ao seu site.

Para os usuários de dispositivos moveis (que são a maioria) e para Google, usabilidade e de extrema importância.

Seja Friendly, seja amigável.

Mobilegeddon

Um pouco antes do Google atualizar o seu algoritmo para posicionar melhor os sites que são mobile friendly.

Surgiu o termo Mobileggedon, pra todo lado que se olhava na internet víamos o pessoal falando do Mobileggedon.

Eu me fiz esta pergunta na época, e se você ainda não ouviu falar sobre Mobilegeddon, com certeza, você deve estar fazendo a mesma pergunta.

Mas, que raios é Mobileggedon?

Mobileggedon e o nome que deram a atualização Google.

Usuram este termo pois quem não tivesse um site otimizado para dispositivos móveis sofreriam uma queda muito grande no seu tráfego.

E o seu site, com certeza, entraria no armageddon digital.

No dia 21 de abril de 2015 o Google atualizou o seu algoritmo e quem não se adequou entrou no temido Mobiggedon.

E o mais interessante e que nos dias de hoje ainda tem gente sofrendo os sintomas do Mobileggedon.

Talvez você querido leitor, ainda tem um site que não é otimizado para dispositivos móveis.

Seu site não precisa apenas ser responsivo ele tem que ser otimizado para que a experiência do usuário seja ótima alias mais que ótima 😉

Pensando nisto resolvemos colocar algumas dicas ferramentas para você resolver este problema.

Mobile Friendly Websites

Esta não e bem uma ferramenta tá mais para um manual sobre mobile friendly.

No blog do Google Webmaster dedicada para Mobile Friendly você vai encontrar todas as informações de como deve ser um site mobile friendly.

Leia todos artigos, estude – os e busque adequar o seu site de acordo com as dicas do Google.

Teste de Usabilidade

De acordo com as dicas do Google Webmaster para mobile friendly o seu site está compatível? O seu site está Mobile Friendly?

Teste o seu site para responder estas perguntas.

Legal como o Google é ele tem uma ferramenta ótima para você testar.

E simples basta você clicar aqui colocar o endereço do seu site e clicar em analisar.

A ferramenta vai lhe dizer se ele compatível com os dispositivos moveis ou não.

Think With Google



Outra ferramenta espetacular do Google é Think With Google.

Em tradução literal o nome da ferramenta é “Think With Google” que significa “pense como o Google”

Basicamente a ferramenta vai analisar o seu site e mostrar se ele está funcionando como o Google pensa.

Esta ferramenta vai lhe dá algumas informações muito importante.

Primeiro ela traz o quanto o site está amigável para dispositivos moveis, ela traz um número de 1 a 100 quanto mais perto do número 100 melhor, o Tesouro Virtual aqui está na posição 99.

A próxima informação e a velocidade que seu site funciona em dispositivos moveis, isto e uma métrica importante, pois, você já sabe como e a nossa internet móvel.

E bom que seu site mais perto do número 100, quanto mais rápido melhor.

E por último não menos importante qual a velocidade do seu site nos computadores.

A boa experiência do seu usuário e algo que você deve preocupar, pois, além de fidelizar o seu leitor, aumentar suas vendas dentre outros benefícios, este e também e um dos critérios que o Google usa para ranquear o seu site.

Google Mobile Madness

Acabamos de dizer como a usabilidade e importante, como uma boa experiência do usuário pode fazer o seu site crescer.

Então o Mobile Madness e um projeto do Google lançado no ano passado para ensinar as melhores práticas de usabilidade para dispositivos moveis

São vários Hangouts feitos pelo próprio pessoal do Google.

E através destes vídeos eles ensina como você tornar o seu site Mobile Friendly, você deve assistir todos eles.

Imagina ai um curso gratuito feito pelo Google, então aproveita.

Mobile First


mobile first


Como Desktop foi o meio mais usado para se acessar internet durante muito tempo, ele se tornou a base para se criar sites, ou seja, o design era feito pensando em computadores e notebooks.

Hoje isto mudou, os smartphones tomaram conta da internet, e hoje a maioria das pessoas acessam a internet através de dispositivos moveis.

Segundo o blog PM Web houve um aumento de 155,6% nos acessos a internet móvel.

Atualmente 86% dos usuários fazem pesquisas nos celulares antes de fazer uma compra.

Diante disto porque não pensar em um design focado em dispositivos moveis primeiro?

E exatamente isto que o Mobile First propõe.

Fazer um design para Mobile primeiro e depois adapta – lo para desktop.

E muito mais fácil pegar um design com elementos pequenos e depois aumenta – los.

Se você está começando o seu projeto agora, ou vai reformular o seu site vale a pena dar uma olhada para o mobile first e avilar esta nova forma de projetar e começar um site.

Nunca se esqueça dos dispositivos móveis


Neste artigo você viu vários motivos do porque de ter um site responsivo.

Hoje praticamente todo site hoje é responsivo, o grande problema e que muitos apesar de ter um site responsivo não tem um site otimizado para dispositivos moveis.

Por causa de um velho hábito, focamos apenas no desktop, e esquecemos dos dispositivos moveis.

Para você ter noção em 2015 mais da metade das pesquisas feitas no Google foram feitas por dispositivos moveis.

O seu site além de ser responsivo tem que ser otimizado para todo e qualquer dispositivo.

Seu site precisa ser otimizado, pois, além de perder usuários, seu site também, sumirá do Google, pois, como vimos aqui o Google prefere sites responsivos e otimizados.

Todo empreendedor digital que quer alcançar sucesso deve se preocupar com a usabilidade do seu site para todos os dispositivos.

E mais que isto torne o seu site otimizado para dispositivos moveis, mas, claro sem nunca se esquecer do desktop.

Busque ter um site onde a experiência do usuário seja ótima em qualquer dispositivo.

E se precisar de ferramentas para isto citamos várias neste artigo.

Deixe o seu site ótimo, pois, um site otimizado se tornará ótimo. (desculpe a piada continua ruim e infame)

Recapitulando

Neste artigo mostramos o que é um site responsivo e porque você precisa que o seu site seja responsivo.

Falamos sobre otimização e as principais ferramentas para te auxiliar.

Ferramentas como a Think With Google que testa o seu site o lhe um relatório sobre as principais questões de usabilidade para dispositivos moveis.

E ainda lhe trouxemos hangouts do Google que são ótimos cursos de graça para te ajudar a criar um site responsivo e otimizado.

Vimos que o é Mobile First e as vantagens de se pensar em dispositivos moveis primeiro e depois ir para desktop.

Trouxemos a você os vários motivos do porque o você deve estar preparado para conquistar os usuários dos dispositivos moveis.

Aproveita e se prepara ai.

Conclusão


mobile moveis


“Estamos na era mobile” e ninguém pode discordar disto.

Como vimos neste artigo mais de 50% das pesquisas feitas no Google são feitas através de smartphones.

Os smartphones ultrapassaram os computadores não só em quantidade de aparelhos vendidos, mas, também na quantidade de acessos a internet.

E a tendência e só aumentar.

E como o Google não e bobo em 2015 ele atualizou o seu algoritmo para posicionar melhor nas pesquisas feitas através dos Smartphones os sites que são Mobile Friendly.

Então está fora de cogitação você não ter um site responsivo.

Além disto o seu site precisa ser otimizado e amigável dispositivos móveis, ou seja, Mobile Friendly.

Site otimizado e um critério a mais para o Google ranquear o seu site.

Se você pretende alcançar o sucesso com seu site você precisa preencher os requisitos citados neste artigo.

E qualquer dúvida não se acanhe pode deixar a sua dúvida nos comentários ou entre em contato conosco direto na página de contato.

Você também pode falar conosco através do Facebook e do Twitter.

Se você também tiver dúvidas, dicas, críticas enfim fique à vontade estamos aqui para compartilhar conhecimentos e aprender com vocês.

Fique à vontade para compartilhar este artigo com toda a sua turma.

Vamos tornar a internet amigável e responsiva 🙂


Conteúdo vip!


 Imagens: Commons Wikimedia, Getrefe, Pexels, Pixabay, Public Domain Pictures

Editor: Canva