Article details

针对SPA网站的SEO方式探索-1

nano71.com
2024/3/22 15:31:28
0 comments
92 views

写在前面
之前Bing和Google一直不收录我的博客文章,但却收录了我另外一个SPA网站https://nano71.com/glutnn,很奇怪,但印象中记得知乎里有网友好像提到过Google和Bing的爬虫是支持SPA站点的,当时的我是以为META之类的没设置好

遂乱加一通:

屏幕截图2024-03-13212433.png

但这好像没啥效果。。。

尝试
因为这个blog站是用react写的嘛,随即去看react的SSR框架和vite:

但是
一开始便使用这些框架还好,如果是从SPA迁移将会花费大量时间,这根本划不来嘛
因为这些SSR框架需要node环境,你会遇到以下问题:

  • DOM/BOM 缺失:window is not defined,document is not defined,location is not defined 等
  • react-router不可用,替代的是routes目录式路由
  • equire() of ES Module not supported,因为SSR中cjs和esm混用,一些库如use-immer将不可用
  • 更多未知问题

所以我们应该换个思路,客户端这边难以迁移到SSR框架,为什么不试试服务端的无头浏览器呢???😳

nano71.com
2024/3/22 15:31:28
0 comments
92 views
Welcome to myBlog-site
Recent
Category
Guestbook
2026/3/10 16:11:31

解决 Dify 数据库插件连接 SQL Server 2008/2012 报错 DB-Lib error message 20002, severity 9

(pymssql.exceptions.OperationalError) (20002, b'DB-Lib error message 20002, severity 9:\nAdaptive Server connection failed (192.168.0.223)\nDB-Lib error message 20002, severity 9:\nAdaptive Server connection failed (192.168.0.223)\n') (Background on this error at: https://sqlalche.me/e/20/e3q8)

view
coverImage
2025/8/21 15:53:02

代码还原 Pinia 官网上的那个可以互动的小菠萝

眨眼 眼球跟随鼠标 一定时间鼠标不移动眼球归位

view
coverImage
2025/5/20 13:58:34

JDBC速成

JDBC(Java Database Connectivity)是 Java 官方提供的一套 API,集成在 java.sql 和 javax.sql 包中 JDBC 允许 Java 程序连接和操作各种关系型数据库,如 MySQL、Oracle、PostgreSQL、SQL Server 等

view
coverImage
2024/11/25 13:34:21

Node.js实现一个数据缓存服务器

需求场景 公司的数据服务器每次更新部署时,会有一个服务不可用的时间以及服务重新启动的时间,但如果恰巧这段时间有用户进行访问。。。当然,这只适应于非即时性的数据

view
coverImage
2024/7/18 19:30:34

Go的高并发实现:多协程和任务队列设计

前言 随着大学生活的结束,我入职了浙江的一家属于电气制造业的公司,岗位是数据分析,我算是暂时脱离了互联网这一行业,以后可能就很少接触Web开发了;把曾经对Web电子邮件系统中的性能优化的一部分抽出来记录下,也算在表达我对Web后端开发的一种敬意了

view
coverImage
2024/4/25 18:07:59

针对SPA网站的SEO方式探索-2

前言 针对SPA网站,本文将使用Nginx+Express+Puppeteer实现一个高效的SEO工具,大致的实现思路为:Nginx判断UA再进行代理转发,Express负责监听转发的请求,Puppeteer接到Express命令后启动一个无用户界面的Chrome对目标页面进行访问,等待目标SPA页面加载完成后,再返回完整的HTML给爬虫

view
coverImage
loading-GIF