Visualização ao vivo para celular (pré-visualização) para otimização de design responsivo – Teste de Compatibilidade para Celulares + Depurador do Facebook

Visualização instantânea do site (páginas, publicações, produtos) para design web responsivo no telefone (+ dualscreen).

Descrição

Em uma época em que o celular está dominando o uso do tráfego da Internet, faz sentido ter um website otimizado para celular para garantir que seu website atenda aos critérios para dispositivos móveis. A compatibilidade com tablets e celulares é um fator crucial para determinar seu sucesso online. Por isso, é importante garantir que seu site passe no teste de compatibilidade com dispositivos móveis para usuários e mecanismos de pesquisa.

O que você precisa saber:

• A participação móvel do tráfego da web está crescendo em 30% ao ano e a maior parte desse crescimento está nos países em desenvolvimento (Hootsuite).
• Mais da metade de todas as pesquisas agora são feitas via celular e esse número continua a aumentar (Search Engine Land).
• 57,3% de todo o tráfego da Internet é proveniente de dispositivos celulares/tablets; 42,7% vem de desktop (Stat Counter).
• O número de usuários dos EUA que usam apenas desktops está diminuindo. O número caiu de 25 milhões em 2015 para 18 milhões em 2017. Deve cair para 11 milhões até 2021 (Wiredseo).
• Pelo outro lado, o número de usuários de internet móvel aumentou em 28% nos últimos dois anos, chegando a 41 milhões nos Estados Unidos em 2017 (eMarketer).

Sobre o MOBILOOK. Este plugin, que é uma extensão do Google DEVTOOL, permite conferir instantaneamente como é o design visual responsivo de suas páginas, seus artigos ou seus produtos em dispositivos móveis e com diferentes formatos (Apple, Samsung, dispositivos do Google) (incluindo telefones de tela dobráveis) como o Samsung Galaxy Fold com a versão PRO).

Uma vez instalado, este plugin será implementado em cada uma das suas páginas. Uma seção aparecerá logo abaixo do Editor de Conteúdo do WordPress; uma vez que o seu conteúdo for publicado, ele mostrará imediatamente a renderização no celular de acordo com o formato que você definiu.

Não é mais necessário conferir em seu celular como seu site fica em telas de tablets, telefones e outras mídias (responsivo).

RECURSOS PRO

O MOBILOOK PRO oferece vários recursos:

• Ativação do plugin em suas páginas geradas pelo WooCommerce, para sua loja online, para que você possa ver instantaneamente se o design da página do produto é responsivo
• Ativação de formatos adicionais – A versão PRO permite acessar uma grande lista de formatos de celular/tablet (15), mesmo para telefones com tela dobrável (DualScreen).
• Ativação de três recursos muito úteis
  • O Facebook Debugger permite que você tenha suas páginas rastreadas pelos bots do Facebook para gerar OpenGraphs atualizados
  • O LinkedIn Post Inspector permite que suas páginas sejam rastreadas pelos bots do LinkedIn para gerar OpenGraphs atualizados
  • A Ferramenta de teste para dispositivos móveis do Google permite que sua página seja analisada pelo Google para identificar se ela atende a todos os critérios de eficácia.

DISPOSITIVOS DISPONÍVEIS

• – Samsung Galaxy S9 = 360 x 740
• – iPhone 6/7/8 = 375 x 667
• – Google Pixel 2 = 441 x 731
• – Samsung Galaxy FOLD (Dualscreen – Exp) = 585 x 668
• – iPhone 6/7/8 plus = 414 x 736
• – Samsung Galaxy S8 Plus = 360 x 740
• – iPhone XS Max = 414 x 896
• – Google Pixel 3 XL = 411 x 823
• – Samsung Galaxy S8 = 360 x 740
• – Samsung Galaxy Note 9 = 414 x 846
• – iPhone X = 375 x 812
• – Ipad = 768 x 1024
• – Ipad PRO = 1024 x 1366
• – iPhone 5/SE = 320 x 568
• – Galaxy S5 = 360 x 640

Quando você faz marketing na internet diariamente, é preciso aprender pequenos truques para acelerar as coisas.

O que é o Facebook Debugger e o LinkedIn Post Inspector? Já aconteceu de você compartilhar o link do seu site no LinkedIn ou no Facebook e a pré-visualização do título, da descrição ou da imagem estarem incorretas? Isso é normal! Basicamente, quando você compartilha um link do WordPress, os bots do Facebook / LinkedIn buscam as imagens e outras informações do seu conteúdo. O Facebook/LinkedIn normalmente conferem a URL que os usuários e as páginas compartilham e mostra a imagem, o título e a descrição em destaque.

Quando você cria uma nova página e a publica diretamente no Facebook ou no LinkedIn (ou altera o conteúdo de uma página existente), o Facebook e o LinkedIn nem sempre podem exibir seus metadados (visualização de imagem, título e descrição) e a renderização não é ideal (muitas vezes, a “imagem em destaque” não aparece). Depois que o conteúdo for publicado, os recursos disponíveis em cada uma de suas páginas permitirão que seu URL seja rastreado pelo Facebook Debugger/LinkedIn Post Inspector para gerar OpenGraphs atualizados ficando assim perfeito nas mídias sociais.

O que é a Ferramenta de Teste Google Mobile-Friendly? Essa ferramenta, em comparação com o Google DEVTOOL, informa como o Googlebot (Google spider) vê a sua página, em vez de como os seus usuários de dispositivos móveis veem. Isso é muito útil porque você pode usar o feedback para fins de SEO também. Se o seu site passar no teste, você verá uma mensagem verde que diz “Incrível! Esta página é compatível com dispositivos móveis.” Se não passar, a mensagem será vermelha e será “Não compatível com dispositivos móveis“.

Caso o seu website não passe no teste para dispositivos móveis, as razões para a falha também serão fornecidas, como por exemplo, o conteúdo ser maior do que a tela ou os links estarem muito próximos. Esta é A FERRAMENTA que mostra se o Google considera a sua página compatível com dispositivos móveis. Esse recurso (disponível em cada uma das suas páginas) permite que seu URL seja analisado pelo Google logo após o conteúdo ser publicado.

O que é um site responsivo?

O web design responsivo é a prática de construir sites que funcionem adequadamente em todos os dispositivos e em todos os tamanhos de tela, independentemente de serem grandes ou pequenos, móveis ou desktop. O web design responsivo foca em fornecer experiências intuitivas e gratificantes para todos.

Nos últimos anos, o Google vem pressionando cada vez mais para garantir que todos os sites sejam compatíveis com dispositivos móveis. Isso faz sentido porque as pesquisas em dispositivos móveis têm crescido consistentemente desde 2009 e em 2018 superaram as pesquisas em computadores (em 2018, 52,2% do tráfego global da web veio de celulares).

Por que é importante para o SEO?

Desde abril de 2015, o Google começou oficialmente a recompensar sites otimizados para dispositivos móveis e penalizar sites que não são compatíveis com dispositivos móveis em seus rankings de pesquisa. Um estudo da Blue Corona revelou que os sites que não migraram para plataformas compatíveis com dispositivos móveis antes da atualização de 2015 foram atingidos com uma penalidade de redução de tráfego de mais de 50%. Essa penalidade veio porque o Google diminuiu suas posições no ranking de SEO, o que resultou em menos pessoas vendo e clicando nesses sites.

O mesmo estudo revelou que, em 2015, 70% dos sites na primeira página do Google eram otimizados para visualização em dispositivos móveis. Entre esses 70% dos resultados de pesquisa na primeira página que eram compatíveis com dispositivos móveis, as taxas de conversão aumentaram rapidamente após a alteração.