SEO与SSR

**
什么是SEO,什么是SSR
**
1.概念------什么是SEO：
   SEO（Search Engine Optimization）是指搜索引擎优化，是一种通过优化网站结构和内容，提高网站在搜索引擎中的排名，为网站增加有机流量和提高曝光度的技术和方法。
  搜索引擎是人们获取信息的重要工具，用户通常在搜索引擎中输入关键词来寻找特定的信息。SEO 的目标是让网站在搜索引擎结果页（SERP）中排名靠前，尽可能出现在用户搜索的相关关键词结果中。
2.概念------什么是SSR:
  SSR（Server-Side Rendering）是指服务器端渲染，是一种网站或应用程序的渲染方式。与传统的客户端渲染（CSR，Client-Side Rendering）不同，SSR 在服务器上预先将网页内容渲染成静态 HTML，并将其发送给客户端，客户端收到后直接展示给用户。这样做的好处是可以提供更好的首次加载性能和对搜索引擎的友好度。
3.SEO的优缺点：
  *优点：
  （1）关键词研究：通过分析用户搜索行为和关键词竞争情况，确定适合网站的关键词，将其应用于网站的内容、标题、URL 等位置。
  （2）网站优化：优化网站的结构、代码和内容，使得搜索引擎可以更好地理解网站的主题和内容，并提供更好的用户体验。
  （3）内容优化：创建高质量、有价值的内容，并结合适当的关键词使用，以吸引用户和搜索引擎的注意。
  （4）外部链接建设：通过获取高质量的外部链接（backlinks），增加网站的权威性和可信度，提高在搜索引擎中的排名。
  （5）技术优化：优化网站的加载速度、移动友好性、安全性等技术方面的因素，提升网站的用户体验和搜索引擎抓取效果。
  通过综合考虑以上优化因素，网站可以更好地适应搜索引擎的算法，提升在搜索结果中的排名，从而增加有机流量，并提高用户的点击率和转化率。
  *缺点:SEO 是一个长期的过程，需要持续进行优化和维护。搜索引擎的算法会不断地更新和调整，同时竞争对手也在进行优化，因此持续的努力和跟进是保持良好搜索引擎排名的关键。
4.SSR的优缺点：
  *优点：可以解决传统 CSR 的一些缺点，例如首次加载慢、对搜索引擎的不友好等。使用 SSR 技术，可以提供更好的首次加载性能，使得网站可以更快地展示给用户，提高用户的体验；同时，由于搜索引擎爬虫可以直接获取静态 HTML，可以更好地理解和索引网站的内容，从而提高网站在搜索引擎中的排名和可见性。
  *缺点：需要注意的是，实现 SSR 需要合适的框架或库的支持，并且在开发和维护过程中需要考虑服务器端和客户端的同步问题。同时，由于 SSR 会增加服务器的负载和响应时间，需要确保服务器的性能和可靠性。
5.如何用SSR优化SEO：
  SSR 优化 SEO 的意思是通过使用 SSR 技术来改善网站在搜索引擎中的可索引性和排名。由于搜索引擎爬虫（search engine crawler）可以直接获取已经渲染好的静态 HTML，而无需依赖 JavaScript 的执行，因此可以更好地理解网站的内容和结构，并更容易对其进行索引。
具体步骤如下：
  （1）选择合适的框架或库：选择支持 SSR 的前端框架，例如 Vue.js、React 等。
  （2）创建服务器端渲染代码：在服务器端设置一个路由来处理 SSR 请求，该路由会处理客户端请求并生成静态 HTML。
  （3）在服务器端生成静态 HTML：使用框架提供的 SSR 相关功能，将网页组件渲染成 HTML 字符串，并注入相应的数据。
  （4）将静态 HTML 发送给客户端：将生成的静态 HTML 发送给客户端，客户端直接展示该 HTML，不需要再进行页面的渲染。
  （5）客户端激活：在客户端接管后，可以使用前端框架来处理用户交互和动态内容的更新。
6.补充：
  如果一个项目对SEO要求不高的话，可以选择SPA(单页面应用)，因为这样的项目的页面跳转是通过切换组件实现的，仅仅刷新局部资源，占用内存少，性能适配度高，但其不利于SSR对SEO的优化，因此要慎重考虑!
  如果一个项目对SEO要求较高，那就可以采用MPA(多页面应用)，但是这样的项目每次切换页面都要刷新加载整页的css,js等资源，会给服务器造成一定的负担。

本人还处于学习阶段，如有不对的地方欢迎大家批评改正(抱拳)!