点击目标大小不当

Published on Updated on

Translated to: English, Español, Português, 한국어, Pусский, 日本語

点击目标是网页上用户通过触摸设备可以与之互动的区域。按钮、链接和表单元素都有点击目标。

许多搜索引擎根据页面对移动设备的友好程度对页面进行排名。确保点击目标足够大,并且彼此相距足够远,可使您的页面更适合移动设备并更容易访问。

Lighthouse 点击目标审计失败的原因

Lighthouse 会将点击目标太小或相距太近的页面标记出来:

显示大小不合适的点击目标的 Lighthouse 审计

小于 48 像素 x 48 像素或间距小于 8 像素的目标不能通过审计。审计失败时,Lighthouse 会将结果列出在一个三列的表格中:

点按目标大小不合适的点击目标。
尺寸目标的边界矩形的大小(以像素为单位)。
重叠目标哪些其他点击目标(如果有)相距过近。

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.

如何修复您的点击目标

**第 1 步:**增加过小的点击目标的大小。 48 像素乘 48 像素的点击目标永远不会审计失败。如果您有不应该以更大尺寸显示的元素(例如,图标),请尝试增加 padding 属性:

大小适当的点击目标
使用 padding 使点击目标变大而不改变元素的外观。

第 2 步: 使用诸如 margin 的属性增加距离太近的点击目标之间的间距。点击目标之间应该至少有 8 像素的距离。

资源

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.