东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

帝国cms百度熊掌号改造方案案例说明

2018-05-27 站长 站长日志

 1,帝国CMS熊掌号H5改造

    注:全部在内容页模板改造
  一、添加canonical标签(必选)
  <link rel="canonical" href="http(s)://xxx"/>
  要求href的内容为mip页或h5页对应的PC页地址,如果没有PC页的情况,当前页面是mip页面的可以填写h5页面地址,如果也没有h5页面,可以不添加canonical标签;当前页面如果是h5页面,也没有pc页同样可以不添加这个标签。
  如图:

<link rel="canonical" href="http(s)://xxx"/>加在head里面
   有PC站 放PC站的路径
  帝国的应该写<link rel="canonical" href="http(s)://www.abc.com[!--titleurl--]"/>

二、添加Json_LD数据(必选)    

字段说明: @context:必选字段,结构化数据json-ld的schema地址,保持和上例一致
  @id: 必选字段,当前网页的url
  title:必选字段,展现在官方号首页中的标题,建议长度:20个字符以内
  images:可选字段,展现在官方号首页中的图文信息,如果字段存在仅允许提供1张图或3张图的数据
  description:可选字段,标明网页的内容摘要
  pubDate: 必选字段,标明网页的发布时间

帝国改造方案
  @id应该写  "@id": "http://m.abc.com[!--titleurl--]",
  title:”[!--title--]”
  images:[”[!--titlepic--]”]
  Description:”[!--smalltext--]”
  现在讲到重点了
  帝国cms对于时间的格式化这块不怎么重要
  于是我找到群里的以为帝国大神
  想了一个办法 来改造时间格式
  帝国pubDate格式化用
   "pubDate": "<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?>"
  其中newstime为文章的发表时间的时间戳
  <?=date("Y-m-d",$navinfor['newstime'])?> 为获取newstime字段的时间戳格式化成年月日

<?=date("H:i:s",$navinfor['newstime'])?>"为获取newstime字段的时间戳格式化成时分秒
  <?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?> 俩个加起来就可以为yyyy:mm:ddTHH:ii:ss



  三、添加关注功能代码(可选)
  首先加入官方号的SDK
  <script src="//msite.baidu.com/sdk/c.js?appid=你的官方号ID"></script>
  加在header里面



然后加入要展现的bar
吸顶bar <script>cambrian.render('head')</script>
  文章段落间bar <script>cambrian.render('body')</script>
  底部bar <script>cambrian.render('tail')</script>
  注意:上述三种bar在样式上没有预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。其中padding-left、padding-right为边距属性,可按需修改。
  顶部Bar <div "padding-left: 17px; padding-right: 17px;">     <script>cambrian.render('head')</script> </div>
  文章段落间bar <div "padding-left: 17px; padding-right: 17px;">     <script>cambrian.render('body')</script> </div>
  顶部bar <div "padding-left: 17px; padding-right: 17px;">     <script>cambrian.render('tail')</script> </div>  

H5改造结束
  2:帝国MIP熊掌号改造
  一、添加canonical标签(必选) <link rel="canonical" href="http(s)://xxx"/>
  MIP添加canonical标签跟普通添加canonical标签一样
  如图:    

<link rel="canonical" href="http(s)://xxx"/>加在head里面
   有PC站 放PC站的路径
  帝国的应该写<link rel="canonical"href="http(s)://www.abc.com[!--titleurl--]"/>

二、添加Json_LD数据(必选)

Json_Ld数据添加跟普通是一样的


字段说明:
  @context:必选字段,结构化数据json-ld的schema地址,保持和上例一致
  @id: 必选字段,当前网页的url
  title:必选字段,展现在官方号首页中的标题,建议长度:20个字符以内
  images:可选字段,展现在官方号首页中的图文信息,如果字段存在仅允许提供1张图或3张图的数据
  description:可选字段,标明网页的内容摘要
  pubDate: 必选字段,标明网页的发布时间
  帝国改造方案
  @id应该写  "@id": "http://m.abc.com[!--titleurl--]",
  title:”[!--title--]”
  images:[”[!--titlepic--]”]
  Description:”[!--smalltext--]”
  现在讲到重点了
  帝国cms对于时间的格式化这块不怎么重要
  于是我找到群里的以为帝国大神
  想了一个办法 来改造时间格式
  帝国pubDate格式化用
   "pubDate": "<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?>"
  其中newstime为文章的发表时间的时间戳
  <?=date("Y-m-d",$navinfor['newstime'])?> 为获取newstime字段的时间戳格式化成年月日
  <?=date("H:i:s",$navinfor['newstime'])?>"为获取newstime字段的时间戳格式化成时分秒
  <?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?> 俩个加起来就可以为yyyy:mm:ddTHH:ii:ss



三、添加关注功能代码(可选)
  首先加入官方号的SDK
  先引入官方号的mip-cambrian.js加在header里面

然后在body之后添加官方ID的标签
  <mip-cambrian site-id="你的ID"></mip-cambrian>  
  最后添加展现的bar   因为我的bar代码全部加在CSS里面的需要
  所以需要你们的开发加在样式里面

文章评论