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

Emlog · 重庆SEO ℃

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

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

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

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

单单对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模版修改代码如下(可以放在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熊掌号搜索结果出图改造代码教程

本文简介
  • 冬镜网

    欢迎提供优质原创内容投稿.

    原创投稿

  • 发布时间:2018-05-11 20:52:41

    原创作者:冬镜SEO

    文章分类: Emlog

    文章标签: emlog 熊掌号 搜索结果出图