Dicas para tornar o WordPress compatível com dispositivos móveis
É bastante comum ver pessoas usando dispositivos portáteis para colocar a leitura em dia ou para pesquisar qualquer coisa online. Um relatório estima que 60% das pesquisas começam em um dispositivo móvel. Se o seu público-alvo faz parte dessa população que está constantemente em movimento, você realmente não tem opção – você precisa ter certeza de que seu site tem uma boa aparência e funciona muito bem em telefones celulares. Neste post, vamos ver algumas coisas que você pode fazer para tornar seu site WordPress compatível com dispositivos móveis.
Um site compatível com dispositivos móveis aparece como uma versão minúscula do seu site normal. Para conseguir esse visual, é necessário otimizar cada elemento do seu site para responder ao tamanho da sua tela. E, para atrair e reter tráfego, você precisa garantir que seu site carregue rapidamente , especialmente em celulares.
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 não adequado para dispositivos móveis, como Flash e Java.
- se o conteúdo for reduzido à tela e o texto for legível, sem zoom ou rolagem horizontal.
- se os links estão separados de forma distinta para que sejam fáceis de tocar.
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 do 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 compatíveis com dispositivos móveis do seu site terão uma classificação mais alta nos resultados de pesquisa, enquanto o conteúdo restante terá uma classificação mais baixa.
- 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 compatível com dispositivos móveis 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ê tem grades e layouts 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 otimizar seu site para celular , além de usar um tema responsivo.
1. Use uma abordagem Mobile First
No cenário digital atual, a importância de ser compatível com dispositivos móveis não pode ser exagerada. Nos EUA, o tempo de mídia digital para celulares é maior em 51% em comparação com desktops em 42%. Para alcançar esse público de toque e deslize, 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 abordagem mobile first.
A abordagem mobile first cria um design de UX especificamente para celulares e prioriza a estratégia de conteúdo para o tamanho de tela menor. Ele não apenas otimiza o site de desktop regular existente para celulares.
Outra razão importante para priorizar o mobile é o anúncio do Google em novembro de 2016 de mudar gradualmente para uma indexação mobile first. 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 mobile first index , o Google usa “classificadores” para descobrir se um site está pronto para o mobile first index.
Os classificadores determinam quão igual ou comparável é o site para computador com o site para celular quando se trata de conteúdo, links, esquema, multimídia etc. De fato, em outubro, Gary Illyes, do Google, indicou a um público na conferência SMX East em Nova York que alguns sites já estão na lista do índice móvel, com mais a seguir.
2. Otimize Imagens
Os arquivos de imagens geralmente são pesados
Você pode fazer muito mais para otimizar imagens, sempre tendo em mente que otimizar imagens requer um equilíbrio entre experiência do usuário, apelo visual e desempenho da página. Primeiro, remova as imagens que não agregam valor. Em seguida, mesmo antes de carregar as imagens, otimize as imagens compactando-as em tamanhos de arquivo menores.
Se você estiver usando o Photoshop, use a opção Salvar para a Web . Ferramentas online como TinyPNG ou plugins como WPSmush também podem fazer o trabalho com bastante eficiência. Além disso, há uma página no Github que pode ajudá-lo a comparar diferentes ferramentas de compactação. Para saber mais sobre otimização de imagem, use nosso guia de otimização de imagem .
3. Implemente as páginas móveis aceleradas
Accelerated Mobile Pages é uma iniciativa de código aberto do Google para fornecer conteúdo de carregamento rápido em celulares. Ele oferece aos editores os meios para criar conteúdo compatível com dispositivos móveis apenas uma vez e carregá-lo em qualquer lugar na web móvel instantaneamente. O AMP é, na verdade, um monte de otimizações para o site feitas de maneira uniforme, conforme exigido pelo Google.
Uma variedade padrão de formatos de anúncios, redes de anúncios e tecnologias estará disponível. Ao mesmo tempo, os editores também podem escolher seus próprios formatos, desde que não prejudique a velocidade. Temos nosso próprio tutorial AMP para WordPress para criar páginas AMP para ajudar você a começar. Também recomendamos que o AMP Start do Google também ajude você a criar páginas AMP com ótima aparência, com modelos e componentes AMP prontos para uso.
O conteúdo AMP estará disponível instantaneamente em uma pesquisa do Google e acessível por meio de plataformas sociais como Twitter, LinkedIn e Pinterest.
A formatação especial e a entrega 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 registraram um aumento de 20% nas conversões de vendas além das páginas não AMP.
O AMP ainda não é um fator de classificação , mas pode ter um grande impacto na experiência do usuário e, consequentemente, no SEO.
4. Evite pop-ups de tela cheia
Não há dúvidas de que os pop- ups funcionam . No entanto, ao usar pop-ups, precisamos sempre manter a experiência do usuário em primeiro plano. Os pop-ups que são relevantes para o contexto, têm títulos atraentes e oferecem valor real para o leitor ter uma chance melhor de conversão. Por outro lado, pop-ups com spam, difíceis de descartar, que exibem anúncios sobre o conteúdo principal, são suficientes para afastar um visitante.
Quando um usuário clica em uma página do Google, o conteúdo que você indexou em uma pesquisa para celular deve estar prontamente disponível. Ou então, eles podem não ter uma classificação alta nos resultados de pesquisa para dispositivos móveis (desde janeiro de 2017). Os pop-ups em resposta a obrigações legais, como cookies e confirmações de idade, ou caixas de diálogo de login que permitem acesso a conteúdo bloqueado, são aceitáveis
Pelo contrário, 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 um visitante navega, não são favorecidos pelo Google. Idem para intersticiais autônomos que um usuário precisa dispensar antes de acessar o conteúdo principal.
Outras boas práticas a serem seguidas em relação aos 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, inlines ou slides, ou oculte conteúdo atrás de guias.
John Mueller, do Google, informa que os intersticiais que aparecem entre o clique de pesquisa e o acesso ao conteúdo têm um impacto negativo na classificação. Conseqüentemente, pop-ups ao mover de página para página ou pop-ups de intenção de saída podem não afetar a classificação.
5. Considere a criação de um aplicativo móvel
Um aplicativo móvel é um programa de computador executado em um dispositivo móvel, como um telefone ou um relógio. Por exemplo, a Amazon tem um aplicativo de compras Alexa. Os aplicativos estão agora 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 de 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 assim, os aplicativos móveis vieram para ficar e crescer em número. A melhor parte é que é fácil transformar seu site WordPress em um aplicativo ou fazer um aplicativo para suas pequenas empresas .
Os aplicativos móveis aumentam o tráfego, permitindo que os usuários toquem diretamente em seus telefones. Os usuários podem acessá-lo em um instante com apenas alguns cliques. Os aplicativos ajudam você a alcançar mais clientes e a se integrar bem às redes sociais. Você pode usar aplicativos para atualizar regularmente sua lista de produtos e fazer descontos e ofertas. Ou conecte-se a sites de parceiros para acessar seu aplicativo e obter melhor visibilidade.
Para encerrar
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
As dicas deste post não são de forma alguma exaustivas. Existem vários plugins de otimização do WordPress e mais guias para ajudá-lo a melhorar seu site no celular. Portanto, se você tiver algo a acrescentar ou tiver alguma dúvida para nós, compartilhe nos comentários abaixo.