与一般的 Web 网站一样，Web 化小程序还可以根据一些百度搜索引擎提升（SEO）方式获得更精确的关联性排行結果。
1.设定页面基础信息
如同在 H5 开发设计中，会在 HTML 中加上 title、meta description、meta keywords 标识，申明页面相关内容，小程序的页面信息申明根据设定页面基础信息完成。
页面基础信息包含页面的题目、引言、关键字、页面淘宝主图、資源发布时间等，下列仅详细介绍好多个关键信息，更多设置规定详细官方网文本文档《API - 页面基础信息》：
•题目（Title）：可以更为迅速洞悉页面內容，掌握该結果与要求的关联性，一般是用于决策客户点一下哪一个結果的关键信息。因此 ，应用高品质的页面题目对小程序而言尤为重要；
•引言（Description）：小程序主页、频道页、归类页的引言十分关键，由于有可能在百度搜索中立即被客户见到，危害到客户是不是挑选查看更多详细信息；
•关键字（Keywords）：小程序开发人员给网址某一页面设置的语汇，便于让百度搜索引擎能够更好地了解页面使用价值。keywords代表了小程序主题，不论是主页、内容页還是频道页，关键字一般都代表的是当今页面或是频道內容的行为主体。开发人员依据具体情况设定就可以；
•页面淘宝主图（Image）：页面中的行为主体图片详细地址，务必是页面中真正展现的与页面行为主体內容有关的图片。合理的图片叙述很有可能会在百度搜索中展现，给客户更形象化友善的感受，提高客户点击量。
页面基础信息根据小程序 API swan.setPageInfo 设定，应用实例以下:
Page({
onShow() {
swan.setPageInfo({
title: 'Win10操作面板在哪儿？怎么找出去-简单',
keywords: 'Win10操作面板在哪儿？win10控制面板,电脑应用,电脑上,手机游戏/数码',
description: 'Win10操作面板在哪儿？升級了Wi10系统发觉：电脑的【操作面板】不见了，教大伙儿如何把消退的【操作面板】找回家。',
image: 'https://example.com/myphoto.jpg'
...
});
})
);
大量详尽应用方法详细介绍见官方网文本文档《API - 页面基础信息》
页面基础信息的设定粒度分布是页面级的，因而强烈要求在 Page 的 onshow 生命期中启用，以确保每一次页面转换都能合理设置当前页的页面基础信息。
setPageInfo 在 Web 化的內部完成实际上便是将启用主要参数动态性设定为 HTML 标识中的 title、meta description、meta keywords 标识，及其合乎 The Open Graph protocol 的 meta 标识。 因而，如要调节启用 setPageInfo 以后，页面基础信息是不是设定取得成功，能够查验 Web 化页面3D渲染后的 HTML Element 中是不是取得成功设定了这好多个标识。Web 化页面浏览方式将在第二章节目录详细介绍。
例如上例中的设定結果以下：
<!DOCTYPE html>
<html>
<head>
<title>Win10操作面板在哪儿？怎么找出去-简单</title>
...
<meta name="description" content="Win10操作面板在哪儿？升級了Wi10系统发觉：电脑的【操作面板】不见了，教大伙儿如何把消退的【操作面板】找回家。">
<meta name="keywords" content="Win10操作面板在哪儿？win10控制面板,电脑应用,电脑上,手机游戏/数码">
<meta property="og:description" content="Win10操作面板在哪儿？升級了Wi10系统发觉：电脑的【操作面板】不见了，教大伙儿如何把消退的【操作面板】找回家。">
<meta property="og:image" content="https://example.com/myphoto.jpg">
</head>
<body>...</body>
</html>
swan.setPageInfo 中设定的字段名除开在连接当然检索情景下能被采用，在连接百度搜索信息流中也具有尤为重要的功效，详细官方网文本文档 《信息流流量接入》
此外，swan.setPageInfo API 不但用以在总流量连接情景下的页面內容申明，在手机客户端小程序完成中，页面基础信息也会被作为页面共享、页面个人收藏时的引言信息。
2.连接自动跳转
页面中连接自动跳转对网络爬虫百度收录有很重要的使用价值。 针对一般 H5，页面自动跳转的方法一般有二种：a标签自动跳转window.location.href取值方法自动跳转。前面一种立即设定在 HTML 标识中，发觉高效率和精确性相较后面一种友善许多 。
同样，在小程序中，设定页面自动跳转的方法相匹配的也是有二种：
•navigator 部件，标识式申明
•导航栏类 API，根据客户恶性事件等方法开启启用
为了更好地合理的被网络爬虫发觉，大家强烈要求在两者都能满足需求的状况下，应用 navigator 部件的方法申明连接。
☑ 强烈推荐自动跳转实例：
<navigator url="/pages/detail/detail">点此自动跳转</navigator>
☒不强烈推荐自动跳转实例：
<button bindtap="jump">点此自动跳转</button>Page({
jump() {
swan.navigateTo({
url: '/pages/detail/detail'
});
}
...})
3.防止应用 webview 部件
为了更好地便捷小程序开发设计，许多 开发人员会挑选根据 webview 部件嵌入 H5 页面的方法完成小程序。 应用 webview 部件嵌入方法完成的小程序针对网络爬虫爬取不是友善的。因而，我们不强烈推荐应用这类方法开发设计小程序。
4.游人方式兼容
因为网络爬虫的浏览自然环境沒有账户登录仿真模拟，在一切页面都将以游人方式浏览（游人方式下启用 swan.login 会实行 fail 回调函数）。因而，开发人员期待百度收录的页面，应考虑到对游人方式的兼容。针对无客户信息依靠的页面不加上强制性登陆的逻辑性，客户信息获得不成功时依然展现合理內容。
比如： 在一个博客网站的博闻页，仅有评价作用必须在账号登录态进行。那麼当在未登录态浏览该页面时，应当一切正常展现文章内容行为主体，仅在客户点一下评价时再规定登陆。并非在页面进到时就强制性登陆才可一切正常访问 。
5.防止页面间浏览次序依靠
因为小程序一般露出通道较集中化，例如事后页面都总是根据主页自动跳转浏览，小程序开发人员一般非常容易忽视页面中间浏览的自觉性，导致页面完成逻辑浏览途径过度藕合的状况。比如： 在主页要求数据信息信息后，根据 setStorage 储存当地，并在自动跳转二级页时载入 storage 中储存的数据信息，不做一切判空解决立即展现。
考虑到 Web 化小程序被网络爬虫爬取的状况，每一个页面全是单独通道浏览的。因此 ，应当防止这类藕合浏览次序的书写，加上必需的兼容解决。 能够在小程序开发设计过去进行时，根据独立浏览每一个 Web 化页面的方法查验是不是符合规定。
编码实例:
主页：
Page({
onShow() {
swan.request({
url: 'https//example.com/api/data',
success: function (res) {
...
swan.setStorageSync('remote-data', res.data);
}
});
}
});
二级页：
// badPage({
onShow() {
let data = swan.getStorageSync('remote-data');
this.render(data);
}});// betterPage({
onShow() {
let data = swan.getStorageSync('remote-data');
if (!data) {
swan.request({
url: 'https//example.com/api/data',
success: function (res) {
...
data = res.data }
});
}
this.render(data);
}});
