点击目标大小不当

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 像素的距离。

资源

Updated on 改进文章

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.