SEO em 2020: otimização móvel como vantagem competitiva

Mesmo muitos dos titãs da internet poderiam fazer um pouco de otimização de seus sites para celular. O colaborador Marcus Miller oferece uma visão abrangente de como garantir que você aproveite ao máximo a oportunidade de avançar.

SEO em 2017 - otimização móvel como vantagem competitiva

Em 2016, o inevitável aconteceu, e o celular ultrapassou o desktop como o principal dispositivo usado para acessar sites . Isso não foi uma grande surpresa, porque, em 2015, o  Google relatou que foram realizadas mais pesquisas no celular do que em qualquer outra  categoria de dispositivo .

Em muitos setores, isso pode ser conservador e, na agência que lidero no Reino Unido, a Bowler Hat, nossos clientes B2C estão vendo até 85% de todas as sessões do site realizadas em dispositivos móveis.

Basta dizer que o celular chegou bem e verdadeiramente. No entanto, embora o design responsivo já exista há algum tempo e esteja bastante bem estabelecido, a maioria dos sites tende a cair na usabilidade. Ou seja, a maioria dos sites ainda é criada para computadores e depois discada para dispositivos móveis. Esse preenchimento de formulário que era levemente irritante no computador é um porco absoluto no celular. Mesmo que seja responsivo.

Isso não é bom o suficiente no primeiro mundo móvel para o qual estamos correndo em 2017.

Neste artigo, examinarei como você pode garantir que está realmente otimizando para usuários móveis. Analisaremos os fundamentos do design responsivo e da velocidade da página, mas também analisaremos a experiência do usuário adaptada aos dispositivos móveis. Em seguida, concluiremos isso com uma lista de verificação de otimização para celular que você pode usar para identificar oportunidades de otimização.

Nosso objetivo aqui é percorrer uma distância extra para criar sites totalmente focados em dispositivos móveis; para encantar nossos usuários e gerar conversões; usar a otimização móvel para desenvolver uma vantagem estratégica sobre a concorrência. E, é claro, o Google quer encantar os usuários de dispositivos móveis, para que possamos melhorar os fatores de engajamento e classificação na página e também nos beneficiar da melhoria do SEO. Melhor para os usuários. Melhor para os mecanismos de pesquisa. Vantajoso para as duas partes.

O que o Google quer

Nesta época do ano, muitos SEOs estão ansiosos e, referindo-se a uma publicação de práticas recomendadas para 2017, Gary Illyes, do Google, elogiou aqueles que sugeriram que o celular é o grande incentivo para 2017 .

Gary “鯨理” Illyes@methode

Those of you who said “mobile”, you were spot on! https://twitter.com/aleyda/status/808684642375241730 …Aleyda Solis@aleydaSEO Trends 2017: 42 Experts on the Future of SEO Journal http://nzzl.us/XY5fXNL  @sejournal – thanks for having me @DannyNMIGoodwin 2112:25 PM – Dec 13, 2016 · Zurich, SwitzerlandTwitter Ads info and privacy15 people are talking about this

A seguir, apresentamos três estatísticas principais que extraí dos materiais promocionais do Google que ilustram claramente a importância da otimização para celular:

  1. Hoje, mais pessoas pesquisam em celulares do que em computadores.
  2. As pessoas têm uma probabilidade cinco vezes maior de deixar um site, se não for compatível com dispositivos móveis.
  3. Mais da metade dos usuários de dispositivos móveis sairá de um site se demorar mais de três segundos para carregar.

Como mais pessoas pesquisam no celular do que nos computadores, o celular gera mais visualizações de página. Se seu site não for compatível com dispositivos móveis, é menos provável que os usuários permaneçam por aqui. E se o seu site estiver lento, eles podem nem esperar a página carregar.

Acrescente a falta de confiabilidade das redes de dados móveis aqui e seu site deve ser uma máquina simples e amigável para dispositivos móveis, ou você pode nem sequer ter uma chance desse cliente.

O primeiro índice móvel

A unha absoluta no caixão para uma abordagem de sites e pesquisas para computadores em primeiro lugar é o índice para dispositivos móveis . A adoção dessa filosofia faz sentido, pois ocorrem mais pesquisas no celular do que no computador. No entanto, no momento, o  ranking ainda é baseado principalmente na versão para desktop de um site .

Quando isso acontece, o conteúdo e os links do seu site para celular, além de outros fatores – velocidade, experiência do usuário etc. – serão os principais fatores de visibilidade do seu mecanismo de pesquisa. A área de trabalho provavelmente ainda será um fator, mas será de capacidade secundária. Celular primeiro.

As informações estão aqui, pessoal – o celular já é importante há um bom tempo, mas 2017 é o ano em que ele se tornará o fator chave em sua busca por melhores classificações e taxas de conversão dos visitantes do site.

A boa notícia é que isso representa uma chance para aqueles que realmente se empenham em desenvolver uma vantagem sobre a concorrência. Vai dar trabalho, mas superar esse obstáculo é o caminho a seguir e fazê-lo antes que seus rivais coloquem seu site em melhor posição.

Abordagem otimizada para celular

Nosso primeiro foco em obter essa vantagem é ver como entregamos conteúdo otimizado para celular. Existem três abordagens possíveis:

  • Web design responsivo
  • Conteúdo dinâmico
  • URLs separados (site para celular)

O design responsivo de sites é a maneira recomendada pelo Google de lidar com sites compatíveis com dispositivos móveis e, como tal, é a abordagem que você deve adotar, a menos que tenha razões muito fortes para não fazê-lo.

O design responsivo já existe há algum tempo, portanto esse não é um conceito novo. No entanto, ainda vemos sites que são tecnicamente responsivos, embora não ofereçam uma experiência sólida aos usuários de dispositivos móveis.

Por fim, o design responsivo é apenas uma pequena parte da criação de sites realmente compatíveis com dispositivos móveis.

Otimização para celular

O Google possui várias ferramentas para testar a usabilidade em dispositivos móveis e, além disso, o Search Console possui um relatório de usabilidade em dispositivos móveis que detalha os problemas página por página.

Você deve utilizar essas ferramentas ao desenvolver seu novo site e usar o Search Console para acompanhar os problemas ao longo da vida útil do site.

O Search Console analisa os seguintes problemas de usabilidade em dispositivos móveis:

  1. Uso do Flash – a maioria dos navegadores móveis não processa o Flash e, como tal, convém usar tecnologias mais modernas.
  2. Janela de visualização não configurada – a metatag da janela de visualização ajuda os navegadores a dimensionar uma página para se adequar a um dispositivo específico.
  3. Janela de visualização de largura fixa  – Esse problema tenta contornar o design móvel com páginas de largura fixa e é melhor arquivado quando um design responsivo é adotado.
  4. Conteúdo não dimensionado para a janela de visualização  – Aqui, o conteúdo da página não se ajusta à janela e o usuário precisa rolar. Isso pode ser corrigido com larguras relativas e não fixas.
  5. Tamanho de fonte pequeno  – esse é um problema de escala e exige que os usuários apertem a tela para aumentar o zoom.
  6. Tocar elementos muito próximos  – Esse é um problema de usabilidade comum, onde é muito difícil tocar em um determinado elemento sem também atingir o elemento vizinho.
  7. Uso intersticial  – Um pop-up em tela cheia geralmente representa uma má experiência do usuário em um dispositivo móvel e é algo que o Google está buscando reprimir em 2017 .

Esses são os principais elementos técnicos que o Google está procurando e relatando aos webmasters.

A otimização do site para remover esses problemas pode ter efeitos positivos na classificação da usabilidade do site pelo Google e certamente tem implicações positivas para os usuários. Mais uma vez, ganha-ganha.

Recursos de otimização para celular:

  1. Sites compatíveis com dispositivos móveis – https://developers.google.com/webmasters/mobile-sites/
  2. Teste de compatibilidade com dispositivos móveis – https://search.google.com/search-console/mobile-friendly
  3. Relatório de usabilidade em dispositivos móveis – https://support.google.com/webmasters/answer/6101188?hl=pt-BR

Velocidade da página

A velocidade da página é importante em todos os dispositivos, mas pode ser extremamente importante no celular quando os usuários estão fora e procuram respostas rápidas. Uma página que pode carregar relativamente rapidamente em uma rede Wi-Fi pode não ser tão rápida em uma rede de dados móvel. O 4G apresentou grandes melhorias na velocidade, mas a cobertura (pelo menos no Reino Unido) não é algo em que se possa confiar.

No entanto, existem várias práticas recomendadas para melhorar a velocidade da página e, mais uma vez, o Google veio em nosso auxílio com a ferramenta de informações PageSpeed. Isso nos permite avaliar facilmente a rapidez com que nossas páginas são carregadas e obter algumas dicas sobre o que podemos fazer para melhorar.

As informações de velocidade da página agora estão integradas no teste de compatibilidade com dispositivos móveis:

https://search.google.com/search-console/mobile-friendly

https://testmysite.withgoogle.com/ – o front end mais atraente

Para mostrar como isso funciona, compartilharei detalhes abaixo para uma pequena empresa B2C local chamada Vinyl to Digital , que concordou em usá-los como um estudo de caso.

Aqui está o resultado da ferramenta testmysite.withgoogle.com do Google:

relatório de velocidade da página para site para celular

Podemos ver algumas recomendações óbvias para melhorias técnicas aqui:

  • Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda.
  • Permitir compressão.
  • Otimize imagens.
  • Minimize CSS.
  • Aproveite o cache do navegador.

Este é um site WordPress e, como tal, a maioria dessas são tarefas bastante simples. Existem plugins que resolverão a maioria disso sem tempo de desenvolvimento dispendioso.

Também podemos ver uma visão geral dos tempos de carregamento da página no Google Analytics no relatório Comportamento> Velocidade do site .

velocidade do site no google analytics

Aqui podemos ver que o carregamento médio da página é de quase quatro segundos, acima do tempo ideal de carregamento de dois a três segundos. Também podemos ver que quase metade disso é atribuída ao tempo médio de resposta do servidor.

Fazer as melhorias básicas da ferramenta PageSpeed ​​insights e encontrar um parceiro de hospedagem mais rápido pode reduzir o tempo de carregamento para cerca de dois segundos.

O principal argumento aqui é que você pode obter métricas precisas sobre o tempo de carregamento e informações claras sobre o que você pode fazer para melhorar as coisas. Você precisará personalizar isso para o seu próprio CMS ou abordagem, mas geralmente poderá obter 80% dos resultados com apenas 20% do esforço.

Também não podemos falar sobre a velocidade da página para celular sem considerar o AMP (Accelerated Mobile Pages). O AMP foi projetado para permitir que a Web móvel frequentemente lenta, desajeitada e frustrante seja carregada instantaneamente em qualquer lugar.

Seja rápido. Isso deixa seus usuários e mecanismos de pesquisa felizes.

Recursos de velocidade da página:

Experiência do usuário móvel

O design otimizado para celular e a velocidade da página são os componentes fundamentais de um site otimizado para celular. No entanto, esses dois elementos por si só nem sempre resultam em um site perfeitamente otimizado.

Escrevi pela primeira vez sobre design responsivo em 2012 e, apesar da semi-maturidade da abordagem, muitos sites que implementam responsivo ainda não são realmente otimizados para as vontades e necessidades dos usuários móveis.

A implementação técnica bruta de um layout responsivo não é suficiente para resolver esse problema. Em vez disso, o designer deve colocar-se no lugar do usuário e levar em consideração o que as pessoas farão e desejam realizar em um telefone celular.

Felizmente, o pessoal do Google e do AnswerLab realizou uma pesquisa para determinar como os usuários interagem com uma ampla variedade de sites para celular . O objetivo deste relatório é estabelecer um conjunto de práticas recomendadas para o design de sites para dispositivos móveis.

Ainda não vi muito barulho em relação a este relatório, o que é lamentável, pois fornece a melhor visão geral que já vi sobre como ir além das otimizações básicas de compatibilidade com dispositivos móveis e velocidade de página detalhadas acima.

Os resultados do estudo foram detalhados em 25 princípios de design de sites para dispositivos móveis em cinco categorias principais:

  • Navegação na página inicial e no site
  • Pesquisa no site
  • Comércio e Conversões
  • Entrada de formulário
  • Usabilidade e fator de forma

O principal argumento do relatório foi que os usuários móveis são orientados a objetivos. Eles esperam conseguir atingir seu objetivo de forma rápida e fácil com o mínimo de confusão. Sem beliscar para ampliar. Nenhuma navegação confusa ou elementos de toque muito próximos para realmente serem usados.

O sucesso vem do foco na experiência móvel. Dê aos usuários o que eles precisam e em seus próprios termos. Facilite o alcance de seu objetivo.

Também é importante notar que, embora essas ferramentas sejam úteis, você não pode superar os bons testes de usuários antiquados. Determine as metas que um usuário do site possui enquanto estiver no seu site e, em seguida, tenha vários usuários dentro do seu teste demográfico em vários dispositivos. As informações que você pode obter aqui são valiosas e permitem entender as implicações reais de como um usuário interage com seu site.

Também sou um grande fã de ferramentas que registram como um usuário interage com seu site. Na Bowler Hat, usamos a inspeção . Isso nos fornece vídeos de sessões do usuário, além de mapas de calor, mapas de rolagem e vários outros recursos. Com uma ferramenta como esta gravando sessões do usuário, você está sempre realizando testes de usabilidade (desde que assista aos vídeos).

A ferramenta oferece um forte conjunto de opções de filtragem para que você possa identificar facilmente padrões e revisar usuários reais à medida que eles usam (ou tentam usar) seu site. Combinar essa ferramenta com informações do Google Analytics pode ser interessante. Digamos que o GA esteja informando que 50% dos usuários de celular saem na segunda página do seu checkout. Agora você pode ver exatamente o que esses usuários estão fazendo e por que estão tendo problemas.

Quando se trata disso, os elementos essenciais para executar a otimização móvel são uma combinação de ferramentas e testes reais do usuário.

Recursos de usabilidade para dispositivos móveis:

  1. Design e interface do usuário – https://developers.google.com/web/fundamentals/design-and-ui/
  2. Teste de usabilidade em dispositivos móveis – http://usabilitygeek.com/usability-testing-mobile-applications/
  3. Otimização do Google e do AnswerLab para várias telas – http://static.googleusercontent.com/media/www.google.com/en//intl/ALL_ALL/think/multiscreen/pdf/multi-screen-moblie-whitepaper_research-studies.pdf
  4. Inspectlet – http://www.inspectlet.com/

Lista de verificação de otimização para celular

Portanto, temos três componentes fundamentais na criação de sites para dispositivos móveis que seus usuários vão adorar (ou que irão agradar seus usuários e gerar conversões no vernáculo do Google).

  1. Design responsivo
  2. Velocidade de carregamento da página
  3. Design e usabilidade para dispositivos móveis

A seguir, é apresentada uma lista de verificação com base nas três áreas principais revisadas neste artigo. Usamos essa abordagem para revisar sites e determinar áreas que podem ser aprimoradas para usuários móveis.

Analisamos muitos sites e ainda não encontramos nenhum que forneça uma experiência móvel perfeita. Na maioria dos casos, os sites têm uma ampla variedade de oportunidades de otimização em potencial.

Revise esta lista ponto a ponto e consulte o whitepaper de design para várias telas para obter os esclarecimentos necessários.

Otimização móvel básica

  1. Design responsivo
  2. Velocidade da página
  3. Velocidade de hospedagem

Página inicial e navegação no site

  1. Mantenha as chamadas à ação na frente e no centro.
  2. Mantenha os menus curtos e agradáveis.
  3. Facilite o retorno à página inicial.
  4. Não deixe que as promoções roubem o show.

Pesquisa no site

  1. Tornar a pesquisa no site visível.
  2. Verifique se os resultados da pesquisa no site são relevantes.
  3. Implemente filtros para melhorar a usabilidade da pesquisa no site.
  4. Guie os usuários para obter melhores resultados de pesquisa.

Comércio e conversões

  1. Permita que os usuários explorem antes de se comprometerem.
  2. Permita que os usuários comprem como convidado.
  3. Use as informações existentes para maximizar a conveniência.
  4. Use os botões de clique para ligar para tarefas complexas.
  5. Facilite a conversão em outro dispositivo.

Entrada de formulário

  1. Simplifique a entrada do formulário.
  2. Escolha o método de entrada mais simples para cada tarefa.
  3. Forneça um calendário visual para selecionar datas.
  4. Minimize os erros de formulário com rotulagem e validação em tempo real.
  5. Crie formulários eficientes.

Usabilidade e fator de forma

  1. Otimize todo o site para celular.
  2. Não faça os usuários beliscarem para ampliar.
  3. Torne as imagens dos produtos expansíveis.
  4. Informe aos usuários qual orientação de tela funciona melhor.
  5. Mantenha seu usuário em uma única janela do navegador.
  6. Evite rotular o “site completo”.
  7. Seja claro por que você precisa da localização de um usuário.

Faça o download desta lista como PDF para impressão ou compartilhamento .

Otimização móvel como uma vantagem competitiva

Ao trabalhar nesta lista, vamos além do básico e óbvio. Criamos uma interface de usuário móvel que visa tornar a experiência de usuários móveis orientados a objetivos verdadeiramente agradável. Certamente, na minha experiência cotidiana da web, raramente acho que esse seja o caso. Se eu colocar meu chapéu de SEO e UX, mesmo alguns sites dos titãs do mundo online podem fazer muito para melhorar.

Portanto, focamos em cada uma dessas áreas para criar um site incrivelmente rápido e um prazer para usar em um dispositivo móvel. Ajudamos nossos usuários a atingir suas metas e, em troca, obtemos melhores resultados de nosso marketing. Desde maior visibilidade na pesquisa orgânica até taxas de conversão aprimoradas de todos os outros canais de entrada – o foco nos usuários móveis nos permite desenvolver uma vantagem competitiva estratégica sobre nossos concorrentes .

Não é fácil criar vantagens competitivas. Há uma clara oportunidade aqui para os rápidos e os corajosos. Em 2017, concentre-se em seus usuários móveis e deixe seus concorrentes em seu pó digital .

Leave a Reply

pt_PTPortuguese
pt_PTPortuguese