网站SEO的手艺选型及react后端衬着计划
简介
web网站在供给http页面拜候办事时能够分为后端衬着和前端衬着两种。
撑持SEO的凡是是后端衬着，因为搜刮引擎在爬虫拜候网页时需要及时获取网页内容停止内容抓取。
若是是一个前端衬着的页面，则内容需要在加载动态js并施行完脚本（如恳求后端捞取数据）才气衬着出来，那对搜刮引擎很不友好。
据说google的spider已经能够识别某些前端衬着的页面，一般来讲要想撑持SEO仍是后端衬着比力好。
后端衬着
在后端衬着（SSR：server side render）中，html是由后端办事器利用模板+变量数据的体例，用模板引擎衬着出来，如jsp里利用velocity，spring mvc里利用thymeleaf，django里的模板变量等。
长处：
页面拜候效率高，数据在恳求页面时就已经衬着好，便利做token验证
缺点：
前后端耦合，倒霉于前端同窗和后端同窗独立开发。好比jsp、thymeleaf的页面都放在后端，页面变量、css、动态逻辑都写在了页面里，若是前端同窗想对页面停止美化几乎是灾难。
前端衬着
用户拜候页面先获取一个固定的页面，然后由js拜候后端数据在前端停止数据衬着。现在十分火的react、vue、angular都是前端衬着框架，运行在browser端。
长处：
前后端耦合，便利独立开发，前端框架手艺选型自在
缺点：
页面展现效率低，不撑持SEO。
手艺选型
前端开发当然是利用react、vue等手艺要好，但是不撑持SEO，好纠结。
若是利用jsp、thymleaf、django等手艺又过分古老，前后端耦合的十分严峻。
笔者颠末各类测验考试最末选用的是next.js，一个基于react的后端衬着框架，能够利用react开发撑持SEO的网站了。
next.js
Next.js 是一个轻量级的 React 办事端衬着应用框架，基于node能够快速创建应用，集成相关框架（koa、semantic、antd等）十分容易。
官网：https://nextjs.org
文档：https://nextjs.org/docs/
评论列表