改造苹果CMS，完成熊掌号搜索结果出图

去年上线的百度熊掌号是个什么东西，可以看这个视频了解一下：链接地址。

目前百度官方唯一承诺：只要是提交到熊掌号并被成功收录的URL，将同时被百度搜索引擎收录。博主测试了一下，确实如此。博主的一个新站，上线才数天，提交到熊掌号，收录了200多条URL，到百度站长平台查询，索引也是200多条。如果你想做一个新站被百度快速收录的话，可以考虑借助熊掌号。

当然熊掌号的作用不仅仅是加快网站收录而已。熊掌号相当于一个依托于手机百度APP的公众号，用户可以在手机百度里关注熊掌号，而熊掌号可以将网站的内容进行展示，如下图：

image

是不是类似微信公众号的阅读？这样增加了网站在百度信息流里的曝光，并为网站建立一个品牌。

不过想要网站内容在熊掌号里进行展示，还需要手动对网站进行改造才行，下面就以苹果CMS为例，讲讲如何进行改造。

先看看百度官方给出的示例代码及说明：

Markup

<script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://ziyuan.baidu.com/college/articleinfo?id=xxxx",
            "appid": "xxxxxxxxx",
            "title": "百度移动搜索落地页体验白皮书——广告篇2.0",            
            "images": [
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png",
                "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png",
                "https://m.baidu.com/static/index/plus/plus_logo.png"            ],
            "pubDate": "2017-06-15T08:00:01"
        }
    </script>

字段	字段名称	是否必须	释义
@context	环境	是	请保留 “https://ziyuan.baidu.com/contexts/cambrian.jsonld”，若需要校验数据的schema，则可替换为schema地址
@id	当前网页的url	是	当前网页的url，url必须带有http、https等协议头
appid	应用id	是	熊掌号ID
title	当前网页的标题	是	标题，建议长度：20个字符以内
images[n]	图片	是	搜索结果结构化图片展示，仅允许以绝对路径提供1张图或3张图，图片必须出自落地页主体内容，且与其文本信息强相关，详情请见 搜索结果出图-合作要求
pubDate	发布时间	是	内容发布时间，格式为YYYY-MM-DDThh:mm:ss的日期时间（请注意日期与时间之间以“T”分隔）

你希望哪些页面被熊掌号展示，就将代码放置在哪些页面。

首先添加熊掌号ID声明：

Markup

<script src="//msite.baidu.com/sdk/c.js?appid=xxxx"></script>

xxxx是你自己的appid。

接着添加canonical标签：

Markup

<link rel="canonical" href="当前页面url"/>

当前页面url，苹查cms可以用标签获得：http://www.你的域名.com[vod:link]。

然后按照示例代码来放置代码：

@context照抄就是了。

@id是这段代码放置页面的url，苹果cms可以用标签获得：http://www.你的域名.com[vod:link]。

appid填你自己的。

title也是标签获取：《[vod:name]》全集手机电脑在线观看/下载 - {maccms:name}

images也是标签获取："images": ["[vod:pic]"]，可以最多放三张图

pubDate也是标签获取：[vod:addtime]T08:10:21

代码放置好后，访问你的网站，查看源代码，将浏览器渲染之后的这段代码copy到熊掌号在线校验工具里校验一下，看看是否正确。

至此就完成了熊掌号搜索结果出图的代码改造，其他cms也是差不多。