Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria dos pontos de toque do Lighthouse falha
  • Como corrigir seus pontos de toque
  • Recursos

Os pontos de toque não têm o tamanho adequado

May 2, 2019 — Atualizado Aug 21, 2019
Available in: Español, 日本語, 한국어, Русский, 中文, English
Appears in: Auditorias de SEO
Nesta página
  • Como a auditoria dos pontos de toque do Lighthouse falha
  • Como corrigir seus pontos de toque
  • Recursos

Os pontos de toque são as áreas de uma página da web com as quais os usuários em dispositivos de toque podem interagir. Botões, links e elementos de formulário têm pontos de toque.

Muitos mecanismos de pesquisa classificam as páginas com base no grau de compatibilidade com dispositivos móveis. Garantir que os pontos de toque sejam grandes e distantes um do outro torna sua página mais acessível e compatível com dispositivos móveis.

Como a auditoria dos pontos de toque do Lighthouse falha #

O Lighthouse sinaliza páginas com pontos de toque muito pequenos ou muito próximos:

Auditoria do Lighthouse mostrando pontos de toque de tamanho inadequado

Os destinos menores que 48 x 48 pixels ou mais próximos do que 8 pixels entre eles falham na auditoria. Quando a auditoria falha, o Lighthouse lista os resultados em uma tabela com três colunas:

Pontos de toqueO ponto de toque com tamanho inadequado.
TamanhoO tamanho do retângulo delimitador do destino em pixels.
Pontos de sobreposiçãoQuais outros pontos de toque, se houver, estão muito próximos.
Each SEO audit is weighted equally in the Lighthouse SEO Score, except for the manual Structured data is valid audit. Learn more in the Lighthouse Scoring Guide.

Como corrigir seus pontos de toque #

Etapa 1: aumente o tamanho dos pontos de toque que são muito pequenos. Os pontos de toque com 48 x 48 px nunca falham na auditoria. Se você tiver elementos que não deveriam parecer maiores (por exemplo, ícones), tente aumentar a propriedade padding:

pontos de toque de tamanho adequado
Use padding para tornar os pontos de toque maiores sem alterar a aparência de um elemento.

Etapa 2: aumente o espaçamento entre os pontos de toque que estão muito próximos usando propriedades como margin . Deve haver pelo menos 8 px entre os pontos de toque.

Recursos #

  • Pontos de toque acessíveis : mais informações sobre como garantir que seus pontos de toque sejam acessíveis a todos os usuários.
  • O código-fonte dos pontos de auditoria pontos de toque não são dimensionados de forma adequada
Last updated: Aug 21, 2019 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

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.