其实我们做SEO我们国内主要做的是百度，我们知道优化分为两个部分，一种是付费的（给百度money），一种是免费的。当然我们更注重免费的部分。
优化的方式主要分为：使用现代化SEO工具比如使用Nuxt框架做SSR渲染，还可以使用准确的TDK，使用语义化HTML元素和相关标签，编写合理的robots.txt文件，网站使用HTTPS，使用内部链接和外部链接，还有其他方式比如sitemap和响应式，还有网站导航等方式。
1.使用SSR渲染
在企业级的项目种，或者现在的新项目好多都是基于现代化的框架，就拿Vue和React来说，大部分页面都是SPA页面，原因是大部分页面元素都是通过Javascript动态生成的不利于SEO优化，
很多搜索引擎，在爬虫时只能爬取静态的HTML源代码，而不会执行JavaScript,因此动态生成的内容无法被爬虫索引，很多情况下搜索引擎不会等待数据加载完成只会再进行爬取，也会到账我们网站的关键信息不能被收录，我们需要用到Nuxt.js框架或者Next.js框架。
SSR能够在服务器上执行JavaScript并渲染出完整的HTML，然后将生成的HTML页面发送到客户端。这样爬虫咋爬取网站的时候就像获取完整的页面内容从而提升seo效果。如果在开发初期就计划对网站进行SEO的话，我们一般会采用比较成熟的SSR框架。对于Vue我们选择Nuxt.js框架，对于React我们则选择Next.js框架进行SSR服务端渲染。
2.使用准确的TDK
TDK就是我们常说的title,description,keywords.
Title也就是网站的标题，不仅仅用户会看到，搜索引擎会首先检索和收录title信息,所以title至关重要。title的长度一般不宜过长，多个关键词之间用“|”或者“-”分割，会被搜索引擎提取和收录。
Description就是对网页的简短描述，通常在搜索引擎结果页面标题下方显示，描述概述页面内容，包含相关关键词吸引用户点击。
Keywords是我们网页内容中的重要词汇，反应了页面的主题和内容,每个关键字都要有对于的内容匹配。虽然现代搜索引擎对关键词标签的重视程度已经降低，但是在某些情况下，合理使用关键词依然有利于SEO。
3.语义化的HTML元素，图片alt，h1，h2的合理使用
语义化的HTML代码和符合W3C规范是SEO的关键要素之一。语义化是指使用明确含义的HTML元素，搜索引擎在爬取网站时会更容易理解网站内容以便进行收录，从侧面也能映证我们的网页更加的规范而且这不仅有利于搜索引擎理解网页的内容，还能提高网页的可读性和可维护性。语义化标签包括Header,Nav,Adide,Article,Footer元素，这些都能帮助爬虫更好的获取页面内容，理解网页。
图片必须要求加alt规范，我们要求每个图片在使用的时候都必须加上相关的alt，一方面是在图片不显示的时候用户可以看到提示，另一方面也有利于SEO.
重要标签H1,H2,H3等的使用，这些标签在SEO中起着非常重要的作用，这些标签有利于搜索引擎更好的理解网站的结构和层次，从而更好的索引和评估网站的相关性。
4.编写合理的robots.txt文件
robots.txt是一个存放在网站根目录中的文本文件。其主要的作用是告诉搜索引擎爬虫哪些部分的网站可以被抓取（爬取）以及哪些部分不应被爬取.
为什么需要使用robots.txt
通过指示搜索引擎忽略不重要的文件和目录，可以让搜索引擎更专注于重要的内容爬取和索引.当然也可以避免一些敏感或私有内容被无意索引。所以如果网站不写robots.txt,可能会降低网站的SEO效率。因为搜索引擎花费更多的时间和资源在不重要的页面上。我们就比如CSDN和知乎
5.使用HTTPS
从2014年以来，Google将HTTPS作为其搜索排名的信号之一。这意味着HTTPS的搜索结果要比HTTP的搜索结果好很多，而且也对用户访问也更加安全，增加网站的信任度。
6.内部链接和外部链接
内部链接说的是指从一个页面到同一网站的另一个页面的链接。它可以提高网站导航，增强网站的权重，提升网站的索引。
外部链接是指从一个网站指向另外一个网站的链接。在网页中放合适的外部链接，也有利于提升网站的权重指数，容易被搜索引擎收录。
其中内部链接我们简称为内链，外部链接我们简称为外链。外链主要通过交换友情链接来获得。还有在权重高的网站上发帖子或者文章引流到自己的网站。
7.其他方式
当然我们还有其他一些方式，使用sitemap文件，网站导航，响应式处理等。都能在一定程度上提高网站权重。
有些企业还有SEO专员这个职位。配合我们程序员更好的进行SEO。这也就是在当年互联网兴起的时候，2017年左右那时候我们还有程序员鼓励师这个岗位。如今十年马上过去了，多少曾经的程序员进入了吉祥三宝。最后我们来看一下当年的鼓励师。
感谢大家观看
[...]回顾如何定义作用域链如何定义'作用域'？说明不同类型的作用域作用域链Scope Chain是JavaScript中的一个基本概念，它属于确定当前执行代码的上下文变量的查找和访问机制。在作用域的构建基于词法作用域的解构，即变量和函数的可见性由它们在源代码中的位置决定。在JavaScript中，每个执行上下文如函数执行上下文都绑有一个与之关联的作用域链。这个作用域就是一个包含多个环境记录Environ[...]
哈喽，你的SSL好像过期喽
@秋风于渭水 确实![[[微笑]]](https://www.xvzhu.cn/usr/themes/freewind/static/img/face/emotions/0.gif)
[...]不同的浏览器存在兼容性问题的核心原因是不同的浏览器可能使用的是不同的浏览器内核。在现代化开发中，大多数的浏览器兼容性问题是可以通过工程化中的配置选项来解决的。1.比如browserslist可以配置目标的浏览器或者Node环境，然后在不同的工具中起作用，比如autoprefixer/babel/postess preset env等，在进行了正确的配置后，开发的Vue或者React项目在进行打包时[...]
[...]在BFC中，box会在垂直方向上一个挨着一个的排布垂直方向的间距由margin属性决定在同一个BFC中，相邻两个box之间的margin会折叠(collapse)在BFC中，每个元素的左边缘是紧挨着包含块的左边缘的然后我们再看一下官方文档中如何说明的？总结BFC是什么？W3C文档讲：在标准流中，我们所有的盒子，不管是块级盒子还是行内盒子，它们都属于某一个FC格式化上下文，块级盒子属于BFC`块级格[...]
[...]什么是FC呢这里我们给出W3C给出的文档，FC文档FC的全称是FormattingContext，元素在标准流里面都是属于一个FC的。那么什么又是IFC，BFC呢？IFC行内元素的布局都属于Inline Formatting,inline level box都是在IFC中布局的BFCBFC英文全称是Block Formatting Context,也就是block level box都是在BFC中[...]
这确实是一个盲点，这个还是很有必要的，处理不好会导致网页内的元素出现抖动问题。
[...]我们知道，当浏览器在执行到script标签的时候，首先会停止构建DOM树，然后下载Javascript文件并且执行，当JavaScript脚本执行完毕之后才会继续解析HTML标签构建DOM树。为什么Javascript程序会这样做呢？原因是我们的Javascript的作用就是操作DOM并且可以修改DOM。如果我们等到HTML执行完成之后再去执行JavaScript就会造成严重的回流和重绘，尤其是现[...]
[...]async属性和defer属性目标一样它也是为了不让js阻塞DOM树的构建。不过他们两个还是有区别的。async让js脚本的下载和执行是独立的。浏览器不会因为async属性的script脚本的执行而阻塞，这一点和defer属性类似。然而async属性比较任性，只要脚本被浏览器下载完成之后就会立即执行，不会等待在DOMContentLoaded之前执行。所以它不能保证是在DOMContentLoad[...]
我热爱 旅游专栏。令人惊艳了解路线。