Skip to content
Aprender Medir Blog Case studies About
Join and donate to 🇺🇦 DevFest for Ukraine, a charitable tech conference happening June 14–15 supported by Google Developers and Google Cloud.
En esta página
  • Cómo fallar la auditoría de objetivos táctiles de Lighthouse
  • Cómo arreglar sus objetivos táctiles
  • Recursos

Los objetivos táctiles no tienen el tamaño adecuado

May 2, 2019 — Actualizado Aug 21, 2019
Available in: 日本語, 한국어, Português, Русский, 中文, English
Appears in: Auditorias SEO
En esta página
  • Cómo fallar la auditoría de objetivos táctiles de Lighthouse
  • Cómo arreglar sus objetivos táctiles
  • Recursos

Los objetivos táctiles son las áreas de una página web con las que los usuarios de dispositivos táctiles pueden interactuar. Todos los botones, enlaces y elementos de formulario tienen botones táctiles.

Muchos motores de búsqueda clasifican las páginas en función de su compatibilidad con dispositivos móviles. Asegurarse de que los objetivos táctiles sean lo suficientemente grandes y tengan la separación adecuada entre sí, hace que su página sea más accesible y compatible con dispositivos móviles.

Cómo fallar la auditoría de objetivos táctiles de Lighthouse #

Lighthouse marca páginas con objetivos táctiles que son demasiado pequeños o están demasiado juntos:

Auditoría de Lighthouse que muestra objetivos táctiles de tamaño inadecuado

Los objetivos que miden menos de 48 px por 48 px o que están a menos de 8 px de distancia no pasan la auditoría. Cuando la auditoría falla, Lighthouse enumera los resultados en una tabla con tres columnas:

Objetivo táctilEl objetivo táctil que tiene un tamaño inadecuado.
TamañoEl tamaño del rectángulo delimitador del objetivo en pixeles.
Destino superpuestoQué otros objetivos táctiles, si los hay, están demasiado cerca.
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.

Cómo arreglar sus objetivos táctiles #

Paso 1: aumente el tamaño de los objetivos táctiles que son demasiado pequeños. Los objetivos táctiles de 48 px por 48 px nunca fallan en la auditoría. Si tiene elementos que no deberían aparecer más grandes (por ejemplo, iconos), intente aumentar la propiedad padding:

Objetivos táctiles de tamaño apropiado
Utilice padding para agrandar los objetivos táctiles sin cambiar la apariencia de un elemento.

Paso 2: aumente el espacio entre los objetivos táctiles que están demasiado cerca entre sí, utilizando propiedades como margin. Debe haber al menos 8 px entre los objetivos táctiles.

Recursos #

  • Objetivos táctiles accesibles: más información sobre cómo garantizar que todos los usuarios puedan acceder a sus objetivos táctiles.
  • Código fuente para la auditoría Los objetivos táctiles no tienen el tamaño adecuado.
Última actualización: Aug 21, 2019 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

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.