quinta-feira, 9 de abril de 2015

Avaliando usabilidade Móvel com o Google Webmaster Tools


De volta a 2013, o Google anunciou oficialmente que iria começar a penalizar sites que fornecem uma experiência de usuário com defeito em dispositivos móveis.
 
Avaliando usabilidade Móvel com o Google Webmaster Tools

Os exemplos específicos incluídos redirecionar URLs internas para a home page quando visto em uma versão móvel de um site, bem como mostrar erros 404 para as pessoas tentando acessar páginas no celular.

Para o fim de 2014, um porta-voz do Google deu a entender que a experiência do usuário móvel se tornaria um fator de classificação. Em janeiro de 2015, uma série de donos de sites receberam mensagens de advertência sobre os problemas de usabilidade móvel em seus sites, com links para uma seção do Webmaster Tools, onde eles poderiam rever os problemas.

Neste artigo, vamos rever questões móveis no Webmaster Tools, explicar os problemas mais comuns e aprender a avaliar os problemas de usabilidade móvel em seu site com base nessas bandeiras.

Porque usabilidade móvel tornou-se uma prioridade maior no algoritmo de classificação do Google, garantindo uma experiência móvel ideal em cada site tornou-se mais importante do que nunca. Veja os resultados de pesquisa abaixo, onde o Google tem marcado um site móvel dedicado (DP Review) e um site responsivo (CNET) como sendo mobile-friendly. O resultado para a PC Magazine não tem essa etiqueta.

Avaliando usabilidade Móvel com o Google Webmaster Tools

Dando uma olhada em cada URL mostra-nos razões claras DP Review and CNET ganharam rótulos mobile-amigáveis ​​e por PC Magazine não fez e está abaixo dos outros. Não só o link PC Mag não ir para a versão móvel adequada do site (que não existe), mas também oferece uma promoção pop-up com um pequeno botão próximo que é estranho para tocar no celular.

Deixando de lado as questões móveis legítimos, não só as pessoas vão cair fora do seu site depois de uma má experiência, mas também o seu tráfego de busca orgânica pode diminuir rankings e podem sofrer no resultado de buscas móveis. Por outro lado, quando você faz melhorar um site problemático, você pode ver uma grande melhoria no tráfego de busca orgânica, como veremos no exemplo a seguir.

Minha agência construiu um novo site para substituir um que tinha muitos dos problemas móveis iremos analisar neste artigo. O site original continha uma série de elementos Flash, não dispunham de qualquer configuração de viewport, e continha elementos minúsculos texto e toque quando visto em uma tela móvel. O novo site foi construído em um formato ágil, eliminando estas questões. Dentro de dois meses de relançamento, o site teve um aumento de 44% em novos usuários a partir de pesquisas do Google orgânicos em dispositivos móveis, o dobro do aumento verificado na área de trabalho. Embora uma série de outros fatores certamente desempenhou um papel, como refinamento de conteúdo, o fato de que o celular mostraram um aumento tão significativo reflete o valor Google atribui a usabilidade móvel.

Encontrar Problemas móveis nas Ferramentas para Webmasters

A fim de avaliar as questões móveis sinalizados em seu site, você primeiro precisa instalar o Google Webmaster Tools. Enquanto muitos sites já executam Webmaster Tools, outros não, e por isso aqui estão breves instruções para configurar. Navegue até o Webmaster Tools página, e faça login com a sua conta Google. Você verá um campo para inserir o seu URL. Em seguida, selecione "Adicionar um Site."

Em seguida, você precisa verificar o site. Webmaster Tools irá mostrar os vários métodos de fazê-lo, incluindo o upload de um arquivo HTML para o seu site, adicionando uma meta tag ou assinar em provedor do seu nome de domínio. Você também pode verificar através do Google Analytics ou Google Tag Manager se quer código está no lugar em seu site e você tem acesso à conta. Se você estiver executando um site WordPress, um plug-in como de Yoast WordPress SEO lhe permitirá verificar Webmaster Tools facilmente copiando e colando um número da meta tag em um campo no plugin.

Depois de configurar Webmaster Tools em seu site, você pode não ver todos os dados na interface por alguns dias. Apresentação de um mapa do site poderia acelerar o processo de rastreamento e indexação de seu site.

Você vai encontrar a seção "Mobile Usabilidade" em "Pesquisa de trânsito" na barra de navegação à esquerda. Isto irá mostrar o que erros, se houver, foram encontrados em seu site. Clique em qualquer uma das categorias de erro para ver URLs específicas sinalizadas para cada um.

Avaliando usabilidade Móvel com o Google Webmaster Tools

Google mostra questões móveis em seis categorias principais:

Uso de Flash,
viewport não configurado,
viewport de largura fixa,
conteúdo não dimensionada para janela de exibição,
pequeno tamanho da fonte,
tocar elementos muito próximos.


Para corrigir esses problemas, olhar para as URLs sinalizadas e determinar o que edita necessidade de ser feita.

Quanto a "utilização Flash," quaisquer elementos Flash não vai processar corretamente na maioria dos dispositivos móveis. Por exemplo, quando eu tento acesso Nós escolhemos a Lua a partir de um iPhone, ele me pede para baixar o Flash para experimentar o site. Bem, eu, obviamente, não é possível instalar o Flash no meu iPhone, então eu não posso experimentar este site em tudo no celular.

Avaliando usabilidade Móvel com o Google Webmaster Tools

Corrigir esse problema simplesmente significa que reestrutura o site para não incluir qualquer flash quando servido em um dispositivo móvel.

"Viewport não configurada" significa que o site não está escalando corretamente para o tamanho do aparelho. Veja o site abaixo, parte dos quais são cortadas em pequenos navegadores.

Avaliando usabilidade Móvel com o Google Webmaster Tools

Utilizar o visor meta tag para assegurar que a altura e largura da mudança sítio com base no tamanho do ecrã do telefone ou do comprimido. Inserir o seguinte código para a cabeça do site fará com que ele redimensionar e reorganizar os elementos para caber vários tamanhos de tela.

<meta name="viewport" content="width=device-width, initial-scale=1">

Neste código, largura = largura do dispositivo - se dimensionar automaticamente a largura do Web site para o tamanho da janela em que está a ser visualizada. E -escala inicial = 1 irá definir o nível de zoom do site para 100%, escalando o site para preencher a janela, independentemente do tamanho da tela. Com esse atributo no lugar, o conteúdo vai refluir quando o telefone ou tablet é invertida da vertical para a orientação horizontal.

"Viewport com largura fixa" refere-se a páginas que estão configuradas para mostrar a uma largura de pixel específico. Isso é problemático quando um website não adequadamente dimensionado para um tamanho de tela inesperado. Assim, utilizando-largura do dispositivo na janela de visualização de meta tag, como no exemplo anterior, permitirá o site para dimensionar com base no tamanho da tela de qualquer dispositivo.

Google Webmaster Tools é um ponto de partida útil para a análise de questões de móveis em seu site. Se você receber avisos, não ignorá-los. Tire um tempo para olhar para os problemas e identificar oportunidades para melhorar a usabilidade móvel do seu site. Em última análise, o seu objetivo é fazer com que o site a melhor experiência possível para usuários móveis, e não apenas a obcecar sobre seus rankings no Google. No entanto, o Google vai premiar experiências de usuário positivos.



Você tem um blog? Você quer colocar as análises de MichellHilton.com em seu blog/site? Ajude-nos a ajudar você. Envie um e-mail para MichellHilton@Outlook.com.

Assine nossa newsletter

Visão 2030