百度里看电视全屏看为什么无法返回

很多站长在“百度搜索资源平台”的移动落地页监测工具中发现部分有图片的页面,无法通过检测,提示:“该页面不符合移动落地页体验规范。”。具体的问题描述为:“您的页面可能存在,全屏查看后不可缩放/左右滑动的问题,影响落地……”,本文将介绍如何解决这个问题,让网页符合百度的移动落地页体验规范。

搜索落地页体验规范是什么标准?

通过这两份白皮书文件,我们发现:

  • 在白皮书4.0中明确规定:“详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。
  • 在白皮书5.0中也提到了:“详情页的主体内容在包含图片的情况下,图片应支持点击调起查看大图,点击返回,双指按捏放大缩小功能使用自如,在有多张图片的情况下,手势支持左右滑动,自由切换图片。

其中规定的图片要掉起大图、放大、切换等,是在主体内容中,一般指的是文章页的正文部分,如下图:

文章的正文部分区域示例

如何实现页面主体内容中的图片调起查看大图、缩放、切换等功能

其实就是为主体内容中的图片增加一个灯箱效果即可,不过并不是所有的灯箱效果都能符合百度移动搜索落地页检测标准的,经过一番筛选测试,发现  灯箱可以符合检测标准。Fancybox 3响应迅速、支持触摸且可自定义。

引入jQuery的js文件可自行到本地,然后引入,或通过以下代码从CDN节点远程引入:

在需要引入 Fancybox 3 灯箱效果的网页中,加入以下代码:

将需要加入 Fancybox 3 灯箱效果的图片标签修改成如下形式:

  1. ERROR : \’请求的内容无法加载。

打开主题的functions.php文件,添加以下内容:

完成以上步骤之后,只需要在WordPress发表/编辑文章的时候,将图片链接到“媒体文件”即可看到灯箱效果。

开启之前:您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地页
开启之后检测结果: 您的页面暂未检测出违反移动落地页体验的内容 ,具体规范还请参见。

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集搬砖整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请发送邮件给我们。敬请谅解!

我要回帖

更多关于 如何录制优质音频 的文章

 

随机推荐