文章目录利用搜索引擎的规则提高网站的使用注意事项

　　文章目录利用搜索引擎的规则提高网站的使用注意事项

　　文章 目录

　　搜索引擎优化

　　利用搜索引擎的规则，提高网站与搜索相关的自然排名，调整优化网站的结构和内容，让搜索引擎（百度、谷歌等）更好地捕捉高- 质量 网站 内容。

　　搜索引擎工作流程

　　常见的 SEO 方法

　　对于url链接的标准化，使用restful风格的url和静态资源url。

　　注意关键词、描述、标题的设置；

　　h1-h6、a标签的使用

　　注意：Spider对javascript的支持不好，ajax获取的JSON数据无法被spider抓取

　　服务端渲染和客户端渲染什么是服务端渲染

　　服务端渲染，也称为SSR（Server Side Render），是在服务端完成页面内容的渲染，而不是在客户端完成页面内容的渲染。 SSR 并不是一种独特的前端技术。我们学到的JSP技术和Thymeleaf技术就是典型的SSR

　　服务端渲染的特点：

　　在服务端生成html页面的dom元素

　　客户端（浏览器）只负责显示dom元素的内容

　　什么是客户端渲染

　　客户端（浏览器）使用AJAX向服务器发起http请求，获取所需数据，开始渲染html网页，生成dom元素，最后将网页内容展示给用户

　　客户端渲染的特点

　　在服务器端，它只向客户端响应数据，而不是html页面

　　客户端（浏览器）负责从服务器获取数据生成dom元素

　　这两种方法的优缺点是什么？

　　客户端渲染

　　缺点：不利于网站做SEO，因为网站大量使用javascript技术，不利于搜索引擎抓取网页。优点：客户端负责渲染，用户体验好。服务器只提供数据，不关心用户界面的内容，有利于提高服务器的开发效率。

　　3） 适用场景：不需要SEO的系统，如后台管理系统，如电商后台管理、用户管理等

　　服务器渲染：

　　优点：有利于SEO，网站通过href URL将搜索引擎定向到服务器，服务器为搜索引擎提供优质的网页内容。缺点：服务器完成客户端的部分工作。通常，完成一个需求需要修改客户端和服务端的代码，开发效率低，不利于系统的稳定性。

　　3） 适用场景：需要SEO的系统，如门户首页、商品详情页等。Nuxt.js

　　移动互联网的兴起推动了Web前后端分离开发模式的发展。服务器只关注业务，前端只关注用户体验。比如流行的vue.js就实现了强大的前端渲染。但是，使用前端渲染技术开发有SEO需求的网页，不利于SEO。有没有使用vue.js前端技术实现服务端渲染的技术？

　　Nuxt.js 是一个基于 Vue.js 的轻量级应用框架，可用于创建服务端渲染（SSR）应用，也可作为静态站点引擎生成静态站点应用，代码优雅结构分层和热载荷等特性。

　　官网网站：

　　1） 用户打开浏览器，输入 URL 请求 Node.js 中的前端 View 组件

　　2）Node.js上部署的应用Nuxt.js接收浏览器请求，请求服务器获取数据

　　3）Nuxt.js 获取数据后进行服务端渲染

　　4）Nuxt.js 响应 html 网页给浏览器