No1《SEO 的认识与理解

　　在信息化如此发达的时代，我们很多信息都是从互联网上去获取的，如何去获取？当然是利用搜引擎去查找我们需要的信息呗，常见的搜索引擎比如：百度、谷歌、搜狗等。但是很多时候的搜索结果可能并不是我们完全想要的，还需要进一步去筛选。为了解决这种窘境，很多网站，类似

　　在前端领域，现在很多网站都是使用框架开发的，比如我们常用的 Vue.js、React.js 等，里面大部分页面元素都是由客户端 JavaScript 动态生成的。很多搜索引擎在爬虫时只能抓取静态的 HTML 源码，而不会执行 JavaScript，因此动态生成的内容无法被爬虫获取。

　　除此之外，很多搜索引擎不会等数据加载完成后再进行爬取，这样也会导致我们网站的很多关键信息不能被完整的收录。

　　因此，服务端渲染（Server-Side Rendering）可以帮助我们实现 SEO，其原理是 SSR 可以在服务器上执行 JavaScript并渲染出完整的 HTML 页面，然后将其发送到客户端，这样爬虫在抓取网站时就能获取到完整的页面内容，从而提升 SEO 效果。

　　我们在产品设计阶段时如果需要考虑 SEO，可以选择一些比较成熟的 SSR 框架，比如对于 Vue 可以选择 Nuxt.js，对于 React 可以选择 Next.js。

　　Title（标题）：网站显示的标题，不仅仅用户会看到，搜索引擎通常会首先检索和收录 title 信息，一个好的 title 应该简洁明了，包含主要关键词。

　　以下是使用百度搜索引擎的结果，其中之一个是之前使用博客园时的网站名称，名称不是很大众化，所以能够搜索到；第二个是网易云，这个应该是除了使用准确标题名称，应该还做了其他 SEO（SSR等）

　　Description（描述）：网页内容的简短描述，通常在搜索引擎结果页中标题下方显示。描述应概述页面内容，包含相关关键词、并吸引用户点击。

　　Keywords（关键词）：网页内容中重要的词汇，反映了页面的主题和内容，每个关键字都应该有对应的内容匹配。

　　语义化是指使用具体有明确含义的 HTML 元素，搜索引擎在爬取网站时，也会更容易理解网站的内容以便进行收录，从侧面也能印证我们的网页更加的规范，这不仅利于 SEO，还能提高网页的可读性和可维护性。常用的语义化元素有：Header、Nav、Article、Footer 等。

　　图片要求必须加 alt 规范，在项目开发中，要求在使用图片时必须加上 alt 属性，一方面是图片无法正常加载时显示提示内容，另一方面也有利于 SEO 优化。

　　H1、H2、H3 等标题的正确使用，标题标签在 SEO 中也起着非常重要的作用。有助于搜索引擎理解网页内容的结构和层次，从而更准确地索引和评估页面的相关性。

　　robots 协议也称为爬虫协议/爬虫规则等，作用是来告诉搜索引擎网站的哪些页面可以抓取，哪些不能抓取。就是通过在 robots.txt 中定义规则。但是该协议没有强制执行力，搜索引擎依然可以完全忽略该文件进行内容爬取。常见的有知乎、网易云等

　　HTTPS 网站在搜索引擎中的排名通常会比非 HTTPS 网站更加靠前。因为HTTPS 提供了更安全的连接策略，搜索引擎倾向于优先展示安全可靠的网站。

　　此外，通过合理的内部链接和外部链接，也可以提升网站的 SEO 效果，增加在搜索引擎中的可见性和排名。

　　以上就是对 SEO 的认识，以及通过技术或非技术手段去提升网站在搜索引擎中排名的 *** ，合理使用这些 *** 可以让我们在获取信息或者提升个人网站知名度上有很大的帮助。