企业站熊掌号结构化如何改造？（操作步骤/代码/图例）

时间：2023-08-15 07:03:01 | 来源：网站运营

时间：2023-08-15 07:03:01 来源：网站运营

企业站熊掌号结构化如何改造？（操作步骤/代码/图例）：粉丝100 不容易啊,第一次发文纪念.

• 熊掌号粉丝关注改造
• 帝国cms熊掌号结构化改造
• wordpress 结构化改造 JSON_LD 数据 改造 图例

网站的熊掌号页面改造分为粉丝关注改造和结构化改造。

粉丝关注改造

粉丝关注改造很简单不重点说了

2个东西 一个是添加熊掌号ID说明 一个是关注功能代码

熊掌号ID说明 每个页面都需要 所以推荐 头部模板 head 一般来说企业的头部模板是统一的。

那么很简单.只要在统一的头部模板添加js代码就行了。 注意 代码添加在 </head>前面

以帝国cms为例。

进入CMS 后台点击模板

点击公共模板变量

管理模板变量




需要注意的是 网站的内容模板 列表模板 首页模板 里面的 head 部分 是引用的 head变量标签 而不是自己直接定义 头部属性。如果是自己定义了头部属性。 那么变量head 就没有意义了。 需要在 首页模板 列表模板 内容页模板 的头部 head 标签前面 都添加 JS 熊掌号ID说明。

我以统一头部为例来操作步骤展示。

找到自己的头部模板并修改头部模板

我的网站在16年有过改版 所以定义了头部模板的名称是2016通用头部。

说是通用头部是通用了 列表页 内容页头部 首页的头部和内页不一样，为了区分所以在首页模板里面直接写入了head标签。

在</head>上面插入JS 我这里加了一个熊掌号ID注释 便于 程序员或者后面的工作人员理解和管理。




很简单。 保存 后 生成更新一下 网站的页面。

至于关注功能代码 也是一样的很简单。

由于代码位置不一样最后效果不一样。所以如果你为了简单

可以这样设置。

首页 和栏目页全部设置通用底部模板里面。

还有一个头部看情况。由于本身网站是资讯营销性网站 头部位置很重要 所以就用来咨询和电话 没有给关注了。

上面的代码是没有留边距的所以如果你加入的位置没有把空间留出来前端是没法展现的。所以特别注意。可以使用下面带了样式的源码。（注意）

好了，粉丝关注改造完成了。这一块比较简单。所以没怎么重点介绍。

下面是今天本文的重点

熊掌号页面结构化改造

熊掌号里面的文章和最后的推送效果是着重于移动端。

那么我么修改的就是移动端的模板。如果是自适应的网站 就直接修改内容模板。

应为是以文章为核心的展现。所以我们需要修改内容模板。

不多说上图。




我这边内容模板是4个 但是有效的是3个。

因为我的网站里除了资讯内容页面 我还设计了 问答类内容页面 和专家团队的内容页面

这些内容页 展现 形式不一样所以比较多。 所以修改的话 看自己意愿修改。

如果你的网站内容模板是单独的只用修改一个。

我以资讯内容页面为例。




熊掌号结构化改造 分为 2个部分 Canonical 标签 和 JSON_LD 数据

Canonical 标签

这一步分比较好解决。就是获取这个页面对应的PC地址，如果没有PC页，则填写当前页面地址。 比如自适应网站 就填写 当前页面地址。

那么问题来了 既然我以帝国CMS 为例 那么就是 告诉大家 用帝国CMS 标签来简单应对 结构化改造。

[!--titleurl--] 标签 指页面的url 有用帝国cms 采集功能的应该还记得。 在 添加 在采集 列表页面 标题 地址 区间 和 正则的时候 就是用 [!--titleurl--] 这个定义。

所以 <link rel="canonical" href="http://domian/[!--titleurl--]"/>

就能解决 当前页面url 的问题。

domian 即网站的域名 这里填写 PC 域名

这里有一个小修改。 如果你是自适应 那么 直接填你的PC首页地址就行 以我的站为例 www.hnkda.com.cn 就行 我的移动是 M.hnkda.com.cn

注意事项： 这个代码是插入移动端，移动端，移动端。 记着是移动端 别插入PC端了。

在移动端 添加Canonical 标签 注明对应的PC端url地址。

熊掌号结构化改造的难点在于JSON_LD 数据结构 。如果有尝试过应该知道 在时间格式哪里 莫名的恼火。

看看 JSON_LD 数据 改造要求

https://ziyuan.baidu.com/contexts/cambrian.jsonld”，若需要校验数据的schema，则可替换为schema地址

@id：必选字段，当前网页的url

appid：必选字段，熊掌号ID

title：必选字段，标题，建议长度：20个字符以内

images：可选字段，搜索结果结构化信息展示，仅允许提供0张，1张图或3张图，更多要求请见 结构化展现图片要求

description：可选字段，内容摘要：120个字符以内

pubDate：必选字段，内容发布时间

upDate：可选字段，内容更新时间，如内容为首次创建，请填写与pubDate相同的时间；

如页面是问答、论坛类，请填写用户可看到的第一个回答对应的时间

lrDate：可选字段，最新回复时间，如页面是问答、论坛类且有回复信息，请在此字段填写最新一条回复对应的时间




看时间格式 在日期后面又一个T接着时间

看看 帝国cms 自带的时间格式

分为 日期 时间 / 日期 / 时间

三种类型 其中 最接近的格式 日期+时间 中间是没T的。

回到最开始 一个标签一个标签来解决

可以参照我的设置来进行改造。

第一个 @ID 一样的当前页面的url 地址 前面说了 [!--titleurl--] 可以调用文章页面的当前url 所以 http://m.hnkda.com.cn[!--titleurl--] m.hnkda.com.cn 是我的移动端地址 所以我填这个。如果你的网站是 自适应就填 http://www.hnkda.com.cn[!--titleurl--] 同理 如果你的移动端是 3G 4G wap 的二级域名你就填对应的二级域名

appid 这个是熊掌号ID 在ziyuan.baidu.com 熊掌号 可以找到自己的ID 这里只用填 数字就行了。 http://ziyuan.baidu.com/xzh/commit/guide?appid=* *号 所代表的数字 就是你的熊掌号ID

title： 标题 直接填 [!--pagetitle--] 调用当前页面标题

images： 图片 熊掌号 支持图片展现数量 为 0 1 3 , 我这里用的是 [!--titlepic--] 标签

这个标签 使用 文章的缩略图 调用标签。 我这边每篇文章至少有一个图片而且缩略图是必须有的。 所以我只调用了缩略图 满足了 1 张图片的展现形式。 如果你不是每篇文章都有图片 那么 images 标签 你可以空着 这个 是 可选标签。 你空着 就是 0张图。

description ： 描述 页面文章的描述 我这里使用了组合标签。

[!--smalltext--] 标签 这个标签 在帝国cms 里面是 调用 文章简介部分。

即 图中 内容简介这部分。 所以 在编辑文章时 记得填写内容简介。

[!--pagekey--] 关键词 标签 调用 文章 撰写时 设置的关键词。

最后难点来了

pubDate： 内容发布时间

<? echo date("Y-m-d",$navinfor['newstime'])."T".date("H:i:s",$navinfor['newstime']);?>

上面说了 时间格式里面 有一个 T 很讨嫌.

为了实现这个效果

输出 时间标签里面的 日期 + T +时间标签里面的时间

['newstime'] 这个是时间标签 格式上启用

时间显示格式： 在 内容模板里面修改

最后看看 前端的 源码

以这篇文章为例。

提交的文章一般来说第二天展现。熊掌号抓取数据分析更新需要一天时间。

我这边是提交了PC和移动 成功收录的数据 只会是移动端地址。




写完了。 也不知道大家看懂了没有。

另外 附赠 wp 模板 熊掌号 结构化改造 代码

这个在图片选择 和 当前页面url 里面加了判断 感觉很巧思。

wordpress 模板的 可以参考。

图片来源：QQ好友 轻狂夏至 才20岁。 精通PHP 。让老年人的我汗颜。

还有不会熊掌号结构化改造的可以私信或者评论留言交流。