Webmasters

Criação de websites otimizados para smartphones

Apresentação

Com o aumento do uso de smartphones, criar um site amigável para os usuários desses dispositivos se tornou uma parte essencial do gerenciamento de websites. Este documento descreve as recomendações do Google para os webmasters que desejam exibir conteúdo em formatos otimizados para usuários de computadores e smartphones e observa os erros comuns que você deve evitar. Também temos páginas sobre sites para tablets e feature phones.

Visão geral das recomendações do Google

O Google oferece suporte a três configurações diferentes para a criação de sites otimizados para smartphones:

  • Design ágil: publica o mesmo HTML para um URL e usa consultas de mídia CSS para determinar como o conteúdo é processado no lado do cliente. Isso remove as possíveis falhas de detecção do user agent e libera os usuários dos redirecionamentos. Essa é a configuração recomendada pelo Google.
  • Exibição dinâmica: publica HTMLs diferentes para os URLs, dependendo do user agent. Use o cabeçalho HTTP Vary para indicar que isso está sendo feito.
  • Site para dispositivos móveis diferentes: redireciona os usuários para um URL diferente, dependendo do user agent. Use as anotações sobre links bidirecionais para indicar a relação entre os dois URLs de mecanismos de pesquisa.

Certifique-se de que você não está bloqueando recursos como JavaScript e CSS em mecanismos de pesquisa, independentemente da configuração escolhida. Para ver as etapas da implementação técnica, visite nossa página de detalhes.

Tipos de dispositivos móveis

  1. Smartphones: celulares com navegadores que são capazes de processar páginas de computador normais, pelo menos até certo ponto. Esta categoria inclui os navegadores para dispositivos móveis recentes que podem processar HTML5 e abrange uma diversidade de dispositivos, como telefones com Android e os iPhones.
  2. Feature phones: celulares com navegadores sem a capacidade de processar páginas da Web normais para computadores. Isso inclui navegadores para cHTML (iMode), WML, WAP e similares.

Não consideramos tablets como dispositivos móveis, porque, entre outras razões, eles tendem a ter telas maiores. A maioria dos usuários de tablet espera ver páginas otimizadas para tablets ou computadores ao navegar na Web. Isso significa que, a menos que você ofereça conteúdo otimizado para tablet, os usuários esperam ver um site para computador em vez do site para smartphone.

Sumário

  • A página Detalhes mostra como implementar as diferentes configurações que você pode usar.
  • A página Erros comuns lista "gotchas" que são frequentemente observados em sites otimizados para smartphone.
  • A página Redirecionamentos e detecção de user agent inclui dicas para utilizar user agents no redirecionamento de usuários.
  • A página JavaScript registra as diferentes abordagens a JavaScript usando o design da Web dinâmico.
  • A página Tablets é direcionada para webmasters que querem exibir conteúdo para usuários de tablets.
  • A página Feature phones descreve como realizar o processo corretamente em smartphones e feature phones, caso você tenha suporte para eles.
  • A página User agents do Googlebot lista os user agents que usamos para rastrear websites otimizados para dispositivos móveis.
  • A página Lista de verificação para aprimoramento de websites oferece uma lista de melhorias que podem ser feitas depois da preparação do website para o dispositivo móvel.

Autenticação necessária

Você precisa fazer login com o Google+ para fazer isso.

Fazendo login...

O Google Developers precisa de sua permissão para fazer isso.