猖狂兔seo_小轨范简单纯真SEO优化

半个月前给客户做了一个老小程序的 SEO 的初步优化操持，合计费时约 2 天旁边，个中细节比较多， 这里举例两个比较主要，但是又不算难改的优化点。

大略可以测试为，分享出去的卡片，均可以直接打开（请务必测试是否登录，神坑）。

这里牵扯到两个问题。

第一个问题会牵扯到后端接口下发的内容，比如这样的场景：

后端下发了一个列表数据，各类缘故原由导致列表中就包含了点击列表后详情所要展示的所有内容，然后分享出去的是详情。
这种情形基本是一个分享一个炸，自然微信小程序的页面爬虫也是个个 GG。
这种情形就得前后端一起优化，独立一个 /x/detail 的接口，通过 id 等办法可获取详情的详情数据，并且把稳，分享页务必接口设定无需登录。

然后便是这个 id 之类的东西如何带进去，这便是第二个问题。

有时候可能会由于一些分外缘故原由在 localStorage 或干脆直接挂在 getApp() 实例内存上，临时储存上个页面的 key，然后下个页面出来后在 onLoad 中拿这个 key 去利用。
如果你有这个操作或者历史遗留问题，务必将其放不才个页面的 path 上，挂载在 query 后面。
缘故原由便是爬虫不会从上页面给你带内存数据，更不会验证本地缓存是否有效。

第三个问题也很常见，由于小程序 SEO 中有一条是能用 navigator 则用 navigator， 而很有可能 nav 的功能被你封装在了一个组件内，常见比如 card 类组件，其本身便是一个 view（记得换成 navigator）下包含了其他元素。
而点击操作之前可能是 bindtap 后根据组件携带的 item 打算出来的 path，而 item 是父级页面获取的接口 list 元素。
如果涌现这种情形，那么首先把组件的根 view 换成navigator，删除 bindtap 与相应事宜，给 navigator 的 url 属性写上 item.url（或类似），然后在父级页面获取 list 的地方，多一个步骤，把 list 给 map 一下，或者 forEach 一下，给 list 的元素分别加上 url，这个 url 的打算在这里直接进行即可。

这个就跟搜索引擎的站长提交链接地址一样，只不过这里提交的是小程序页面 path 与 query。
多的不说，直接 NodeJS 代码参考下即可。

/ 推送页面给微信 /function pushWeixinPages() { // 默认起始 ID let id = 0 // 这里放个本地文件保存上次推送的页面 ID，建议 ID 为数据库自增索引 // 本地保存是为了做事看重启不至于又来一遍 fs.readFile('./menu_id', async (error, menu_id) => { console.log(error) if(error) { // 如果本地没有记录文件，则新建一个从零开始 fs.writeFileSync('./menu_id', '0') } else { id = menu_id.toString() // 某页面数据库储存的数据 let push_sql = ` SELECT [selector] FROM [from] where [where] order by id; ` // console.log(push_sql) // 实行数据库语法，请自行封装 let ret = await util.sqlHandle(push_sql) // 推送的页面数组 let pages = [] ret.forEach(({ id }, idx) => { // 添加每一项进数组 pages.push({ path: '/pages/detail/index', query: `id=${id}` }) // 末了一项的时候，本地存一下进度 ID if(idx === ret.length - 1) { fs.writeFileSync('./menu_id', menu.id) } }) // 获取微信 access_token，请自行封装 let { data } = await local.get('/wx/access_token') // 推给微信 await axios.post(`https://api.weixin.***.com/wxa/search/wxaapi_submitpages?access_token=${data.access_token}`, { pages, }) // 其他，乐意的话可以做做安全判断 } })}

其他措辞参考处理即可，详细业务详细逻辑。

顺便提一下，以下几方面：

完事。