1. 打开:https://search.google.com/test/mobile-friendly,进行移动设备适合性测试;
2. 输入你的网站 - 运行测试;
3. 查看结果。
1. 先在Google Search Console,就是我们常说的谷歌站长工具中验证网站所有权,也就是你的网站上有没有安装Google Search Console代码,确定您对该网站是否具有所有权;
2. Google Search Console - 增强功能 - 移动设备易用性
根据“移动设备易用性”报告提示来进行优化。
1. 使用了不兼容的插件
说明网页中可能包含了大多数移动设备浏览器不支持的插件(例如Flash)。
解决办法:删掉Flash,或者使用HTML5来代替即可。
2. 未设置端视口
网页未定义viewport属性,该属性用于指示浏览器根据设备屏幕大小来自动调整网页大小或缩放网页)。
解决办法:将下面的代码插入的
标签中即可。3. 视口未设为“设备屏幕宽度”
网页的viewport属性已设置固定的宽度,网页无法根据不同的屏幕大小来进行自动调整。
解决办法:采用响应式布局,网页根据不同的设备屏幕自动调整大小。
4. 内容宽度超过了屏幕显示范围
网页中的内容宽度超过了屏幕显示范围,需要拖拽横向的滚动条来查看网页中的内容,这说明网页中的某些元素设置了宽度的绝对值。
解决办法:使用响应式设计方法,将宽度设置为相对值,或者当屏幕小于某一宽度时,某些元素隐藏掉。如下示例:
5. 文字太小,无法阅读
字体太小而导致内容模煳不行,使用移动设备的用户需要“张合双指进行缩放”,才能阅读网页上的文字。
解决办法:和上面的方法一样,将下面的代码插入到
标签中。6. 可点击元素之间的距离太近
网页上的触控元素(如按钮和导航链接)间距过小,导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。
解决办法:适当增大按钮和导航链接之间的间距或者行高。
美好未来首创1对1项目负责制,项目经理专人全程负责。我们为您提供网站建设优化解决方案,互联网品牌建设与网络营销,设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量,挖掘精准客户,达到更高的销售指标。是您的企业提升产品销量最好的伙伴。