Blog Central para Webmasters
Informação Oficial sobre classificação e indexação dos sites no índice do Google
Otimize seu site para celular com o PageSpeed Insights
segunda-feira, 19 de maio de 2014
Nível do webmaster: todos
Para ajudar programadores e webmasters a otimizar suas páginas para celular, atualizámos recentemente a ferramenta PageSpeed Insights com recomendações adicionais sobre a usabilidade em aparelhos celulares.
Uma usabilidade ruim pode reduzir os benefícios de um carregamento de página rápido. Sabemos que o carregamento das páginas para celular leva em média
mais de sete segundos
. Ao usar a
ferramenta PageSpeed Insights
e seguir as recomendações de velocidade, é possível fazer sua página
carregar mais rápido
. Digamos que seu site para celular carrega em apenas dois segundos em vez de sete. Se os usuários de celular ainda tiverem que esperar mais cinco segundos após o carregamento de página para fazer zoom ou rolar a tela antes de poderem começar a ler o texto e interagir com a página, isso significa que o site de fato não tem usabilidade rápida. As novas regras de experiência do usuário da ferramenta PageSpeed Insights podem ajudar você a encontrar e corrigir esses problemas de usabilidade.
Essas novas recomendações cobrem as seguintes áreas atualmente:
Configure a janela de visualização
: sem uma guia de janela de visualização meta, os navegadores para celular modernos pressupõem que sua página não é otimizada para celular. Por isso, eles retornam para uma janela de visualização de desktop e possivelmente aplicam a regularização da fonte, o que interfere no layout de página pretendido. A
configuração da janela de visualização
como "width=device-width" (largura = largura do dispositivo) deve ser o primeiro passo ao preparar seu site.
Dimensione o conteúdo para se ajustar à janela de visualização
: os usuários esperam que os sites para celular tenham rolagem vertical e não horizontal. Após configurar sua janela de visualização, verifique se o conteúdo de sua página se
encaixa na largura dessa janela
. Tenha em mente que nem todos os dispositivos móveis têm a mesma largura.
Use tamanhos de fonte legíveis
: se os usuários precisarem usar o zoom para conseguirem ler o texto de seu artigo na tela do smartphone, isso indica que seu site não é otimizado para celular. O PageSpeed Insights verifica se o
texto do site é grande o suficiente
para que a maioria dos usuários consiga ler de maneira confortável.
Dimensione os pontos de toque de maneira apropriada
: nada é mais frustrante do que tentar tocar em um botão ou link em um telefone ou tablet com touchscreen e tocar acidentalmente no lugar errado porque a área de toque do seu dedo é muito maior do que a de um cursor de computador. Verifique se os
pontos de toque do touchscreen são grandes o suficiente
para serem pressionados com facilidade.
Evite plug-ins
: a maioria dos smartphones não oferece suporte a Flash ou outros plug-ins de navegador, por isso verifique se seu site para celular
não depende de plug-ins
.
Essas regras estão descritas mais detalhadamente em
nossas páginas de ajuda
. Quando você estiver pronto, teste suas páginas e as melhorias realizadas usando a
ferramenta do PageSpeed Insights
. Também atualizamos o PageSpeed Insights para ter um design otimizado para celular e traduzimos nossos documentos de ajuda para outros idiomas.
Se você tiver perguntas ou comentários, publique-os em nosso
grupo de discussão
(em inglês), ou visite o nosso
fórum de ajuda para webmasters
.
Posted by Matthew Steele and Doantam Phan, equipe do PageSpeed Insights
Traduzido por
Diogo Botelho
, Equipe de Search Quality e Webmaster Outreach
Marcadores
Academia para Webmasters
Accelerated Mobile Pages
ações manuais
AMP
Anúncios
API
aplicativos
avançado
botnet
bots
Buscar como o Google
Chrome
Chromium
cms
comunicação
comunidade webmaster
conteúdo duplicado
Contribuidores Principais
css
dados estruturados
desenvolvedores
design responsivo
diretrizes para webmasters
Discover
dispositivos móveis
engenharia social
erros de rastreamento
estrutura do website
experts em produtos
ferramentas e dispositivos
ferramentas para webmasters
Google Assistente
Google Home
Google notícias
Google+
Googlebot
guia SEO
hreflang
HTTPS
imagens
Imagens do Google
indexação de aplicativos móveis
iniciante
intersticiais
invasão de sites
javascript
Lighthouse
links
localização
malware
mudança de site
navegação segura
NoHacked3.0
pagespeed insights
phishing
preenchimento automático
prevenção
rastreio e indexação
reCaptcha
recomendações
reconsiderações
resultados de busca
resultados de pesquisa
rich cards
rich snippets
robots.txt
safe browsing
Search Console
segurança
SEO
sitemaps
TC Summit
url canônico
UX
velocidade
verificação
verificação em duas etapas
webspam
Arquivo do blog
2020
novembro
setembro
agosto
julho
junho
maio
abril
março
fevereiro
janeiro
2019
novembro
outubro
setembro
junho
maio
abril
março
fevereiro
janeiro
2018
dezembro
novembro
outubro
julho
junho
maio
abril
março
fevereiro
2017
dezembro
novembro
julho
junho
abril
março
2016
novembro
outubro
setembro
agosto
julho
junho
maio
abril
março
janeiro
2015
dezembro
novembro
outubro
setembro
agosto
julho
junho
maio
abril
março
janeiro
2014
novembro
outubro
setembro
agosto
julho
junho
maio
Renderizar páginas com a ferramenta "Buscar como o...
Compreender melhor as páginas da Web
Otimize seu site para celular com o PageSpeed Insi...
Práticas recomendadas (e não recomendadas) de nave...
abril
março
Feed
Recursos disponíveis para Webmasters:
Ferramentas do Google para Webmasters
Fórum de Ajuda para Webmasters
Central de Ajuda
Outros Artigos Publicados
Guia de Otimização para Webmasters Iniciantes
Perguntas Frequentes de Webmasters