腾讯智能化小流程增设页面此基础重要信息

为什么要进行页面此基础重要信息增设?

智能化小流程被搜寻引擎正常收录于的前提是 Web 化，Web 化后小流程将以普通页面的形式被食腐发现和截取，因此页面此基础重要信息的增设非常重要，能提升小流程在搜寻中的收录于和展现出结论。

页面此基础重要信息都包含什么？

页面此基础重要信息主要包括副标题、全文、Keywords 等重要信息。这些页面此基础重要信息文本，会影响到小流程在搜寻结论页中的呈现形式，需要开发人员进行符合搜寻要求的增设。

（1）副标题：能更为快速洞悉页面文本，了解该结论与需求的有关性，通常是用来决定采用者点选哪个结论的主要重要信息。所以，采用高效率的页面副标题对小流程来说非常重要。

（2）全文：小流程主页、版块页、分类页的全文非常重要，因为有可能在搜寻结论中直接被采用者看到，影响到采用者是否选择点选查看详细情况：

（3）Keywords：小流程开发人员给中文网站某个页面设定的词语，以便让搜寻引擎更好地理解页面价值。keywords 代表者了小流程主题文本，无论是主页、封底还是版块页，URL一般都代表者的是现阶段页面或者版块文本的主体。开发人员根据实际情况增设即可。

    由于每个页面此基础重要信息和页面文本强有关，提议先透过 swan.request 请求开发人员 server，由开发人员 server 回到有关重要信息，再透过页面此基础重要信息的 API 增设到页面中。

页面此基础重要信息实用性形式swan.setPageInfo

    setPageInfo USB目前只针对腾讯 App 开放采用。

实用性页面此基础重要信息的USB，目前在 Web 态标识符和珍藏里会被采用；小流程页面被珍藏时，会加进 setPageInfo 中增设的页面副标题。setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护，推荐采用 setPageInfo 。

采用表明：setPageInfo 可于 Page 的 onShow 开发周期中采用，若页面此基础重要信息是从其它开发周期触发器获取，则提议以变量形式储存该统计数据并在 onShow 中初始化 setPageInfo 传递该统计数据（参见标识符实例 2）。原因是：在 onShow 中采用能保证采用者前进退后时都初始化 setPagInfo 预览页面此基础重要信息。若在 onLoad 或其它开发周期中采用，则采用者退后后因不会再次执行 onLoad 导致页面此基础重要信息难以预览，比如从 pageA 重定向 pageB 再回到 pageA 时，页面的此基础重要信息难以获得预览。

解释：智能化小流程可网络连接腾讯搜寻和寄主 App 重要资金流，swan.setPageInfo 负责为小流程增设各类页面此基础重要信息，主要包括副标题、URL、页面叙述以及图片重要信息、视频重要信息等。开发人员为智能化小流程增设完备的页面此基础重要信息，有助于智能化小流程在搜寻引擎和重要资金流中获得更为有效的展示和递送。其中 title 和 image 表头也增强了采用者添加页面珍藏的模版展现出和家访体验（采用者可以在小流程工具栏中珍藏现阶段页面，并透过腾讯 App “我的-常用功能-珍藏”家访已珍藏的页面）。

注意：仅在 Web 态搜寻情景下可自动预览 setPageInfo 效果。自动预览形式参见Nenon实例。

形式模块

Object object

object 模块表明

属性名     类型     关主     缺省     表明

title     String     是         页面副标题。

keywords     String     是         页面URL，多个URL之间采用英文双引号 “,” 分隔。

description     String     是         页面叙述重要信息。

releaseDate     String     否（如寄主 App 重要资金流则为关主）         原始发布时间（年-月-日 时:分:秒 带有或后零），如：2010-07-01 16:30:30。

articleTitle     String     否         文章【文本】副标题（适用于现阶段页面是图文、视频类的展示形式，文章副标题需要准确标识现阶段文章的主要重要信息点；至少 6 个字，不可以全英文。）。

image     String/Array     否（页面有焦点图，或者正文有图片时需要增设）         图片线上地址，用于重要资金流/搜寻等流量情景递送、采用者珍藏后的页面封面显示，展现出时有图片可提升采用者点选率。开发人员可针对一个页面增设最多 3 张，图片必须为页面内图片。单张图片最大 2M ；封面图尺寸：宽>=375px ，高>=250px ，图片宽高比例 3：2 为佳。多张图时，用数组表示。

video     Object/Array     否（页面存在视频情况下关主）         视频重要信息，多个视频时，用数组表示。

visit     Object     否         浏览重要信息。最低支持版本 3.40.6。

likes     String     否         点赞量，若页面未统计可为空。最低支持版本 3.40.6。

comments     String     否         评论量，若页面未统计可为空。最低支持版本 3.40.6。

collects     String     否         珍藏量，若页面未统计可为空。最低支持版本 3.40.6。

shares     String     否         分享量，若页面未统计可为空。最低支持版本 3.40.6。

followers     String     否         关注量，若页面未统计可为空。最低支持版本 3.40.6。

success     Function     否         USB初始化成功的回调函数。

fail     Function     否         USB初始化失败的回调函数。

complete     Function     否         USB初始化结束的回调函数（初始化成功、失败都会执行）。

video 模块表明

模块名     类型     关主     表明

url     String     是     视频地址。

duration     String     是     视频时长（单位：秒）

image     String     是     视频封面图

visit 模块表明

模块名     类型     关主     表明

pv     String     否     页面的浏览量（不去重采用者）

uv     String     否     页面的点选量（去重采用者）

sessionDuration     String     否     页面的采用者人均停留时长（单位：秒）

实例

    请在开发人员工具中，单击 “自动预览”，选择 “WEB 自动预览”。点选 “在浏览器中调试” 查看效果（注意，在 Web 态中查看 SEO 重要信息增设时，URL 中必须包含 query 模块 “_swebfr=0”）

图片实例

标识符实例 1

Page({

    onShow() {

        swan.setPageInfo({

            title: 晒元宵节活动红包，爱奇艺60张年卡、600张季卡等你拿！-腾讯贴吧,

            keywords: 腾讯,腾讯贴吧,好运中国年,60,晒元,宵节,

            description: 晒元宵节活动红包，爱..昨天的腾讯App元宵节活动中，共发出2亿现金红包、含151万个手气现金大奖和240辆红旗轿车，谁是好运锦鲤，快来分享！马上惊喜升级~摇中红包的锦鲤们即刻晒出红包金额截图，我们将会抽取660位好运锦鲤,

            articleTitle: 晒元宵节活动红包，爱奇艺60张年卡、600张季卡等你拿！,

            releaseDate: 2019-01-02 12:01:30,

            image: [

                https://c.hiphotos.baidu.com/forum/w%3D480/sign=73c62dda83b1cb133e693d1bed5456da/f33725109313b07e8dee163d02d7912396dd8cfe.jpg,

                https://hiphotos.baidu.com/fex/%70%69%63/item/43a7d933c895d143e7b745607ef082025baf07ab.jpg

            ],

            video: [{

                url: https://www.baidu.com/mx/v12.mp4,

                duration: 100,

                image: https://ms-static.cdn.bcebos.com/miniappdocs/img/image-scaleToFill.png

            }],

            visit: {

                pv: 1000,

                uv: 100,

                sessionDuration: 130

            },

            likes: 75,

            comments: 13,

            collects: 23,

            shares: 8,

            followers: 35,

            success: res => {

                console.log(setPageInfo success, res);

            },

            fail: err => {

                console.log(setPageInfo fail, err);

            }

        })

    }

});

标识符实例 2：

开发人员动态增设 swan.setPageInfo 表头

Page({

    onLoad() {

        this.requestTask = new Promise((resolve, reject) => {

            const requestHandler = swan.request({

                url: 开发人员服务器地址,

                header: {

                    content-type: application/json

                },

                method: POST,

                dataType: json,

                responseType: text,

                data: {

                    key: value

                },

                success: res => {

                    this.setData(data, res.data);

                    resolve();

                },

                fail: err => {

                    console.log(错误码： + err.errCode);

                    console.log(错误重要信息： + err.errMsg);

                }

            });

        });

    },

    onShow() {

        this.requestTask.then( requestData => {

            let res = this.getData(data);

            swan.setPageInfo({

                title: res.title,

                keywords: res.keywords,

                description: res.description,

                articleTitle: res.articleTitle,

                releaseDate: res.releaseDate,

                image: res.image,

                video: res.video,

                visit: res.visit,

                likes: 75,

                comments: 13,

                collects: 23,

                shares: 8,

                followers: 35,

                success: res => {

                    console.log(setPageInfo success);

                },

                fail: err => {

                    console.log(setPageInfo fail, err);

                }

            })

        })

    }

});

Bug & Tip

    releaseData 、 articleTitle 、 image 、 video 、 visit 表头用于寄主 App 重要资金流截取收录于递送，并有助于搜寻准确理解页面文本。

    title 表头用于搜寻截取现阶段页面，articleTitle 表头用于现阶段页面在寄主 App 重要资金流中的副标题展示。

    现阶段页面包含视频重要信息时 video 为关主表头， url 、 duration 、 image 为 video 的关主模块；如现阶段页面不包含视频重要信息，可不填写。

    现阶段页面包含焦点图或者正文图片时 image 为关主表头。

    现阶段页面能统计到采用者递送、互动和时长等统计数据时，visit 表头提议填写。开发人员可根据页面实际统计的情况完善 pv 、 uv 、 sessionDuration 、 likes 、 comments 、 collects 、 shares 、 followers 表头，若页面不包含以上表头时，可不填写。

腾讯小流程开发平台另一家好？中文网站制作开发公司？

详细情况见下面有关链接：

腾讯小流程开发制作公司，腾讯智能化小流程电商解决方案：开放腾讯全域千亿流量支持，赋能商家挖掘新流量洼地，提升购物咨询成交转化率