全百科精品资源分享
免费优质资源下载平台

分享百度智能小程序web化之设置页面基础信息

智能小程序被搜索引擎正常收录的前提是Web化,Web化后小程序将以普通网页的形式被爬虫发现和抓取,因此页面基础信息的设置至关重要,能够提升小程序在搜索中的收录和展现结果。如何设置页面基础信息呢?

分享百度智能小程序web化之设置页面基础信息

分享百度智能小程序如何开启Web化能力

文章目录Web化开启Webweb基础发表评论百度智能小程序和其他平台最大的特点就是小程序可以web化成为网页的形式,便于百度搜索引擎的抓取里面的内容,也可以转变成网页,分享到其他平台,非常方便! We...

时间:2019/8/28 分类:技术交流 人气:40 评论:0

配置页面基础信息接口,目前仅支持 Web 化使用,推荐使用 setPageInfo 。

setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护。

swan.setPageInfo

建议在 Page 的 onShow 生命周期中使用。由于onShow 生命周期会在用户前进后退时触发,若数据来自 onLoad 等其他生命周期,建议使用变量形式存储并在 onShow 中调用 setPageInfo 函数。

解释:智能小程序可接入百度搜索和宿主 App 信息流,swan.setPageInfo 负责为小程序设置各类页面基础信息,包括标题、关键字、页面描述以及图片信息、视频信息等。开发者为智能小程序设置完备的页面基础信息,有助于智能小程序在搜索引擎和信息流中得到更加有效的展示和分发。

方法参数:Object object

object参数说明

参数名 类型 必填 默认值 说明
title String 页面标题
keywords String 页面关键词,多个关键词之间使用英文逗号“,”隔开
description String 页面描述信息
releaseDate String 否(入宿主APP信息流为必填) 原始发布时间(年-月-日 时:分:秒 带有前导零)
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 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

video 参数说明

参数名 类型 必填 说明
url String 视频地址
duration String 视频时长(单位为秒)
image String 视频封面图

visit 参数说明

参数名 类型 必填 说明
pv String 页面的浏览量(不去重用户)
uv String 页面的点击量(去重用户)
sessionDuration String 页面的用户人均停留时长,以秒为单位。

说明
1、releaseData、articleTitle、image、video 、visit 内容用于宿主 APP 信息流抓取收录分发,并有助于搜索准确理解页面内容。
2、title字段搜索抓取用于当前页面,articleTitle 字段用于当前页面在宿主APP信息流中的标题展示。
3、当前页面包含视频信息时 video 为必填字段,url、duration、image为 video 的必填参数;如当前页面不包含视频信息,可不填写。
4、当前页面包含焦点图或者正文图片 image 为必填字段。
5、当前页面能够统计到用户分发、互动和时长等数据时,visit字段建议填写。开发者可根据页面实际统计的情况完善pv、uv、sessionDuration、likes、comments、collects、shares、followers字段,若页面不包含以上字段时,可不填写。

示例

在开发者工具中预览效果

在 js 文件中

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: [
                'http://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://smartprogram.baidu.com/docs/img/image-scaleToFill.png'
            }],
            visit: {
                pv: '1000',
                uv: '100',
                sessionDuration: '130'
            },
            likes: '75',
            comments: '13',
            collects: '23',
            shares: '8',
            followers: '35',
            success: function () {
                console.log('setPageInfo success');
            },
            fail: function (err) {
                console.log('setPageInfo fail', err);
            }
        })
    }
});

swan.setMetaDescription

不推荐使用。

解释: 设置 web 版小程序 description meta 信息。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。

方法参数:Object object

object参数说明

参数名 类型 必填 默认值 说明
content String 需要设置的 description 内容
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例

在开发者工具中预览效果

在 js 文件中

Page({
    onShow() {
        swan.setMetaDescription({
            content: '当前小程序页面描述信息',
            success: function (res) {
                console.log('setMetaDescription success', res);
            },
            fail: function (err) {
                console.log('setMetaDescription fail', err);
            }
        });
    }
});

swan.setMetaKeywords

不推荐使用。

解释: 设置 web 版小程序 keywords meta 信息。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。

方法参数:Object object

object参数说明

参数名 类型 必填 默认值 说明
content String 需要设置的 keywords 内容
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例

  • 在 swan 文件中
<view class="wrap">
    <button type="primary" bindtap="setMetaKeywords">setMetaKeywords</button>
</view>
  • 在 js 文件中
Page({
    onShow() {
        swan.setMetaKeywords({
            content: '小程序, 关键字',
            success: function (res) {
                console.log('setMetaKeywords success', res);
            },
            fail: function (err) {
                console.log('setMetaKeywords fail', err);
            }
        });
    }
});
  • 在 css 文件中
.wrap {
    padding: 50rpx 30rpx;
}

swan.setDocumentTitle

不推荐使用。

解释:动态设置当前页面的标题。此方法为 web 版小程序专用方法,使用前需判断方法是否存在。

方法参数:Object object

object参数说明

参数名 类型 必填 默认值 说明
title String 页面中 title 标签中的内容
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例

在开发者工具中预览效果

在 js 文件中

Page({
    onShow() {
        swan.setDocumentTitle({
            title: '我是页面标题',
            success: function (res) {
                console.log('setDocumentTitle success', res);
            },
            fail: function (err) {
                console.log('setDocumentTitle fail', err);
            }
        });
    }
});
Download WordPress Themes
Download WordPress Themes Free
Download Nulled WordPress Themes
Download WordPress Themes
udemy free download
download samsung firmware
Download WordPress Themes
udemy free download

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 分享百度智能小程序web化之设置页面基础信息
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏