laravel 百度资源搜索资源平台MIP页面改造流程

laravel 百度资源搜索资源平台MIP页面改造流程。如何开发符合百度资源搜索资源平台官方号标准的网页.

1 MIP Bar（SuperFrame）的sdk 使用步骤

(1.1)引入寒武纪MIP组件的SDK

在页面<body>标签结束前添加如下代码

<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>

(1.2)使用寒武纪MIP组件

在页面<body>标签中最上部添加如下代码

<mip-cambrian site-id="官方号ID"></mip-cambrian>

site-id为用户的官方号ID，请填写正确的ID，否则无法正常展现。如，官方号ID为123456，则使用时为：

<mip-cambrian site-id="123456"></mip-cambrian>

2. H5Bar 的sdk使用步骤

(2.1)添加官方号SDK

用户在页面<head>标签中添加如下代码

<script src=“//msite.baidu.com/sdk/c.js?appid=xxxxxx”></script>

appid为用户的官方号ID，请填写正确的ID，否则无法正常展现。如，官方号ID为123456，则使用时为：

<script src=“//msite.baidu.com/sdk/c.js?appid=123456”></script>

(2.2)用户添加需要展现的bar (可选，如不需要可略过)

a.吸顶bar

如果当前页面已有吸顶bar：
用户在页面<body>标签中添加如下代码。比如标题后、正文段落之间

<script>cambrian.render('head')</script>

如果当前页面没有吸顶bar：
用户在页面<body>标签中最上部添加如下代码。比如标题前

<script>cambrian.render('head')</script>

b.文章段落间bar

用户在页面段落之间添加如下代码

<script>cambrian.render('body')</script>

c.底部bar

用户在页面<body>标签中文章结束位置添加如下代

<script>cambrian.render('tail')</script>

3 官方号页面需要添加canonical标签

<link rel="canonical" href="http(s)://xxx"/>

要求href的内容为mip页或h5页对应的PC页地址，如果没有PC页的情况，当前页面是mip页面的可以填写h5页面地址，如果也没有h5页面，可以不添加canonical标签；当前页面如果是h5页面，也没有pc页同样可以不添加这个标签。

3.1 官方号页面需要添加JSON-LD格式数据

JSON-LD格式示例：

<scripttype="application/ld+json">
{
       "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
       "@id": "https://zhanzhang.baidu.com/",
       "title":"百度站长平台_让网站更具价值",
       "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"
       ],
       "description": "全球最大的面向中文互联网管理者、移动开发者、创业者的搜索流量管理的官方平台。提供有助于搜索引擎收录的工具、SEO建议、API接口、多端适配服务的能力等。",
       "pubDate": "2017-06-06T08:00:01",
       "isOriginal": "0"
}
</script>