Tip:
Highlight text to annotate it
X
Olá.
Sou Maile Ohye.
Sou líder de tecnologia e desenvolvimento de programas
na equipe de suporte a webmasters do Google.
Nos últimos vídeos publicados no canal do YouTube para os webmasters do Google,
falamos muito sobre melhorias nos websites.
Mas, principalmente, falamos de websites para computador.
Neste vídeo, nosso foco será Web para dispositivos móveis
e como aprimorar páginas com alto tráfego, mas uma experiência
do usuário ruim.
Para ter uma perspectiva, no estudo "What Users
Want Most from Mobile Sites Today",
o blog dos anúncios do Google Mobile cita que 50% das pessoas
disseram que mesmo se elas gostam de uma empresa,
elas a utilizam menos se o website não for
compatível com dispositivos móveis.
Na postagem do blog da Central do webmaster,
Mudanças na classificação dos resultados de pesquisa de smartphone,
meus colegas Pierre Far e Yoshikiyo Kato,
avisaram sobre os rebaixamentos dessas classificações
para páginas que oferecem uma experiência insatisfatória ao usuário.
Normalmente, essas experiências ruins são
causadas por redirecionamentos indesejáveis para uma página 404,
uma página inicial em vez de uma página para dispositivos móveis
ou para um loop infinito.
Hoje, não se trata apenas de criar um site para smartphone,
pois muitos de vocês já fizeram isso,
mas sim de proporcionar uma ótima experiência ao usuário.
Para melhorar seu site, pré-requisitos úteis
incluem a instalação da análise do website.
Usarei o Google Analytics e também
a propriedade verificada das Ferramentas do Google para webmasters
nos sites para computador e celular.
Se usar um design da Web ágil,
você só precisará verificar a propriedade de um site.
Se tiver URLs separados para páginas de computador e celular,
como www e m., você precisará verificar os dois sites.
Nosso processo começa com a identificação do problema,
primeiro buscando problemas de alto nível com nosso site para celular.
Depois, sinalizamos páginas individuais que
mostram alto tráfego com uma experiência do usuário ruim.
A última parte do vídeo fala sobre fazer melhorias
nessas páginas problemáticas.
Para o objetivo deste vídeo,
fingirei que gerencio a Google
Store, um site de comércio eletrônico que vende produtos
do Google, como camisetas do YouTube e bonecos do Android,
em www.googlestore.com.
Com esse site, começaremos identificando o problema.
Vamos segmentar nossos dados de análise entre
tráfego em computador e em celular.
Posso segmentar até mesmo tablets se quiser ser ousada.
No Google Analytics, selecione "Criar novo segmento".
Crie um segmento de tráfego em computador selecionando "Tecnologia"
e filtrando quando a categoria do dispositivo incluir "Computador".
O segmento de tráfego em celular pode ser
criado usando uma predefinição disponível.
Agora, quando observar meus dados de análise,
posso ver as diferenças nos comportamentos entre
visitantes de computador e de celular.
Antes de analisar os problemas no nível da página,
vamos investigar os possíveis problemas de alto nível que afetam
todo o nosso tráfego em celular.
Na visão geral do público, com os segmentos de computador e
celular definidos para um período de vários meses,
buscaremos anomalias.
Elas podem ser significativamente menores no tráfego de celular
do que no de computador quando comparamos com
o detalhamento da média de países dos meus clientes por dispositivo.
Vemos que o tráfego em celular de 155.000 visitantes
é cerca de 22% do tráfego geral no meu site.
Como está em 22%, é um bom sinal de
que meu site para celular não apresenta
problemas catastróficos.
Meus visitantes vêm de países onde o tráfego em celular
varia entre aproximadamente 1/5 e 1/3 do tráfego em computador.
Então, 22% está bom.
Ainda em "Visão geral do público", podemos
verificar se o site recebe significativamente menos visitas
de retorno de usuários de celular do que de usuários de computador, já que
isso também indicaria um problema de alto nível.
Os dois gráficos de pizza mostram o detalhamento
dos novos visitantes em relação aos visitantes recorrentes
de computador e de celular.
Nosso site parece não ter problemas, pois a distribuição relacionada à celular
de novas e recorrentes é aproximadamente a mesma
que a distribuição relacionada a computador.
Se tivéssemos apenas 5% de visitantes de celular retornando
a esse site enquanto a porcentagem no computador fosse duplicada,
isso poderia indicar um problema.
Outro método para verificar problemas de alto nível
com nosso site para celular é comparar
o fluxo de visitantes de computador e celular.
No computador, a maioria das páginas de destino iniciais dos usuários
é nossa página inicial.
E 20% visitam a página principal de compras
em /shop.axd/home, enquanto 53% dos nossos visitantes desistem.
O fluxo de visitantes de celular mostra uma estatística proporcionalmente
semelhante, embora um pouco menor.
12% dos visitantes de celular prosseguem para a página principal
de compras, em comparação com 20% no computador,
enquanto 59% deles,
em comparação a 53% no computador, desistem completamente.
Embora a estatística de desistência na página inicial
não seja conveniente do ponto de vista do engajamento,
falaremos mais sobre o assunto em outro vídeo,
ela também não indica qualquer problema importante
específico a nosso site para celular.
Até agora, fizemos uma investigação de alto nível
em nosso site para celular.
A próxima ação é sinalizar páginas individuais
com alto tráfego, mas uma experiência do usuário ruim.
Para isso, acessamos a seção "Página de destino"
do Google Analytics.
As páginas de destino são aquelas nas quais os visitantes
entram no site, venham eles da Pesquisa,
de um link na Web ou de um endereço digitado no navegador.
Elas podem ser classificadas pelas exibições de página,
ajudando-nos a encontrar problemas de alto tráfego.
Primeiro, localizamos a taxa de rejeição média em celular
e a média do delta entre a taxa de rejeição em computador
e em celular, que no nosso caso é aproximadamente 7%.
Sinalizamos páginas com alto tráfego que
mostram uma taxa de rejeição média em celular significativamente maior
ou uma média maior do delta entre a taxa de rejeição entre celular
e computador.
O fato é que a segunda página de destino mais popular
para meus usuários de celular é a página de categoria do YouTube
em /You+Tube.
Essa página popular, visitada por mais de nove mil pessoas
nos últimos meses, infelizmente também dobra
a taxa de rejeição média em celular.
Vamos sinalizar essa página para uma melhoria futura.
Algumas linhas abaixo nas minhas páginas de destino,
vemos que /Accessories/Google+Watch+Set.axd
mostra uma taxa de rejeição média em celular quatro vezes maior, a 87%.
Também sinalizamos essa página para uma melhoria futura.
Uma situação ainda pior algumas linhas abaixo,
/Google+Redesign/Wearables/Men+s+T+Shirts/page apresenta uma taxa de rejeição média
em celular três vezes maior do que em computador.
A média em celular é aproximadamente 8%
maior do que em computador.
Entretanto, nesta página de categoria "camisetas masculinas",
é três vezes esse valor.
Também sinalizamos essa página.
Além das páginas de destino do Google Analytics,
podemos usar os Eventos para rastrear o comportamento do usuário de celular.
Por exemplo, este é o código usado
para testar se o link do site inteiro foi
clicado na página para celular.
O rastreamento de cliques no site inteiro provavelmente
indica que a página tem menos do que a usabilidade
ou funcionalidade desejada para o usuário de celular.
Com os Eventos, você pode ter uma exibição agregada
da frequência de um evento em determinada página.
À medida que você se torna mais avançado, o rastreamento de eventos de
microconversão, como cliques em "entre em contato", "telefone" ou "e-mail",
também pode ser útil.
Até aqui, identificamos várias páginas para celular com
alto tráfego e experiência do usuário ruim.
Na segunda metade deste vídeo,
nosso foco é em diferentes abordagens
para fazer as melhorias.
Tentaremos aprimorar as três páginas sinalizadas anteriormente:
a página de categoria do YouTube, a página de categoria "camisetas
masculinas" Google+Redesign Wearables e a página de produto
individual "Accessories Google Watch Set".
Especialmente quando se trata de celular,
um ótimo lugar para buscar melhorias
é na velocidade comportamental do site.
Nesta seção "Tempo da página da velocidade do site",
podemos ver se uma página é carregada mais devagar ou mais rápido
em relação à média do site.
Há uma classificação padrão por exibições de páginas.
Então, fica claro que páginas com alto tráfego também são
irritantemente devagar para os visitantes.
Semana passada, estive com meu amigo e colega,
Nick Mihailovski, que trabalhou muito com o Google Analytics.
E ambos estávamos surpresos
que a terceira página mais popular em termos de exibições
gerais, a página de categoria do YouTube,
exigia cerca de 20 segundos para ser carregada
ou era 350% mais lenta do que a média de celular do meu site.
É provável que o desempenho insatisfatório seja a causa
da média dessa página ser maior do que a taxa de rejeição média.
É difícil imaginar os usuários de celular tendo paciência para
esperar 20 segundos.
Para melhorar essa página, obviamente
precisamos acelerar o processo.
As sugestões de velocidade do site lista nove recomendações
para a página de categoria do YouTube.
É comum que a velocidade da página seja a causa da experiência ruim dos usuários de celular.
Outra causa é a usabilidade ineficiente.
Para ter uma ideia dos problemas de usabilidade
nas páginas para celular, se possível,
tente visualizar e interagir com seu site
usando os mesmos dispositivos dos seus visitantes.
Porém, se não for possível conseguir os dispositivos dos clientes,
um modo conveniente de ter uma ideia básica do que o
usuário de celular vê é por meio das Ferramentas para desenvolvedores Chrome.
Em "Configurações" e "Substituir", você pode
selecionar um user agent de celular diferente para visualizar a página.
Inseri o URL da segunda página a ser investigada,
/Google+Redesign/Wearables/Men+s+T+shirts.
Essa página de categoria teve uma média do delta de computador
e uma taxa de rejeição média três vezes maior.
Para encontrar os problemas de usabilidade, verifico
outros fatores, como redirecionamentos indesejados,
janelas de pop-up frustrantes, fontes
ou botões muito pequenos e várias outras experiências
difíceis.
Não leva muito tempo para percebermos
que, ao clicar em um produto,
a página abre uma janela de pop-up larga, difícil de
se concentrar e fechar.
Além disso, as fontes e os botões
são muito pequenos para um dispositivo móvel.
Mas podemos supor que criar janelas de pop-up desse tipo
para todos os itens em uma página de categoria
seja um contribuinte significativo para a alta taxa de rejeição dessa
página para celular.
E como essa experiência de usabilidade ruim aparece em
todas as minhas páginas de categoria, isso é algo
que desejo melhorar em todo o site.
Até o momento, investigamos a velocidade e a usabilidade.
Agora, falaremos sobre a melhoria do conteúdo.
A última página para celular com alto tráfego e experiência ruim
sinalizada é /Accessories/Google+Watch+Set.axd.
Essa página de produto vende um relógio de pulso simples e à prova d'água
com o logotipo do Google.
Sinalizamos essa página porque tem uma taxa de rejeição
média em celular quatro vezes maior.
Ao ver a página usando um user agent de celular,
não percebemos nada incomum que justifique uma taxa alta.
Por exemplo, a página tem fontes e botões pequenos parecidos,
como o restante do site.
E, embora eles devam ser aprimorados,
é uma questão muito predominante para ser a causa.
Além disso, não há janelas de pop-up frustrantes.
Então isso não pode ser a causa.
Para entender melhor o motivo da taxa de rejeição em celular ser tão alta,
vamos tentar determinar o objetivo do usuário ao acessar
a página /Accessories/Google+Watch+Set.
Em "Origens de tráfego", segmentadas por celular,
podemos adicionar a origem de dimensão secundária.
Se clicar na visualização de gráfico de pizza,
parece que 82% do público que acessa a página
acessa no celular diretamente da Pesquisa.
Como as consultas de pesquisa são orientadas a objetivos,
acessaremos nossa conta das Ferramentas do Google para webmasters
do site para celular verificado.
Selecione "Páginas principais" e filtre por pesquisa para dispositivos móveis.
A página /Accessories/Google+Watch+Set
é listada nas "Páginas principais" com a consulta dominante sendo "relógio
do Google".
Ao fazer essa consulta em um smartphone,
percebemos que o principal resultado de pesquisa
é sobre um suposto relógio inteligente do Google.
Aha!
Parece que há uma incompatibilidade na expectativa do
do usuário médio quando ele clica para ir a nossa página de produto.
A maioria deseja ver o suposto relógio inteligente do Google,
não nosso relógio de pulso à prova d'água com o logotipo do Google.
No celular, é provável que os usuários insatisfeitos
saiam imediatamente do site.
Enquanto que no computador, eles podem olhar páginas adicionais
para encontrar o dispositivo.
Para melhorar a experiência móvel da página,
eu poderia qualificar mais o tráfego.
Algumas opções incluem ajustar o título ou a metadescrição
para a aparência do resultado da pesquisa seja
mais indicativa do produto.
Também poderia tentar renomear o item,
talvez "Relógio de pulso com logotipo do Google",
para que a distinção seja mais óbvia para o usuário da pesquisa.
Com isso, todas as nossas páginas sinalizadas individuais
foram abordadas.
Estes são recursos adicionais para criar e melhorar
seu website para celular e ter clientes mais satisfeitos.
Obrigada por assistir.