标签：元素 网页 网站 谷歌 width 收录 易用性 移动 设备

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

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。