- Documentação
- Suporte
- Blog
- Novidades
- Eventos
- Estudos de caso
É importante garantir que o site apareça nos resultados da pesquisa. Aqui você aprende a configurar seu site para vários dispositivos e ajudar os mecanismos de pesquisa a entender seu site.
Três maneiras de implementar seu site para dispositivos móveis
Existem três técnicas principais para implementar um site que possa lidar com telas de visualização de todos os tipos e tamanhos. Veja um gráfico que compara os três métodos:
Web design responsivo | ||
Exibição dinâmica | ||
URLs diferentes |
Web design responsivo: exibe o mesmo código HTML no mesmo URL, independentemente do dispositivo dos usuários (computador, tablet, smartphone, navegador não visual), mas pode renderizar a exibição de maneiras diferentes com base no tamanho da tela. O Google recomenda usar o Web design responsivo porque é o padrão mais fácil de implementar e manter.
Exibição dinâmica: usa o mesmo URL, independentemente do dispositivo, mas gera uma versão diferente de HTML para cada tipo com base nas informações do servidor sobre o navegador do usuário.
URLs separados: veicula códigos diferentes para cada dispositivo e em URLs separados. Essa configuração tenta detectar o dispositivo do usuário e depois o redireciona à página correta por meio de redirecionamentos HTTP e o cabeçalho HTTP Vary.
O Google não favorece um formato de URL específico, contanto que as páginas e todos os recursos de página sejam acessíveis a todos os user agents do Googlebot.
Pontos principais para dispositivos móveis
Como discutiremos mais tarde, existem diferentes configurações que você pode escolher a fim de otimizar seu site para dispositivos móveis. No entanto, existem pontos-chave que você precisa observar, independentemente da configuração que você escolher.
- Sinalize para o Google quando uma página tiver formatação para dispositivos móveis ou tiver uma página equivalente formatada para esses dispositivos. Isso ajuda o Google a exibir o conteúdo para dispositivos móveis com precisão aos usuários nos resultados da pesquisa.
- Mantenha os recursos rastreáveis. Não use o robots.txt para bloquear o acesso dos mecanismos de pesquisa aos arquivos essenciais no site que ajudam a renderizar a página, incluindo anúncios. Se o Googlebot não tiver acesso aos recursos da página, como a CSS, o JavaScript ou as imagens, talvez não seja possível detectar que ela foi desenvolvida para exibir conteúdo e funcionar em navegadores de dispositivos móveis. Em outras palavras, podemos não detectar que a página é "compatível com dispositivos móveis" e, portanto, não a exibir adequadamente aos usuários de dispositivos móveis que realizem pesquisas.
- Evite erros comuns que frustram os visitantes em dispositivos móveis, como vídeos que não podem ser exibidos. Um exemplo disso é quando uma parte significativa do conteúdo da página está em um vídeo em Flash. As páginas para dispositivos móveis que oferecem uma experiência insatisfatória ao usuário podem ser rebaixadas nas classificações ou exibidas com um aviso nos resultados da pesquisa em dispositivos móveis. Mais informações na seção "Erros comuns".
Entender a diferença entre dispositivos
Dispositivo móvel: neste documento, o termo "dispositivo móvel" refere-se a smartphones, como dispositivos que executam Android, iPhone ou Windows Phone. Os navegadores para dispositivos móveis são semelhantes aos para computadores, porque podem renderizar várias especificações do HTML5, apesar de sua tela ser menor e de, na maioria dos casos, a orientação padrão da tela ser vertical.
Tablets: consideramos tablets dispositivos com uma classe própria. Portanto, quando falamos de dispositivos móveis, geralmente não incluímos tablets na definição. Os tablets costumam ter telas maiores. Isso significa que, a menos que você ofereça conteúdo otimizado para tablets, supomos que os usuários esperam ver seu site como ele é visualizado no navegador para computador, e não como é visto em um smartphone.
Telefones multimídia: são telefones com navegadores que renderizam páginas codificadas que atendem aos padrões XHTML e são compatíveis com a marcação HTML5 e com JavaScript/ECMAscript, mas podem não ser compatíveis com algumas APIs de extensão no padrão HTML5. Em geral, isso descreve o navegador da maioria dos telefones compatíveis com conexão 3G que não são smartphones.
Feature phones: nesses telefones, os navegadores não podem renderizar páginas da Web normais para computador usando o HTML padrão. Isso inclui navegadores que renderizam somente cHTML (iMode), WML e XHTML-MP.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2022-10-06 UTC.
[{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Não contém as informações de que eu preciso" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Muito complicado / etapas demais" },{ "type": "thumb-down", "id": "outOfDate", "label":"Desatualizado" },{ "type": "thumb-down", "id": "translationIssue", "label":"Problema na tradução" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"Problema com as amostras / o código" },{ "type": "thumb-down", "id": "otherDown", "label":"Outro" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"Fácil de entender" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"Meu problema foi resolvido" },{ "type": "thumb-up", "id": "otherUp", "label":"Outro" }]