7 coisas que você precisa saber sobre como otimizar para dispositivos móveis em 2016

Publicados: 2016-09-23

Se você é como grande parte da população dos EUA, provavelmente está lendo esta postagem em um dispositivo móvel, seja por meio de uma pesquisa no Google ou por e-mail. Aqui e no exterior, mais usuários acessam a Internet a partir de dispositivos móveis do que nunca. Na verdade, desde 2014, mais de nós acessamos a internet via celular do que nossos computadores de mesa.

O ponto é: hoje, você deve fazer da otimização para o tráfego móvel a base da estratégia do seu site.

A otimização da experiência móvel de um site envolve a adaptação a dispositivos móveis específicos e a garantia de uma experiência perfeita por meio do celular para seus visitantes. Vamos discutir algumas das perguntas importantes que você deve fazer sobre como otimizar seu site para dispositivos móveis em 2016.

1. O último anúncio do Google sobre pesquisa para celular e o que isso significa para você

No blog Webmaster Central do Google no mês passado, o Google anunciou seus esforços para melhorar a usabilidade em sites móveis e na busca móvel. Ao pesquisar no celular, você viu “Mobile Friendly” aparecer nos resultados da pesquisa? Isso não será mais exibido para a maioria dos usuários on-line, pois o Google está limpando a experiência e recuperando esse valioso imóvel.

O Google também está tentando “punir” sites que usam esses irritantes anúncios pop-up de página inteira. O objetivo do Google é ajudar os usuários a encontrar o conteúdo que procuram com mais facilidade. “Intersticiais intrusivos” (aqueles pop-ups que obstruem a visualização do conteúdo em segundo plano) apresentam uma experiência ruim para os usuários e, portanto, o Google começará a agir. Isso pode envolver a exibição de seu site em uma classificação inferior ou, possivelmente, não para determinados termos. O Google deixou bem claro nesta declaração:

“Depois de 10 de janeiro de 2017, as páginas em que o conteúdo não é facilmente acessível para um usuário na transição dos resultados de pesquisa para celular podem não ter uma classificação tão alta.”

Recomendação:

Se você estiver usando uma funcionalidade que pode ser considerada “intersticiais intrusivos”, encontre uma alternativa para usuários móveis antes de janeiro de 2017.

2. Não tenho certeza se meu site está bem otimizado para dispositivos móveis. Por onde eu começo?

Comece a testar! Um lugar simples para começar é em seu próprio dispositivo móvel. Vá em frente, suba e comece a navegar. Não farei uma lista exaustiva de todos os problemas, mas aqui estão algumas coisas a serem observadas, que podem lhe dar uma ideia de quanto trabalho pode ter pela frente.

  • Áreas em que os usuários móveis podem ter problemas para acessar determinadas páginas, botões que não funcionam ou estão ocultos, navegação que não aparece ou não é facilmente clicável.
  • Elementos da página que se sobrepõem, como imagens de heróis e banners, cópia, cabeçalhos, logotipos e outros elementos.
  • As imagens são renderizadas corretamente em suas páginas ou estão pixeladas, muito pequenas ou difíceis de ver e entender rapidamente?
  • Teste os vídeos para garantir que sejam reproduzidos corretamente, possam ser pausados ​​ou interrompidos, que o áudio possa ser ouvido e não pule ou pareça inaudível.
  • Reveja a funcionalidade do formulário. Eles são enviados corretamente, permitem o preenchimento automático, são fáceis de preencher, etc.
  • Veja acordeões, menus suspensos, reproduções de áudio e outros aspectos envolvidos quando um usuário realiza uma “ação”. Eles funcionam corretamente e são fáceis de usar?

Recomendação:

Existem ferramentas para levar seus testes muito, muito mais longe para ajudá-lo a ver como seu site é servido na variedade de dispositivos que as pessoas usam, não apenas no telefone celular que você possui.

Os dispositivos móveis Android, Windows e iPhone oferecem experiências muito diferentes e, portanto, devem ser examinados para concluir um teste completo. Os telefones usam navegadores diferentes, assim como os desktops. As ferramentas ajudarão a testar as configurações de telefones novos e antigos, junto com os navegadores que eles utilizam.

3. Quais ferramentas de teste móvel existem para ajudar a testar a mobilidade do meu site?

O Google oferece um teste gratuito de compatibilidade com dispositivos móveis, que pode ajudar a diagnosticar alguns problemas, mas não relata em navegadores específicos. As ferramentas de teste entre navegadores geralmente vêm com os recursos de teste em dispositivos móveis e navegadores, cada um oferecendo seus próprios conjuntos de ferramentas e custos associados. CrossBrowserTesting.com, Browsershots, Browser Sandbox, Browsera e BrowserStack são as melhores opções que variam de US$ 10 a US$ 100 ou mais por mês, dependendo de suas necessidades.

As ferramentas simplesmente mostrarão a aparência da página via celular. Cabe à sua equipe de web design diagnosticar os motivos pelos quais a página não está funcionando. Essa revisão cuidadosa pode levar muito tempo e recursos.

Recomendação:

Se você precisar priorizar, leve em consideração os dados do Google Analytics que ajudarão a informar os navegadores e dispositivos móveis mais comuns usados ​​para acessar seu site. Adapte seu plano aos seus visitantes reais.

4. Como devo priorizar as correções de otimização móvel necessárias em meu site?

Depende. Os objetivos do seu site e a gravidade dos seus problemas de mobilidade devem ser levados em consideração ao priorizar os esforços de otimização. As áreas do seu site que não permitem conversões devem ser priorizadas em relação à correção de algumas imagens desalinhadas, por exemplo. Um projeto de desenvolvimento complexo para corrigir áreas do seu site que não podem ser clicadas também deve ser priorizado em relação a algumas imagens desalinhadas.

Recomendação:

Avalie seu site manualmente e com as ferramentas listadas acima e comece a eliminar quaisquer problemas de otimização.

5. Posso otimizar meu site para pesquisa móvel, como no SEO móvel?

No ano passado, escrevemos sobre esse mesmo tópico – o nexo onde o uso de dispositivos móveis e as tendências de pesquisa se encontram – em nosso artigo “Práticas recomendadas para otimização de mecanismos de pesquisa para dispositivos móveis”. As melhores práticas móveis para SEO não variam muito das melhores práticas tradicionais com SEO.

A experiência do usuário é extremamente importante, juntamente com a velocidade de carregamento da página. Quanto mais lento for o seu site e mais difícil de navegar e usar, menos ele aparecerá nos resultados de pesquisa para dispositivos móveis e computadores. Os metadados são importantes, portanto, não se esqueça também dos meta títulos e descrições exclusivos. Incentive os usuários a clicar em seus resultados de pesquisa e teste, teste, teste!

Recomendação:

Considere o uso de dados estruturados Schema e aproveite essa tela minúscula. Os dados estruturados ajudam nas classificações exibidas como rich snippets nos resultados da pesquisa. No exemplo mostrado abaixo, você pode ver comentários, horas, horário e muito mais.

Visite Schema.org para obter mais informações sobre as opções de dados estruturados disponíveis para seu site. Não tem certeza se você implementou dados estruturados? Visite a Ferramenta de teste de dados estruturados do Google, disponível gratuitamente, para testar as páginas do seu site.

A otimização do seu site para mecanismos de pesquisa e dispositivos móveis é um processo iterativo, que pode exigir testes, monitoramento e análises contínuas. O Search Console do Google fornece informações sobre seu desempenho móvel, como o número de cliques, impressões e a taxa de cliques de seus resultados de pesquisa móvel, bem como a mobilidade de seu site e quaisquer problemas associados.

A otimização para pesquisa móvel vai além de apenas ser responsiva a dispositivos móveis e realmente força você a entender como seus usuários estão realmente usando seus dispositivos móveis para interagir com sua empresa.

6. Quais recursos existem para ajudar meu desenvolvedor a corrigir problemas móveis que eu descobrir?

  • Manual do Desenvolvedor Móvel WordPress
  • Magento para comerciantes e desenvolvedores
  • Recursos do site compatível com dispositivos móveis do Google para desenvolvedores
  • Erros comuns em dispositivos móveis Recursos do Google para desenvolvedores
  • Guia de otimização móvel para desenvolvedores

7. Existem recursos de design que eu deveria considerar integrar em meu site hoje?

Os recursos específicos para dispositivos móveis são um ótimo complemento para seu site e podem agregar à experiência do usuário para seus visitantes.

Design para “Dedo gordo”. Projetar para dedos com 44 pixels de largura é considerado design para o “dedo gordo”. Isso permitirá que os elementos da sua página sejam acessados ​​e clicáveis ​​por todos os usuários. É comum que o design móvel represente dedos menores e, portanto, alguns elementos da sua página podem ser mais difíceis de clicar e acessar.

Recurso Toque para ligar/Clique para ligar. Quando um número de telefone aparece em seu site, é uma prática recomendada permitir que esses números sejam tocados para que os usuários possam ligar diretamente do número listado. É muito difícil copiar/colar ou anotar números de telefone em movimento. Torne mais fácil para seus clientes e habilite recursos de toque para ligar em números em todo o site.

Resumo

O processo de otimização de seu site para dispositivos móveis é parte integrante da experiência do usuário on-line. O mundo conectado de hoje encarregou os profissionais de marketing de pensar fora da caixa. À medida que o mundo conectado se torna mais móvel, nosso trabalho como profissionais de marketing exigirá que continuemos nessa linha de pensamento e nos concentremos na usabilidade. Esperamos que você possa usar os tópicos discutidos em nossa postagem de blog para otimizar seus recursos on-line para dispositivos móveis, para obter mais sucesso e trabalhar em direção ao objetivo final de usabilidade ideal do site e experiência do usuário.