Google penaliza sites responsivos

POSTAGEM REVISADA E ATUALIZADA EM : 30/07/2016

Fala galera do bem. Abraço a todos.

O título deste artigo deve ter despertado algo não é mesmo? É que da maneira que colocamos uma frase muitas vezes o sentido muda completamente.

Eu digo sempre que muitas vezes as ordens dos fatores alteram sim o resultado (rs) . Vou dar um exemplo pra vocês:

Frase 1

- Joãozinho é muito competente, porém ele chega sempre atrasado.


Frase 2

- Joãozinho chega sempre atrasado, mas ele é muito competente.


Na primeira eu atrapalho a situação do Joãozinho enquanto na segunda eu o elevo.. Mas na verdade as duas frases falam a mesma coisa.

heheh.. Mas vamos para o nosso artigo, foi mais pra descontrair um pouquinho..


Quando digo que o Google penaliza os sites responsivos não quero dizer todos. Só quero frisar que o fato do site ser responsivo não significa que não será penalizado pelo Google.

Estou frisando isso pois falam-se muito pela internet que um site responsivo já é um site pronto para dispositivos móveis. Mas não é bem assim.


Estou postando alguns e revisando outros para voltar ao ar de  uma série de artigos com o tema "Mobile ou Responsivo", para ver todos os artigos clique aqui.


O que estou tentando mostrar é que o site criado pelo WebAcappella Responsive, deve-se também de se tomar cuidado nas exigências do Google. Pois provavelmente o site vai abrir no celular com sua responsabilidade, porém pode sim, ser penalizado pelo Google.


Vou mostrar aqui, até mesmo sem minha vontade uma situação em que um sites responsivo não passou no teste do Google.

Digo sem minha vontade, pois muitos vão achar que estou "queimando" a imagem desse sites (até adorei o site). Nnão é minha intenção. Apenas para mostrar que é verídico quando digo que por um site ser responsivo não significa que não será penalizado pelo Google.




O site www.benestare.com, é um site responsivo. observe as imagens: 

*E no meu ponto de vista é um site perfeito.

Print navegador maximizado:

Print navegador em largura mínima

Print feito pelo teste do Google

https://www.google.com/webmasters/tools/mobile-friendly/?hl=pt-BR&url=http%3A%2F%2Fwww.benestare.com%2F

Poderia mostrar vários outros na mesma situação. Mas não acho legal fazer isso. Só mesmo postei um para que vocês vejam e se atentam que: Mesmo o site sendo responsivo deve-se seguir as exigências do Google para não ser penalizado.

Para o tal eu sugiro sempre utilizar das Ferramentas do Google para adequar seu site Mobile ou responsivo. O próprio Google oferece várias soluções para o ajuste.

O que é bom sempre ter em mente é que a intenção do Google é entregar a melhor experiência para seu usuário. E o fato de ser responsivo não significa que ele será aprovado pelo Google para o rankeamento.

Para finalizar, comento também, que não pense que só porque o site passou pelo teste do Google que não precisa se preocupar com mais nada. Durante esta série de artigos vão ser mostrado muitos detalhes. Bom seria se desse para falar de tudo em uma só postagem.

Abraços a todos e ótimo final de semana

Leia mais

Site Responsivo x Versão Mobile | PRIORIDADE 1 > Sair da Penalidade do Google

TEMA: Site Responsivo x Versão Mobile

ARTIGO: Revisado e melhorado

VERSÃO: WEBACAPPELLA  4

Olá galera do bem!

Voltamos em mais uma postagem da série Site Responsivo x Versão Mobile.

Portanto diante aos acontecimentos que algumas pessoas estão enfrentando, a prioridade mudou. 

Não sei você leitor, se você desenvolve seu próprio website, se faz por hobby ou se trabalha desenvolvendo websites para terceiros e como trabalha. No meu caso eu tenho contrato com clientes.

Ando observando que aqueles clientes em que o site não tem a versão mobile tem caído consideravelmente na quantidade de visitas. O que sei é que é uma situação muito ruim apresentar a estatística para seu cliente onde o resultado é negativo.

Muitos vão dizer: - Tem algo errado com o site, só pode.

Pior, ele está certo. Tem sim! O site não tem sua versão mobile.


 E o que fazer?

• Chegar no meu cliente sem ter o mínimo de bom senso e dizer que ele não contratou uma versão mobile? 
• Ignorar a situação como nada estivesse acontecendo e deixar que o mesmo fique insatisfeito até decidir cancelar o contrato?
• Jogar a culpa no cliente dizendo que o negócio dele que não é interessante e ocultar a questão do mobile de forma não o conscientizar da situação? Saiba que uma hora pode aparecer um concorrente mostrando esta situação pra ele e ainda o convencendo que você o enganou o tempo todo.

Não sei a relação de vocês com seus clientes, mas a minha é de parceria. Cada cliente para mim é um parceiro. 

Portanto, não tem como simplesmente chegar no meu cliente e cobrar dele um site Mobile. Em qualquer ramo de atividade, um profissional que se preze passará momentos em que "vai trabalhar de graça". 

Mas como sempre digo "Olhe a Xícara por ambos os lados, a xícara tem uma alça de um lado só. Dependendo do ângulo que se olha para ela, verá a mesma xícara de formas diferentes." Então encare a situação com vários pontos de vista. 

Nesta situação, em vez de eu ser pessimista e ficar trabalhando pensando: "Que xato. to trabalhando de graça" vou pensar "O fato de esclarecer a situação com meu cliente, e fornecer uma solução vai aumentar a confiabilidade que ele tem em meu trabalho".

Galera, o seu cliente é o seu combustível para que seu negócio saia do lugar  para que ele prospere. 

Então qual a medida decidi tomar:

Simples, Contatei cada cliente, expliquei sobre as mudanças drásticas do Google e expus a solução imediata para contornar a situação no momento até tomarmos novas decisões. Informei que seria criado uma página básica a qual estaria informando que a versão mobile estava em construção e com um botão para que visite a versão Desktop" E depois seria criado a versão mobile bem simples direcionada no que é realmente é relevante sem custo algum. Assim, se ele optasse a ter uma versão mais completa para celular, neste caso sim; seria tarifado.

Desta maneira poderia salvar em menor espaço de tempo todos meus clientes da penalidade, ter tempo para um ajuste da versão Mobile simples e por fim; para os que interessassem criaria a versão mais completa e ainda teria entradas no caixa.

Diante desta história contada pra vocês, o post de hoje é:

PRIORIDADE 1 >> SAIR DA PENALIDADE DO GOOGLE

Como visto no artigo anterior vamos sequenciar este tema usando o próprio domínio do WebAcappelashow para criarmos duas ou mais versões do site.

O primeiro passo, feito anteriormente é criar a página mobile-provisoria.html

Mas seguindo nossa prioridade estaremos criando então o básico do básico para a versão mobile do site. Lembrando da meta prioritária: Sair da penalidade do Google.

Obviamente não estou querendo dizer que vamos nos posicionar melhor no ranqueamento e ou que estamos cumprindo todas as diretrizes do Google. Nossa primeira preocupação é passar no teste oficial de Google para dispositivos móveis. Se o Google disponibiliza uma ferramenta teste a qual fornece um resultado positivo ou negativo e ainda lista detalhes para correções; entende-se que passando no teste pelo menos o site está cumprindo com as principais regras e para ela está considerado um site para dispositivo móveis saindo da penalidade.

Então galera, vamos mexer no projeto do site do WebacappellaShow 

Como tenho uma prioridade, vou evitar perder tempo com novas experiências e vou criar a versão Mobile seguindo as instruções fornecidas no Blog Oficial do Webacappella.

Link da Matéria do Blog > http://blogwebacappella.fr/2013/04/04/creer-un-site-pour-les-appareils-mobiles/#more-2049

Está em Francês, mas nada que um bom translator não resolva. rs


Resumindo:

• Configurar as páginas com 900px de largura ; pois em 1000 pixels como havia dito na postagem anterior. Conforme o blog oficial do WebAcappella 1000 px não seria muito adequado para os smartphones de tela como o iPhone.
• Tamanho da fonte para textos: 36px
• Tamanho da fonte para títulos: 44px 
• Aproveitar bastante dos recursos âncora no WebAcappella ou utilizar de um menu flutuante para  páginas compridas .

Então no webacappella criei uma nova página nomeada como  mobile-provisória.html e fiz a telinha básica da básica para minha versão celular

Assim terá um botão redirecionando para a versão Desktop do site.


In no head da página principal vou inserir o seguinte código:

<script type="text/javascript">
var width = screen.width;
var height = screen.height;
if (width <= 640)
document.write("<meta http-equiv='refresh' content='0; url=http://www.webacappellashow.com.br/mobile-provisoria.html'>")


</script>

É importante citar que não são os códigos sugeridos pelo Google, estes serão explicados numa nova série de postagens que será lançada explicando como criar um site mobile no WA 4, até mesmo sem necessidade de seguir as instruções do Blog Oficial do Webacappella (link informado acima) e sem necessidade de ter projetos diferentes para cada versão. Tudo na pasta public da hospedagem.

O tema a ser lançado será "Criando um site mobile no WA 4"

Criado esta página emergencial vista pelo browser como http://www.webacappellashow.com.br/mobile/index.html


Agora testando o site no teste do Gooble  vamos conferir  o resultado:

Wowwww!!! Passamos!!!

Além de passarmos, melhor; se o internauta clicar em VERSÃO DESKTOP, ele será redirecionado para a versão desktop do site mesmo no celular. Faça o teste no seu celular e comprove.

Caso queira aproveitar este código, basta trocar os trechos em vermelho pela suas url


ps. Gostaria de lembrar que ao visitar o site pode não condizer com as telas aqui printadas. Isto porque a medida que vou postando  vou alterando o projeto de acordo com os artigos. 

Um grande abraço para todos vocês.

Leia mais

Qual escolher? | Post 2

O google tem como objetivo entregar para o usuário o melhor conteúdo a partir de onde ele estiver independente do usuário fornecer sua localização.  A um tempo atrás ele mostrava em uma pesquisa quando o site era compatível com dispositivo móvel ou não, portanto agora ele mudou sua logística de forma os sites que não são compatíveis ou não tem uma versão para dispositivos móveis são penalizados.

Para saber se seu site está adequado as exigências do Google para dispositivos móveis clique aqui digite o endereço do seu site e clique em analisar.

Portanto houveram algumas confusões de interpretação sobre sites preparados para dispositivos móveis e sites responsivos. Um site responsivo pode não passar nos testes da google. Veja mais  clicando aqui.

O Webacappella lançou sua versão responsiva do programa (WA RC), portanto apesar de estar usando  e até já ter feitos vários sites com a mesma; não fiquei satisfeito com o resultado. Tem muito a melhorar ainda. Mais pra frente irei até criar uma série de postagens comparando situações que a WA RC perdeu muito para a WA 4.

No entanto não é necessário termos o Webacappella Responsive para que  desenvolvemos um site em versão mobile seguindo as exigências do Google para não ser penalizado.

Alguma exigências do Google são:

• Evitar softwares que não sejam comuns em dispositivos móveis, como Flash

• Usar textos que sejam legíveis sem aumentar o zoom

• Dimensionar o conteúdo no tamanho da tela para que os usuários não precisem rolar horizontalmente nem aplicar zoom

• Posicionar os links afastados o suficiente para que se possa tocá-los com facilidade

Mas o ideal é ir criando o projeto e ir testando no link informado acima para testes.

Alguns mitos surgiram por aí que para ser melhor posicionado no google o site deveria ser responsivo. Então vamos ver o que o Google fala sobre o site não ser penalizado.

1) Sinalize para o Google quando uma página é formatada para dispositivos móveis (ou tem uma página equivalente formatada para dispositivos móveis). Isso ajuda o Google a veicular adequadamente seu conteúdo nos resultados de pesquisa aos usuários

2) Mantenha os recursos rastreáveis. Não use o robots.txt para bloquear o acesso de mecanismos de pesquisa aos arquivos essenciais no seu site que ajudam a processar a página (incluindo anúncios). Se o Googlebot não tiver acesso aos recursos da sua página, como CSS, JavaScript ou imagens, talvez não detectemos que ela foi desenvolvida para exibir e funcionar bem em um navegador para dispositivos móveis. Em outras palavras, podemos não detectar que a página é "compatível com dispositivos móveis" e, portanto, não exibi-la adequadamente aos usuários de dispositivos móveis que realizarem pesquisas

3) Evite erros comuns que frustram os visitantes em dispositivos móveis, como vídeos que não podem ser reproduzidos (por exemplo, a maioria do conteúdo significativo da página em formato de vídeo em Flash). 

fonte: https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/key-points?hl=pt-br

Bom, até agora o Google não menciona em nenhum momento que o site responsivo tem alguma preferência por ter uma versão mobile do site. No entanto tem muita coisa pra vir.

O que ainda não sai da minha cabeça durante todo este estudo é porque o próprio site do Google não seja responsivo. Pois se você redimensionar a tela do seu navegador verá claramente a barra de rolagem horizontal. Entende-se que o próprio Google prefere uma versão mobile do site.

O que entendo que para o Google o que importa é sempre entregar a melhor experiência para o visitante do site independente se é algo adaptável ou específico; ou seja; responsivo ou versão mobile.

Mas então, o que fazer? um site responsivo ou uma versão Mobile do site?

Vamos então analisar as vantagens e desvantagens de cada caso.:

RESPONSIVO:

ALGUMAS VANTAGENS

• Existem várias dimensões de tela para tablets, notebooks, smartphones e até notebooks , desktop e televisores. Com o responsivo o site vai se adequar automaticamente para cada uma delas.

• Você constrói e dá manutenção em um site só.

• Consistência: O visitante do site terá o mesmo conteúdo tanto visitando o site pelo desktop ou por um dispositivo móvel. Todo o conteúdo será mostrado independente do dispositivo que o visitante esteja usando.

• Possuir apenas uma url que facilita o processo de rastreamento através das ferramentas de analytics.

• O site já está previamente preparado no caso de um novo dispositivo surgir.

ALGUMAS DESVANTAGENS

• Lentidão: Dependendo da forma que é construído pode ocasionar demora ao carregar, algo que o Google não gosta. Pois para o Google o usuário de dispositivos móveis tem que ter a mesma sensação de estar navegando pelo desktop.

• Complexabilidade: Um site responsivo, funcional, rápido exige muito mais complexabilidade para ser construído, requer mais scripts e códigos. Requer mais planejamento e preparo; o que pode se tornar mais demorado criar uma versão responsiva do que um site para desktop com sua versão mobile. Como vimos no artigo anterior; alguns sites pareciam ter uma versão mobile e uma versão desktop devido o fato de imagens mudarem de um dispositivo para outro. No entanto; ha como fazer através de códigos que essa mudança ocorra dependendo do dispositivo usado. Como disse, é mais trabalhoso. Sem contar que gastará mais tempo com testes pela ferramenta do Google.

• Como o conteúdo não é totalmente otimizado para dispositivos móveis, às vezes, os sites responsivos apresentam grandes desafios para a navegação, tanto do ponto de vista dos desenvolvedores (arquitetos de informação, designers de interfaces e programadores) quanto do ponto de vista dos usuários (que terão grandes expectativas em relação à interface)

VERSÃO MOBILE

ALGUMAS VANTAGENS

• Por ser projetado focando justamente para ser usado em dispositivos móveis, possui muito menos códigos, scripts, CSS, imagens  e arquivos html. Você pode eliminar por exemplo videos em flash que se usa no site pra desktop. Sendo na versão desktop tem , mas no mobile não tem. Desta forma se torna muito mais fácil de se usar e entender.

•  Navegação customizada: Fica muito mais leve, pois é construído focado no que o usuário do dispositivo móvel procura. Mostrando apenas o conteúdo necessário, removendo o que é supérfluo; ou seja, qualquer coisa que possa ser administrada através de um CMS, como documentos, imagens extras e elementos que são carregados através de CSS ou JS. 

• Muito mais rápido de se carregarem do que um site responsivo. Esta deve ser a principal razão de gigantes como Facebook, Submarino preferirem uma versão mobile. Imagine um site como o Submarino se fosse um site responsivo quanto tempo gastaria  para carregar. Os visitantes desanimariam de entrar e consequentemente o site perderia vendas. 

• Muitas das vezes é  mais rápido desenvolver site  em duas versões do que um site responsivo o qual tem que se preocupar com o ajustes dos elementos dentro das exigências do Google. Pois não é por ser responsivo que o site passará no teste do Google. 

• Versão mobiles é possível implementar componentes de funcionalidades específicas para Smartfones, como ligações telefônicas com apenas um toque, e até mesmo ferramentas de  geolocalização.

ALGUMAS DESVANTAGENS

• Múltiplas urls, o que se não for bem trabalhado pode causar complicações para SEO.  

• O compartilhamento nas redes sociais também se torna um problema devido as ferramentas Open Graph Facebook serem inseridas nas propriedades do site. O que pode ser contornado se não publicar o site para desktop no public_html (veremos sobre isto mais na frente) 

• A criação de um site  mobile requer que o conteúdo seja substituído, modificado e atualizado em alguns locais diferentes. Sendo que se usar uma ferramenta administrativa de conteúdo no site, possa ser que tenha que atualizar em dois locais e ou ate mesmo usar dois sistemas de conteúdo em pastas diferentes na hospedagem. 

•  Na medida que mais dispositivos móveis aparecem, haverá a necessidade de estar atento para o design do site nestes lançamentos. Um site mobile que parece ótimo em um aparelho e  horrível em outro – Exigindo atualização, reprogramação ou a construção de uma 3ª versão desse site. 

• A versão mobile, geralmente, é um pouco diferente (tanto em termos visuais quanto em termos funcionais) da versão para desktop. É preciso investigar se os usuários esperam por uma experiência universal e consistente (e o quanto eles podem se sentir afetados, caso essa experiência uniforme não seja entregue).

E agora já se decidiu?

Vamos ajudar você: 

Faça uma lista o de tudo que terá no seu projeto. Depois reveja a lista marcando na frente de cada item com um (x) se aquele item é realmente necessário na versão mobile levando em conta as complicações da mesma na versão mobile. 

Se mais da metade da lista estiver marcada com um (x) é um momento em pensar em ter um site responsivo; caso contrário opte pela versão mobile sem pensar duas vezes. 

Ao fazer essa avaliação não esqueça do Foco. Imagine você no lugar do internauta e o que você realmente precisaria ver nesse site estando pelo celular. Como disse na postagem anterior, realmente o crescimento de navegação pelo celular aumenta a cada dia que passa. Mas é visível aos olhos que a maioria está em bate papo, sites de relacionamento, lendo matérias em blogs e afins. Sem contar utilizando aplicativos e não visitando websites.

Tem um artigo na  LocalWeb que achei interessante e vou deixar o link aqui para quem interessar. http://blog.locaweb.com.br/produtos/sitemobile/

Referente a SEO, falam-se por aí que deverá ter duas campanhas no caso do mobile. 

Mas... pensando bem; muitos  fazem a versão desktop na url principal e redirecionam para uma pasta mobile caso seja navegado pelo dispositivo móvel.  Não é necessário esta divisão de pastas; pode-se ser feito usando o mesmo local para todas as versões juntas. 

Mas na frente, ao decorrer do tempo, nas postagens desta série estarei mostrando todo o passo a passo.

A vantagem do WebacappellaShow é que não temos nada a perder de fazer este teste.

Então faremos o seguinte, vamos pensar diferente, vamos criar um site pro WebAcappellashow tanto usando o WA 4 com versões mobile, quanto o WA RC 

A responsiva será mais para testarmos pelas ferramentas do Google e compararmos o trabalho que iremos ter; além de passar dicas e plugins para sites com o objetivo de serem responsivos.

E mais, na criação destas versões utilizaremos tanto sistemas de administração de conteúdo, como também a loja Prestashop com Webacappella (no caso da Versão WA4)

Mas não dá pra fazer tudo de uma vez e em um dia só né galera. Quem dera eu pudesse ficar por conta do WebacappellaShow. Mas é fato e visível aos olhos de todos que: Tento manter o blog o mais frequente possível mesmo com minhas responsabilidades diárias.

Pois é isso aê turma do bem!!! Acompanhe o blog. 

E gostaria de passar um aviso: Atualizações, melhoras e alguma errata em qualquer postagem do blog; só será divulgado em nossa Fan page. Então curta para ficar por dentro..Abraços a todos e uma boa noite de sono.

Leia mais

Primeiros conceitos

Olá galera do bem, antes de iniciar esta postagem gostaria de deixar bem claro que não sou um expert em SITES RESPONSIVOS, em SITES MOBILES e nem em SEO.

Sei algumas coisas, mas não sou nenhum mestre e ainda tenho muito que aprender.  Porém sou o tipo de pessoa curiosa, procuro ter a mente aberta (olhar a xícara em várias posições, ter vários pontos de vista) e não saio aceitando a primeira notícia que chega a mim. Procuro pesquisar e estudar bastante antes de dar o meu aceite. Pode me chamar de teimoso..não ligo..heheh

Mas uma coisa é certa, gosto de usar muito a lógica em qualquer assunto. Então essa postagem é baseado em algum conhecimento que tenho + pesquisas e estudos que ando fazendo + lógica.

Aceito qualquer comentário que venha somar em meus conhecimentos. Eu até peço que comentem.


 A primeira coisa a fazer é se perguntar: - Porque quero um site responsivo?

Se veem por aí muitas postagens conceituando um site responsivo como um site preparado para dispositivos móveis por se adaptar em qualquer resolução. Pois a conclusão que cheguei após vários estudos, vários testes, várias simulações, lido e relido as exigências do Google  referente versão mobile do site, tenho um conceito um pouco diferente.

"No meu ponto de vista site responsivo é aquele que  ajusta seus elementos para uma melhor visualização em qualquer resolução. "  Nada além do que isso; por ser responsivo não significa que ele está pronto para ser rankeado pelo Google no que se trata dispositivos móveis.

Pois se alguns elementos  não estiverem seguindo as regras exigidas pelo google, mesmo sendo responsivo não entra no rankeamento. O mesmo acontece para sites que são desenvolvidos no intuiteo de serem mobiles. Se não passarem por certas regras do Google também não serão classificados.


Outro detalhe, se você não tem um site responsivo e não tem ele em versão Mobile, apenas em pesquisas feitas em celulares ele não aparece no rankeamento. Uma vez que hoje é uma desvantagem devido ao avanço da quantidade de internautas que optaram utilizar mais o celular para navegação.

Agora vem o foco: Estes internautas que estão optando utilizar os dispositivos móveis para navegação são o mesmo público direcionado para o site do seu cliente? Pensando por este lado o % diminui um pouco. Pois é visível aos olhos que estes internautas mobiles, utilizam mais o celular  para bate papo, aplicativos (o que não é a mesma coisa que um site responsivo e nem um site versão mobile), redes sociais,leitura de artigos de blog por exemplo  e vocês sabem mais ou menos os demais melhor do que eu.

De repente possa até ser mais interessante ter um aplicativo do que uma versão mobile.


Estava esquecendo de citar: Ter o MENU DE OPÇÕES  responsivo também não faz do site ser responsivo. e nem dele uma versão Mobile.


Em algumas pesquisas que fiz me deparei com algumas situações que acho bacana citar aqui, sendo que este primeiro artigo desta série é mais para termos os primeiros entendimentos.

Fiz um pesquisa pelo google sobre sites totalmente responsivos e bem conceituados. Então de uma centenas de sites que visitei separei alguns para mostrar neste artigo juntamente com algumas observações feitas por mim.


O 1º foi: https://nightwalk.withgoogle.com/en/home



Veja ele em tela inteira no desktop.

Agora veja o mesmo executando o tesste do goole
link: https://www.google.com/webmasters/tools/mobile-friendly/?url=https%3A%2F%2Fnightwalk.withgoogle.com%2Fen%2Fhome
Passou no teste do google belezinha.

Mas reparem que surgiu um botão a mais  e a imagem do fundo mudou,

Dá uma impressão que apesar do site ser responsivo também exista uma versão mobile não é?

........................................

--------

Neste 2º  exemplo já fiz diferente. Reduzi a janela do navegador ao máximo para ver como o site ficaria na menor resolução do browser.

O link do site analisado é  http://www.radicaltesta.com/index_d.php

Veja o print:

Agora veja o  resultado no teste do google
 https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.radicaltesta.com%2Findex_d.php

Neste 2º exemplo não deveria também a logo aparecer no topo a esquerda? Ou ser mais semelhante uma da outra? Confesso que ainda estou aprendendo, e que realmente dá a impressão que existe versão do site Mobile além do site ser responsivo. Mas ainda não posso afirmar nada.

O que mais você leitor tem que fazer até agora é seguir a série das postagens pois muitas coisas serão reveladas. Tudo ao seu tempo, estamos somente nos familiarizando com "a coisa".

"Eu gosto muito de falar que ter dúvidas é a melhor coisa para se tornar um expert no assunto. "

PORTANTO HOJE EM 29/07/2016 , já foi corrigido o problema. Hoje o teste do Google mostra o seguinte resultado:

Mas mantive a imagem anterior para o entendimento de todos.



----------------------------------

No 3º exemplo, que mostra claramente o que já disse anteriormente neste artigo. "Não basta o site ser responsivo para ser classificado como uma versão mobile do site."

O link do site é este: https://pollenize.org/

Veja o print do site com a janela do browser na menor resolução possível, Vendo assim de primeira mão já pensamos que o site está pronto para mobile. Não é mesmo?

Agora veja pelo teste do Google:  https://www.google.com/webmasters/tools/mobile-friendly/?url=https%3A%2F%2Fpollenize.org%2F

Comparem o resultado do site no visor  e reparem que o Google determinou que o site "não compativel com dispositivos móveis."

Veja os erros : Conteúdo maior que a tela
Links muitos proximos


Então, depois de dois dias que já estava envolvido em estudos referente sites responsivos e Versão mobile, decidi refazer o teste neste mesmo site.

Reparem que a própria aparência do site no navegador reduzido ao máximo já mudou:

Refazendo o teste do google: Agora ele já passou nos testes. Veja o print:

Dá impressão que alguém tentou acessar o site, percebeu o erro e avisou o webmaster para uma correção.


Em nosso 4º exemplo foi o link http://taskka.com.br/, que também é considerado um site responsivo.

Este acredito eu que é um site responsivo sem ter outra versão para o celular , faça as comparações

Agora teste do google :    https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Ftaskka.com.br%2F

Há muita semelhança entre as duas imagens não é? Este parece ser realmente um site responsivo sem versão mobile.


O que eu andei percebendo até agora, que criar um site responsivo vai depender muito do projeto do site e das condições.

Condições digo se já existe uma versão desktop, daí é melhor criar uma para mobile. Outra condição é se vai iniciar o projeto a partir do zero. Daí "pode ser" que a versão responsiva seja melhor.


Eu por exemplo prefiro ter o trabalho de fazer duas versões do site , uma desktop e outra mobile. Pois meu ponto de vista é o seguinte. A pessoa num mobille 70% das vezes vai acessar o site pq precisa acessar e já focado no que quer ver ou saber. Nem tudo que tem no site desktop é necessário ter na versão mobile. Vejo a versão mobile mais direcionada e focada a determinadas informações do site (isso dependendo do ramo de atividade, e do que o site é direcionado) Outro motivo, técnica usada pelas grandes lojas magazines é que a versão mobile sendo mais direcionada para seu objetivo ter o carregamento mais rapido no celular, pois dispensa apetrechos que podem ser usado na versão desktop.

Penso eu que a pessoa quando visita um determinado site pelo celular ela já vai focada no que realmente quer.


Por isso prefiro a versão mobile, pois desenvolvo mediante o foco principal de cada negócio:


Exemplo:

Uma versão mobile para um hotel, a pessoa vai na intenção de ver fotos das instalações e aptos, tem que ter um menu bilíngue, um acesso a reserva, contato, localização e como chegar e alguma informação mais relevante. Ela não quer ler a história do hotel, ou quem já se hospedou ali e etc.

Para um site de  dj, é ter seu contato, talvez fotos de eventos que já participou, numero de telefone, talvez um player de música pois pode estar num local e querer curtir o som.

Poxa.. a versão mobile é resumida, não tem que ter tudo que na versão desktop tenha.


Você pode fazer o teste de compatibilidade com dispositivos móveis clicando aqui. Este teste é oficial da Google Developers.





Penso também.. Se responsivo fosse melhor porque o próprio site da  google não seria? Pois site responsivo é o que se ajusta automaticamente na resolução.  E todos temos certeza que para o Google seria mole ter um site responsivo.


O do Google como podem ver no print abaixo não se ajusta.

Veja o site do Google testado na sua própria ferramenta:

Se o site do Google não muda tanto assim da versão desktop para a versão mobile porque o seu site não é responsivo?


Outro gigante, o site do Submarino, também não é responsivo.

Vamos ver ele no teste do google:

E o gigantesco facebook ? Também não é um site responsivo.

Vamos ver agora no teste do Google.

Dái continua a pergunta: Porque criar um site responsivo? Pode ate ser devido as resoluções diferentes de monitores, televisões, telas de notebooks.. pode até ser isso, mas para ser classificado com um site para dispositivos mobile. Isto é um mito.

Dizer também que o site responsivo se posiciona melhor do que um site que tem a versão mobile também é um mito. Tanto que o próprio site do Google não é responsivo.

Ao decorrer dos artigos referente Mobile muito detalhes, serão mostrados, muitas dicas serão dadas e muitas soluções apresentadas. 

Como já tinha dito, este artigo é para começamos a familiarizar e despertar dúvidas em que nos ajudarão tomar as decisões para cada projeto.

Nos próximos posts sobre este assunto, eu já irei mostrar vantagens e desvantagens de cada um e iniciar  dicas de como fazer um site funcional com versão mobile;  e ajustes que tenho vistos em websites feitos no WA RC em que a galera ainda não percebeu. 

E como vocês observaram sendo ele responsivo ou mobile tem que passar no teste do Google. E se responsivo também tenho que acertar detalhes, porque não fazer duas versões? E outro detalhe é que criar um site responsivo requer muitas variáveis que as vezes gasta mais tempo do que criar duas versões.. (veremos isto com o decorrer do tempo)

Se desapontei alguém com este artigo peço desculpas. Mas se não encerrar por hoje vou virar a noite aqui digitando. 

Outro motivo dessa série de postagens é que o WA RC ainda deixa muito a desejar. Vários recursos estão muito fracos e outros impossíveis de se fazerem. Digo eu que o WARC hoje é mais direcionado para sites muitos simples. Sem dizer que foram enfraquecidos vários recursos de SEO, botões, e só para ter uma idéia, o menu original do WA RC demora muito a carregar pelos dispositivos móveis.

Um grande abraço pra todos.

Leia mais