搜索结果页的处理方法、装置、电子设备和存储介质制造方法及图纸

本公开提供了一种搜索结果页的处理方法、装置、设备和存储介质，涉及计算机技术领域，尤其涉及智能搜索技术领域。具体实现方案为：获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；对所述通栏结果和超文本内容页面进行合成；所述超文本内容页面通过采用所述响应结果中的搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到。本公开实施例能够实现沉浸式通栏效果。果。果。

【技术实现步骤摘要】
搜索结果页的处理方法、装置、电子设备和存储介质


[0001]本公开涉及计算机
，尤其涉及智能搜索
，具体涉及一种搜索结果页的处理方法、装置、电子设备和计算机可读存储介质。

技术介绍

[0002]搜索结果页(Search engine results page，SERP)是指搜索引擎对某个搜索请求反馈的结果页面。移动搜索引擎可以采用Hybrid App(混合模式移动应用)模式，搜索结果页中的头部通栏可以由客户端代码(即NA侧)实现，而搜索结果内容可以采用超文本5.0(HTML5，简称H5)承载。
[0003]在向用户提供搜索服务的过程中，如何生成、控制搜索结果页属于业内重要问题。

技术实现思路

[0004]本公开提供了一种用于搜索结果页的处理方法、装置、电子设备和存储介质。
[0005]根据本公开的一方面，提供了一种搜索结果页的处理方法，包括：
[0006]获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；
[0007]根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；
[0008]对所述通栏结果和超文本内容页面进行合成；所述超文本内容页面通过采用所述响应结果中的搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到。
[0009]根据本公开的又一方面，提供了一种搜索结果页的处理装置，包括：
[0010]通栏参数获取模块，用于获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；
[0011]通栏渲染模块，用于根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；
[0012]合成模块，用于对所述通栏结果和超文本内容页面进行合成；所述超文本内容页面通过采用所述响应结果中的搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到。
[0013]根据本公开的又一方面，提供了一种电子设备，包括：
[0014]至少一个处理器；以及
[0015]与所述至少一个处理器通信连接的存储器；其中，
[0016]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开任意实施例所提供的搜索结果页的处理方法。
[0017]根据本公开的又一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行本公开任意实施例所提供的搜索结果
页的处理方法。
[0018]根据本公开的又一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现本公开任意实施例所提供的搜索结果页的处理方法。
[0019]应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0020]附图用于更好地理解本方案，不构成对本公开的限定。其中：
[0021]图1a是根据本公开实施例提供的一种搜索结果页的处理方法的示意图；
[0022]图1b是相关技术中一种搜索结果页的割裂示意图；
[0023]图2a是根据本公开实施例提供的另一种搜索结果页的处理方法的示意图；
[0024]图2b和图2c均是根据本公开实施例提供的一种搜索结果页的结构示意图；
[0025]图2d是根据本公开实施例提供的一种原生图像层的结构示意图；
[0026]图3a是根据本公开实施例提供的又一种搜索结果页的处理方法的示意图；
[0027]图3b是根据本公开实施例提供的一种H5内容页面的下拉过程的示意图；
[0028]图4a是根据本公开实施例提供的又一种搜索结果页的处理方法的示意图；
[0029]图4b是根据本公开实施例提供的一种H5内容页面的上滑过程的示意图；
[0030]图4c是根据本公开实施例提供的另一种H5内容页面的上滑过程的示意图；
[0031]图5是根据本公开实施例提供的一种搜索结果页的处理装置的示意图；
[0032]图6是用来实现本公开实施例的搜索结果页的处理方法的电子设备的框图。
具体实施方式
[0033]以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0034]以下结合附图，对本公开实施例提供的该方案进行详细说明。
[0035]图1a是根据本公开实施例提供的一种搜索结果页的处理方法的示意图，本公开实施例可适用构建搜索结果页的情况。该方法可由一种搜索结果页的处理装置来执行，该装置可采用硬件和/或软件的方式来实现，可为客户端，即可为移动搜索应用中的NA(原生)侧。该装置可配置于电子设备中。参考图1a，该方法具体包括如下：
[0036]S110、获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；
[0037]S120、根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；
[0038]S130、对所述通栏结果和超文本内容页面进行合成；所述超文本内容页面通过采用所述响应结果中的搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到。
[0039]在本公开实施例中，移动搜索应用为NA+H5的混合应用，移动搜索应用中的客户端(NA侧)可以根据用户搜索操作发起搜索请求，移动搜索应用中的H5侧前端向服务端请求搜
索请求的响应结果，响应结果包括通栏参数信息和搜索结果内容，H5侧前端可以通过协议标签(例如iframe标签)将通栏参数信息传给客户端。
[0040]在本公开实施例中，搜索结果页可以包括通栏区域和搜索内容区域，并且搜索内容区域可以位于通栏区域的上层。通栏参数信息可包括通栏背景颜色信息、通栏图像的图像标识(例如图像url)等。客户端可以根据通栏图像的图像标识确定通栏图像，并根据通栏背景颜色信息和通栏图像对通栏区域进行渲染，得到通栏结果。并且，H5侧前端可以采用搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到超文本内容页面，例如H5内容页面。
[0041]具体的，客户端可以对通栏结果和H5内容进行合成，例如将H5内容设置为通栏结果的上层。在对通栏结果和H5内容进行合成过程中，可以将所述超文本内容页面的背景色设置为透明，得到搜索请求的搜索结果页，具体的，客户端还可以将H5内容页面的背景色设置为透明，例如可以通过执行预先为H5内容页面配置的CSS(Cascading Style Sheets，层叠样式表)样式，将H5内容页面的背景展示设置为透明效果，使搜索本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种搜索结果页的处理方法，包括：获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；对所述通栏结果和超文本内容页面进行合成；所述超文本内容页面通过采用所述响应结果中的搜索结果内容对搜索结果页中的搜索内容区域进行渲染得到。2.根据权利要求1所述的方法，其中，所述通栏区域包括原生背景颜色层、原生主颜色层和原生图像层；所述原生图像层用于根据所述通栏图像的图像标识进行渲染得到所述通栏图像。3.根据权利要求2所述的方法，其中，所述根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果，包括：采用所述通栏参数信息中的颜色信息，对所述原生背景颜色层和所述原生主颜色层进行渲染得到原生背景颜色和原生主颜色；采用所述通栏参数信息中的图像标识下载图像，且采用下载的图像对所述原生图像层进行渲染，得到通栏图像；合成所述原生背景颜色、所述原生主颜色和所述通栏图像，得到通栏结果。4.根据权利要求3所述的方法，其中，所述采用下载的图像对所述通栏区域中的原生图像层进行渲染，得到通栏图像，包括：在所述原生图像层为原生动效层的情况下，采用下载的通栏视频中的背景通栏图片对所述原生图像层进行渲染，得到背景通栏图片；在所述背景通栏图片上方播放所述通栏视频，得到通栏动效。5.根据权利要求1所述的方法，所述对所述通栏结果和超文本内容页面进行合成之后，还包括：获取所述超文本内容页面在下拉过程中的下拉距离；根据所述下拉距离，调整所述通栏图像的尺寸，使所述通栏图像跟随缩放。6.根据权利要求5所述的方法，其中，所述根据所述下拉距离，调整所述通栏图像的尺寸，包括：通过如下公式，确定通栏图像的调整比例：scale＝(imageheight+scroll)/imageheight其中，scale为通栏图像的调整比例，imageheight为通栏图像的原始高度，scroll为超文本内容页面的下拉距离。7.根据权利要求1所述的方法，所述对所述通栏结果和超文本内容页面进行合成之后，还包括：在所述超文本内容页面在上滑过程中的当前页面起始位置高于通栏隐藏位置阈值的情况下，控制所述通栏图像渐隐消失，且控制所述超文本内容页面的背景色恢复；在所述超文本内容页面在上滑回调过程中的当前页面起始位置低于所述通栏隐藏位置阈值的情况下，控制所述通栏图像渐现展示，且重新将所述超文本内容页面的背景色设置为透明。
8.根据权利要求7所述的方法，其中，所述在所述超文本内容页面在上滑过程中的当前页面起始位置高于通栏隐藏位置阈值的情况下，控制所述通栏图像渐隐消失，且控制所述超文本内容页面的背景色恢复，包括：在所述通栏图像为通栏动效的情况下，在所述超文本内容页面在上滑过程中的当前页面起始位置高于第一通栏隐藏位置阈值的情况下，控制通栏动效渐隐消失；在所述超文本内容页面在上滑过程中的当前页面起始位置高于第二通栏隐藏位置阈值的情况下，控制所述超文本内容页面的背景色恢复。9.一种搜索结果页的处理装置，包括：通栏参数获取模块，用于获取搜索请求的响应结果中的通栏参数信息；所述通栏参数信息包括通栏图像的图像标识；通栏渲染模块，用于根据所述通栏参数信息对搜索结果页中的通栏区域进行渲染，得到包括通栏图像的通栏结果；合成模块，用于对所述通栏结果和超文本内...

【专利技术属性】
技术研发人员：刘俊启，徐梓茹，陈雪姣，汪丽红，庄颖，李想想，王博通，刘瑞龙，徐修楼，李环宇，吴志殿，毛浩，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：