BLOG
Site responsivo x Versão mobile
VERSÃO MOBILE
Quando se tem uma Versão Mobile, é feito dois designs para o site, logo a programação também é duplicada. Um design é padrão para ser visualizado no computador, o outro é para os dispositivos mobiles. O design pode ser parecido, como cores, fontes e logo, mas no geral, um não tem nada a ver com o outro.
O design da versão mobile e toda a sua programação é feito pensando apenas no mobile. Já o padrão é feito pensando apenas no computador.
Quando o usuário visita o site, há uma função que identifica o dispositivo usado e o redireciona para o design específico, mas podendo deixar opção para o usuário escolher qual versão prefere para visualizar o site.
Quando é feito a versão mobile em um subdominio, isso duplica as URL’s de conteúdo do site e o Google não vê isso como algo bom para os resultados da busca deles.
RESPONSIVO
Site Responsivo é feito apenas um design para o site, mas todo o design e a programação é feito pensando no computador e no dispositivo mobile.
Quando você visita um site responsivo, seja do computador, smartphone, tablet ou notebook, o design é o mesmo. O que altera é como o design é apresentado.
O layout inteiro é “ajustado” de acordo com a resolução do dispositivo. Tudo é feito de acordo com a resolução.
Se o menu do site ao ser visualizado no computador é horizontal e tem 10 links nele, no smartphone ele pode aparecer através de um menu dropdown (clica no menu e ele abre e mostra os links) por que os 10 itens não “cabem” horizontalmente na tela de um smartphone de forma legível.
Um outro exemplo é a lateral de um blog que aparece normalmente, na lateral, quando visualizado no computador. Mas quando visualiza no smartphone não é mais na lateral, e sim abaixo dos posts (ou não existe mais). Isso por que os posts e a laleral de um blog não “cabem” um ao lado do outro na tela do smartphone de maneira que o visitante consiga ler tudo sem zoom.
QUAL DEVO USAR?
Isso vai depender do seu projeto e quais são seus objetivos.
Se você faz questão de ter o mesmo design do computador no smartphone, o Responsivo é o indicado. Claro que dependendo do design não será idêntico no smartphone, mas a ideia permanece. E para o SEO o responsivo é melhor, por manter o mesmo HTML.
E se eu não quiser usar nenhum, como fica meu site/blog?
Quando um site não tem versão mobile ou não é responsivo, o dispositivo por padrão ajusta todo o site para a tela. Fica tudo “encolhido” no smartphone, por exemplo. E para o usuário conseguir ler e navegar pelo site, ele precisará dar um zoom.
FINALIZANDO
Pode parecer difícil escolher qual dos dois usar, cada um tem seus pontos positivos e negativos, mas de uma forma ou outra você ganha, pois o uso dos smartphones e tablets estão se tornando cada vez mais frequentes. Quem não acha legal visitar um site no smartphone ou tablet, do conforto da sua cama (ou sofá, ou qualquer outro lugar) nos dias de preguiça, sem precisar de um computador?
Quando se tem uma Versão Mobile, é feito dois designs para o site, logo a programação também é duplicada. Um design é padrão para ser visualizado no computador, o outro é para os dispositivos mobiles. O design pode ser parecido, como cores, fontes e logo, mas no geral, um não tem nada a ver com o outro.
O design da versão mobile e toda a sua programação é feito pensando apenas no mobile. Já o padrão é feito pensando apenas no computador.
Quando o usuário visita o site, há uma função que identifica o dispositivo usado e o redireciona para o design específico, mas podendo deixar opção para o usuário escolher qual versão prefere para visualizar o site.
Quando é feito a versão mobile em um subdominio, isso duplica as URL’s de conteúdo do site e o Google não vê isso como algo bom para os resultados da busca deles.
RESPONSIVO
Site Responsivo é feito apenas um design para o site, mas todo o design e a programação é feito pensando no computador e no dispositivo mobile.
Quando você visita um site responsivo, seja do computador, smartphone, tablet ou notebook, o design é o mesmo. O que altera é como o design é apresentado.
O layout inteiro é “ajustado” de acordo com a resolução do dispositivo. Tudo é feito de acordo com a resolução.
Se o menu do site ao ser visualizado no computador é horizontal e tem 10 links nele, no smartphone ele pode aparecer através de um menu dropdown (clica no menu e ele abre e mostra os links) por que os 10 itens não “cabem” horizontalmente na tela de um smartphone de forma legível.
Um outro exemplo é a lateral de um blog que aparece normalmente, na lateral, quando visualizado no computador. Mas quando visualiza no smartphone não é mais na lateral, e sim abaixo dos posts (ou não existe mais). Isso por que os posts e a laleral de um blog não “cabem” um ao lado do outro na tela do smartphone de maneira que o visitante consiga ler tudo sem zoom.
QUAL DEVO USAR?
Isso vai depender do seu projeto e quais são seus objetivos.
Se você faz questão de ter o mesmo design do computador no smartphone, o Responsivo é o indicado. Claro que dependendo do design não será idêntico no smartphone, mas a ideia permanece. E para o SEO o responsivo é melhor, por manter o mesmo HTML.
E se eu não quiser usar nenhum, como fica meu site/blog?
Quando um site não tem versão mobile ou não é responsivo, o dispositivo por padrão ajusta todo o site para a tela. Fica tudo “encolhido” no smartphone, por exemplo. E para o usuário conseguir ler e navegar pelo site, ele precisará dar um zoom.
FINALIZANDO
Pode parecer difícil escolher qual dos dois usar, cada um tem seus pontos positivos e negativos, mas de uma forma ou outra você ganha, pois o uso dos smartphones e tablets estão se tornando cada vez mais frequentes. Quem não acha legal visitar um site no smartphone ou tablet, do conforto da sua cama (ou sofá, ou qualquer outro lugar) nos dias de preguiça, sem precisar de um computador?
VOLTAR
COMPARTILHAR