解决SPA的SEO问题(express-middleware-seo)

初识

express-middleware-seo
顾名思义,是一款在express之上的SEO中间件,原理是利用了Chrome无头模式。它应用于WebApp的渲染,使原本动态加载的内容可以被搜索引擎正确地抓取。

窥探

引用一张架构图,可以直白地解释这个工具的工作原理。

当express接收到来自某客户端的请求时,用UserAgent判断是否属于搜索引擎爬虫,并采用不同的内容输出。

用法

npm i express-middleware-seo

const express = require('express')
const path = require('path')
const app = express()
const { seoMiddleware } = require('express-middleware-seo')

app.use(
  seoMiddleware({
    enable: true,
    render: {
      useReady: true,
      renderTimeout: 10000
    }
  })
)

app.use(express.static(__dirname + '/static'))

app.listen(3000)

发表评论

电子邮件地址不会被公开。 必填项已用*标注