Emlog熊掌号搜索结果出图改造代码教程

发布日期:2018-05-11 20:52:41 作者:冬镜SEO

  • 正文内容
  • 相关推荐
原创

2018年很多站长朋友都开通了熊掌号

但是如何能在移动搜索结果页面有精美的多张图片及内容组合的展现样式确难倒了不少新手站长

熊掌号搜索结果出图功能是非常吸引用户点击的,对增强移动端流量也是有些好处的

网上关于dedecmswordpress等程序的教程都不少

单单对emlog熊掌号搜索结果出图改造代码教程是几乎没有

今天主冬镜要讲下emlog织梦熊掌号搜索结果出图如何改造(附上图片)

Emlog熊掌号搜索结果出图改造

熊掌号搜索结果出图改造说明:

官方号接入只是移动端的内容页面

所以改造只需要对移动内容页面模版修改即可

对于普通移动站一般是H5页面或者WAP页面,也可能是自适应页面

我们先看百度熊掌号官方给出的代码为JSON-LD示例:

    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://uqseo.com/******",
            "appid": "1596002713017672",
            "title": "页面标题******",
            "images": [
                "https://uqseo.com/***/pic1.png",
                "https://uqseo.com/***/pic2.png",
                "https://uqseo.com/***/pic3.png"
            ], //请在此处添加希望在搜索结果中展示图片的url,可以添加1个或3个url
            "pubDate": "2017-06-15T08:00:01" // 需按照yyyy-mm-ddThh:mm:ss格式编写时间,字母T不能省去
        }
    </script>

冬镜解释一下上面有几个重要的字段:

        字段 - 字段名称 - 是否必须 - 释义

1、@context     -   环境         -         是 

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

2、@id - 当前网页的url    -

当前网页的url,url必须带有http、https等协议头

3、appid     -   应用id     -   

熊掌号ID

4、title     -   当前网页的标题    -   

标题,冬镜建议长度:20个字符以内

5、images[n]      -        图片    -   

搜索结果结构化图片展示仅允许以绝对路径提供1张图或3张图,图片必须出自落地页主体内容,且与其文本信息强相关

详情请见百度熊掌号搜索结果出图-合作要求

6、pubDate     -   发布时间    -   

内容发布时间格式为YYYY-MM-DDThh:mm:ss的日期时间(请注意日期与时间之间以“T”分隔)

改造后搜索就会显示如下图(冬镜这里只是用电脑演示的)

Emlog熊掌号搜索结果出图

emlog模版修改代码如下(可以放在header文件或者footer文件)

虽然百度官方说需要放在</head>之前

但是重庆SEO实测是成功的(用的本博客测试的)

<script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "<?php echo Url::log($logid);?>",
            "appid": "1596002713017672",
            "title": "<?php echo $site_title; ?>",
            "images": [
                "<?php echo $imgsrc;?>"
                ],
            "pubDate": "<?php echo gmdate('Y-m-d\TH:i:s', $date);?>"
        }
</script>
提醒一下,冬镜这里用的是只调用一张图片

如果你需要3张图片,就修改一下images的代码即可

毕竟冬镜考虑到很多文章没有三张图片,而且我也不太喜欢三图的样式

解释一下上面的代码

也就是站长你拿到手中只需要修改如下的部分就可以应用在你的博客中(emlog系统)

"appid": "1596002713017672",
将上面的ID改成你自己的熊掌号ID就行
"appid": "你自己的熊掌号ID",
好了今天的教程就到这里

如果你有什么不懂的可以评论区留言或直接咨询站长冬镜。

标签:

标题:Emlog熊掌号搜索结果出图改造代码教程

链接:http://uqseo.com/emlog/94.html

版权:若无特殊标注皆为 冬镜SEO 原创版权,转载请以链接形式注明作者及原始出处

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

3条评论
  1. avatar

    微盘宝 Lv.1 Chrome 63.0.3239.132 Chrome 63.0.3239.132 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    有没有网站百度搜素出图的教程

    河南省郑州市 联通

    1. avatar

      草丛有惊喜 Lv.1 Chrome 66.0.3359.139 Chrome 66.0.3359.139 Windows Windows 回复

      Emlog熊掌号页面改造优化冬镜能教我嘛

      重庆市 电信

      1. avatar

        引流小夸 Lv.1 QQbrowser QQbrowser iPhone iOS 11.3.1 iPhone iOS 11.3.1 回复

        emlog熊掌号改造有什么作用呢

        四川省成都市 QQ旋风离线服务器