使用vue后怎么针对搜索引擎做SEO优化?( 四 )

你可以通过 beforeRender 和 afterRender 这两个钩子进行细粒化地控制 , 对于内容变化频繁的不缓存或缓存时间短 , 对于内容变化不频繁的设置长时间缓存 。开启缓存不仅可以加速返回时间 , 还可以减轻服务器的压力 。
统计和监控
统计和监控可以放在中间件的 afterRender 中进行 。
prerender.set('afterRender', function(err, req, prerender_res) { if(err){ // 这里是错误监控代码 // ... // return } let {headers: req_headers, originalUrl} = req let {headers: res_headers, body} = prerender_res // 这里是统计代码 , 可以保存请求和返回的相关信息})复制代码小结
通过以上的优化方法(除了自定义渲染结束时间和开启缓存) , 我已经将HTML的请求时间稳定在2.5s左右 。
总结以上就是我想讲的关于前端编码SEO的全部内容 , 总而言之 , 就是

  • 合适的HTML标签和属性
  • 合理的HTTP状态码
  • Sitemap & robot.txt
  • 合适的渲染方案
参考文章:
https://juejin.im/post/5d2d64f36fb9a07eba2c6f65




推荐阅读