Dicas para tornar o WordPress compatível com dispositivos móveis

É bastante comum ver pessoas usando dispositivos portáteis para acompanhar suas leituras ou procurar qualquer coisa on-line. Um relatório estima que 60% das pesquisas começam em um dispositivo móvel. Se seu público-alvo faz parte dessa população em constante movimento, você realmente não tem opção – você precisa garantir que seu site tenha uma boa aparência e funcione bem em telefones celulares. Nesta postagem, vejamos algumas coisas que você pode fazer para tornar seu site WordPress compatível com dispositivos móveis.


Um site otimizado para celular aparece como uma versão minúscula do seu site normal. Para obter essa aparência, é necessário otimizar todos os elementos do seu site para responder ao tamanho da sua tela. E, para atrair e reter tráfego, você precisa garantir que seu site seja carregado rapidamente, principalmente em celulares.

Torne seu site WordPress compatível com dispositivos móveis

Um Googlebot analisa muitos aspectos ao verificar se uma página da web é compatível com dispositivos móveis, incluindo,

  • se a página inclui muitos anúncios ou software que não é adequado para dispositivos móveis, como Flash e Java.
  • se o conteúdo for dimensionado para a tela e o texto for legível, sem zoom ou rolagem horizontal.
  • se os links são colocados distintamente separados para facilitar o acesso.

Por que seu site WordPress deve ser compatível com dispositivos móveis?

Tornar um site WordPress compatível com dispositivos móveis é um corolário natural do aumento explosivo no número de celulares, melhor conectividade de rede e acesso a wifi em locais públicos. As razões mais convincentes são,

  • Os mecanismos de pesquisa consideram a compatibilidade com dispositivos móveis como um fator de classificação. A compatibilidade com dispositivos móveis é determinada página por página. Isso significa que as áreas otimizadas para celular do seu site terão uma classificação mais alta nos resultados de pesquisa, enquanto o conteúdo restante ficará menor.
  • Uma página da Web difícil de navegar pode resultar em uma taxa de rejeição mais alta que pode prejudicar o SEO do seu site. Por outro lado, uma página da Web otimizada para celular pode se traduzir em melhor velocidade do site e SEO.
  • Tornar suas páginas da Web compatíveis com dispositivos móveis geralmente significa que você possui layouts e grades limpos e, possivelmente, um URL universal e uma base de código.
  • A compatibilidade com dispositivos móveis melhora o reforço da marca e as vendas.

Como tornar seu site WordPress compatível com dispositivos móveis

Atualmente, os temas modernos do WordPress, como o Total, são responsivos e podem exibir o site em qualquer dispositivo. Mas você pode fazer muitas coisas para otimize seu site para celular, além de usar um tema responsivo.

1. Nos uma primeira abordagem móvel

No cenário digital atual, a importância de ser compatível com dispositivos móveis não pode ser enfatizada demais. Nos E.U.A, tempo de mídia digital para celulares é maior em 51% comparado aos computadores de mesa em 42%. Para alcançar esse público, os proprietários de sites não estão apenas otimizando o design do site existente para vários tamanhos de tela. Eles estão dando um passo à frente e adotando uma primeira abordagem móvel.

A primeira abordagem móvel cria um design de UX específico para celulares e prioriza a estratégia de conteúdo para o tamanho menor da tela. Ele não apenas otimiza o site de desktop regular existente para celulares.

Outro motivo importante para colocar o celular em primeiro lugar é o anúncio do Google, em novembro de 2016, para mudar gradualmente para uma indexação para dispositivos móveis. Esse método de indexação envolve o Google primeiro verificando as páginas móveis do site para indexação, antes das páginas da área de trabalho. Ao selecionar um site para o primeiro índice para celular, O Google usa “classificadores” para descobrir como um site está pronto para o primeiro índice para celular. Os classificadores determinam quão igual ou comparável o site de desktop é ao site móvel quando se trata de conteúdo, links, esquema, multimídia etc. De fato, em outubro Gary Illyes, do Google, indicou para um público na conferência SMX East, em Nova York, que alguns sites já estão na lista de índices para celular, com mais para seguir.

2. Otimizar imagens

Os arquivos de imagens geralmente possuem muitos bytes. Carregam mais lentamente do que outros recursos, como texto e HTML. Para tornar seu site compatível com dispositivos móveis, você precisa otimizar imagens para caber em telas menores. Desde a versão 4.4 do WordPress, em grande parte cuida disso, mas você sempre pode usar um plugin do WordPress para otimizar ainda mais suas imagens.

Você pode fazer muito mais para otimizar imagens, sempre lembrando que a otimização de imagens requer um equilíbrio entre a experiência do usuário, o apelo visual e o desempenho da página. Primeiro, remova imagens que não agregam valor. Em seguida, mesmo antes de carregar as imagens, otimize as imagens, comprimindo-as para tamanhos de arquivo menores. Se você estiver usando o Photoshop, use o Salvar para a Web opção. Ferramentas online como TinyPNG ou plugins como WPSmush também pode fazer o trabalho com bastante eficiência. Além disso, há um Página do Github que podem ajudá-lo a comparar diferentes ferramentas de compactação. Para saber mais sobre otimização de imagens, use nosso guia de otimização de imagens.

3. Implementar páginas móveis aceleradas

Páginas móveis aceleradas para WordPress

O Accelerated Mobile Pages é uma iniciativa de código aberto do Google para fornecer conteúdo de carregamento rápido em celulares. Ele fornece aos editores os meios para criar conteúdo otimizado para celular apenas uma vez e carregá-lo em qualquer lugar da Web para celular instantaneamente. AMP é realmente um monte de otimizações ao site feito de maneira uniforme, conforme exigido pelo Google. Um intervalo padrão de formatos, redes e tecnologias de anúncios estará disponível. Ao mesmo tempo, os editores também podem escolher seus próprios formatos, desde que isso não atrapalhe a velocidade. Temos nosso próprio tutorial do AMP para WordPress para criar páginas AMP para ajudar você a começar. Também recomendamos Iniciar AMP do Google também ajuda a criar páginas AMP de ótima aparência, com modelos e componentes AMP prontos para uso.

O conteúdo AMP estará disponível instantaneamente em uma pesquisa no Google e acessível através de plataformas sociais como Twitter, LinkedIn e Pinterest.

A formatação e entrega especiais de páginas para celulares tornam essas páginas muito mais rápidas em dispositivos móveis. O tempo médio de carregamento de uma página AMP do Google é inferior a meio segundo. Em outubro de 2017, mais de 25 milhões de domínios de sites publicaram mais de 4 bilhões de páginas AMP. O AMP leva a um aumento de 10% no tráfego do site e dobra o tempo gasto na página. Os sites de comércio eletrônico com AMP testemunharam um aumento de 20% nas conversões de vendas além das páginas que não são AMP.

O AMP ainda não é um fator de classificação no entanto, pode ter um grande impacto na experiência do usuário e, consequentemente, no SEO.

4. Evite pop-ups em tela cheia

Não há dúvida de que pop-ups de trabalho. No entanto, ao usar pop-ups, precisamos sempre manter a experiência do usuário em primeiro plano. Os pop-ups relevantes para o contexto, têm manchetes atraentes e oferecem valor real ao leitor, têm uma chance melhor de conversão. Por outro lado, pop-ups com spam e difíceis de descartar que exibem anúncios sobre o conteúdo principal são suficientes para enviar um visitante correndo para longe.

Quando um usuário clica em uma página do Google, o conteúdo que você possui indexado em uma pesquisa para celular deve estar prontamente disponível. Caso contrário, eles podem não ter uma boa classificação nos resultados de pesquisa para celular (desde janeiro de 2017). Os pop-ups em resposta a obrigações legais, como para confirmação de idade e cookies ou para caixas de diálogo de login que permitem o acesso a conteúdo bloqueado, estão bem com o Google. O mesmo acontece com anúncios que ocupam espaço mínimo na tela e são facilmente descartáveis.

Pelo contrário, os pop-ups que aparecem assim que um visitante chega à página a partir de uma pesquisa, que cobrem o conteúdo principal ou que aparecem enquanto o visitante navega, não são favoráveis ​​ao Google. O mesmo vale para intersticiais independentes que um usuário precisa descartar antes de acessar o conteúdo principal.

Outras boas práticas a serem seguidas com relação a pop-ups em celulares incluem evitar pop-ups em tela cheia ou incluir conteúdo expansível, como acordeões ou caixas expansíveis em seu site para celular. Use mensagens menores, como banners, in-line ou slides, ou oculte o conteúdo atrás das guias.

John Mueller, do Google, recomenda que os intersticiais que aparecem entre o clique da pesquisa e o acesso ao conteúdo tenham um impacto negativo na classificação. Conseqüentemente, os pop-ups ao mover de uma página para outra ou sair de pop-ups com intenção podem não afetar a classificação.

5. Considere Criar um aplicativo móvel

Pronto para WordPress

Um aplicativo móvel é um programa de computador executado em um dispositivo móvel, como um telefone ou relógio. Por exemplo, a Amazon tem um aplicativo de compras Alexa. Os aplicativos já estão disponíveis e podem ser baixados para tudo – para utilidade, produtividade, navegação, entretenimento, esportes ou fitness. O Facebook é o aplicativo mais baixado, com 140 milhões downloads mensais de aplicativos.

Muitos sites têm sites para dispositivos móveis e aplicativos para dispositivos móveis. Um aplicativo fornece informações específicas em um formato fácil de entender. É intuitivo de usar e oferece mais interatividade. Hoje, grande parte da atividade de comércio eletrônico, incluindo pagamentos, é realizada por meio de celulares. Sendo esse o caso, os aplicativos móveis estão aqui para permanecer e crescer em números. A melhor parte é que é fácil transformar seu site WordPress em um aplicativo ou torná-lo para suas pequenas empresas.

Aplicativos móveis aumentam o tráfego, permitindo que os usuários utilizem diretamente de seus telefones. Os usuários podem acessar você em um instante com apenas alguns cliques. Os aplicativos ajudam você a alcançar mais clientes e a integrar-se bem às redes sociais. Você pode usar aplicativos para atualizar regularmente sua lista de produtos e fazer descontos e ofertas. Em alternativa, associe-se a sites de parceiros para acessar seu aplicativo e obter uma melhor visibilidade.

Para finalizar

Depois de realizar todas as otimizações para tornar seu site compatível com dispositivos móveis, não se esqueça de testá-lo no PageSpeed ​​Insights. o Teste de compatibilidade com dispositivos móveis do Google também testa sites em uma base por URL.

As dicas neste post não são de forma alguma exaustivas. Existem vários plugins de otimização do WordPress e mais guias para ajudar você a melhorar seu site no celular. Então, se você tem algo a acrescentar ou tem alguma pergunta para nós, compartilhe nos comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me