谷歌网站收录移动设备易用性有问题？

Google Search Console 中的工具与报告可以帮助您收录网站，帮助您衡量您网站的搜索流量和搜索排名情况、解决相关问题以及让您的网站在 Google 搜索结果中脱颖而出。

自检

移动设备适合性测试工具：https://search.google.com/test/mobile-friendly

使用了不兼容的插件

页面使用了Flash等插件，将Flash删除，或者使用HTML5来替代即可。

未设置视口

网页未定义viewport属性，只需要在网页头部增加如下一行即可。

文字太小，无法阅读

网页字体过小而，移动设备用户需要“张合双指进行缩放”，然后才能阅读这些网页上的内容。这实际上和上一个是同一个问题，网页只要定义了viewport属性，这个问题即可解决。

内容宽度超过了屏幕显示范围

网页需要横向滚动屏幕才能查看其中的文字和图片，在css中使用响应式设计方法，当浏览器宽度介于 0 像素和 640 像素之间时，使用适合移动设备的css，将宽度设置为相对值，或者将部分元素隐藏。CSS示例代码如下：

@media screen and (max-width:640px) {

#divMain {

width:100%;

}

#divSidebar {

display:none;

}

}

可点击元素之间的距离太近

网页上的元素(如按钮和导航链接)间距过小，导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。这个问题也可以使用响应式设计方法，在移动设备上增加行高即可，CSS示例代码如下：

@media screen and (max-width:640px) {

p {

line-height:150%;

}

}

标签：元素,网页,网站,谷歌,width,收录,易用性,移动,设备
来源： https://blog.csdn.net/zhang0558/article/details/121421500