day11/下午/222-尚硅谷-尚融宝-Meta和SEO配置

好，那么在我们的纳当中呢，它有很多东西都是动态生成的啊，那么还有哪些东西可以动态生成的啊，比如说前面我们说到的啊，上微谷那个网站。稍等一会儿，还稍微有点慢，好我们访问到上维五的网站了，然后接下来呢，我们右键啊，查看网页的源代码啊，在网页的这个源代码里面呢，之前跟大家交代过，说为了啊便于搜索引擎优化，我们会有title啊，会有keywords呀，会有description呀这些内容对不对，配置在这个地方，那么大家可能会发现我们现在的这个网页呢，其实我们呢，并没有去给它定义什么head的部分的内容啊，也没有去定义是调描，就是这些框架级别的标签，那所有的页面呢，都是动态生成的，那么我们只提供了什么呀，我们只提供了模板，然后呢，剩下其他所有的部分的内容呢，都动态生成，所以那我们在什么地方啊，我们要做搜索引擎优化，那就这个东西之前我们说的特别重要，那这个总得有一个书写的地方吧，那在哪写呢？那那呢也考虑到这个问题了，它呢给我们提供了一个配置，在配置文件当中呢，有一些配置项是专。

能可以配置hadde标签部分的内容的啊，也就是说hide标签部分的内容不用我们自己写，我们通过配置箱配置就可以了，回头呢，它在所有的页面当中都会自动的追加上这个head标签，然后呢，把he标签里面的内容呢，显示在我们最终的也是填描当中，所以呢，大家看一下在我们的这个。啊，页面啊，在我们的这个项目当中啊，我们呢，创建一个配置文件。右键新建文件，这个配置文件呢，我们管它叫next nux.conig啊，然后JS，好，这个呢，就是我们的next的一个配置文件了，这个next配置文件呢，不需要大家会独立的编写，因为里面的配置项特别多，我们记也记不住，那大家呢，就掌握我告诉大家的这些核心的内容就可以了啊，我们平时用的也就是这些了，好，我们先来看第一部分的内容，就是呢，我就全转过来了啊，这个地方不要求大家写，这块呢，很明显配置的就是head标签里的内，那head标签里面呢，有title啊，有matter呀，有link呀，都可以通过这样的键来来做配置，比如说我们看到上微谷这个网站的还标签是不是有me呀，有title呀，有link呀，对吧？好，那我们就通过这些啊，不同的标签，把这些不同的内容给它配置进来，那么所以呢，在这个地方就看到title就是上用的。

然后Meta就是编码方案，然后呢，这个是针对啊这个诶就是那面移动端的啊，然后我们就不讲了，你要想自适应移动端的话，要设置这个东西，然后当然了，呃，页面当中的HTML，我们可能也要做这个自适应的匹配，所以这块咱不深入了，总之这块是兼容移动端的窗口显示的，然后接下来呢，这块就是配置的是keywords了，Keywords里面具体的内容你可以把它录入到这个位置啊，或者是编写在这个位置，然后再往下呢，就是啊description这个呢就相当于关键字了，这个呢就相当于描述了啊，那有的时候呢，这两个写成一样的也未尝不可啊，只不过这就是建议你这块呢，就写单词，用这个就就写这个单词就行，这块就写什么，这块就写句子就可以了啊，所以这块呢，是我们整个的这样一个内容，然后嗯，单词的话，单词的话这块我给它，嗯，就是keywords这块啊，这块我给他。

优化一下，就是QS这块呢，一般情况下建议大家都用这个顿逗号，把这个不同的内容给它分开，你看这个里面。

就是就逗号嘛，是吧，用逗号分开，这样的话，那个搜索引擎在爬取的时候，直接就把每一个单词作为一个分词了啊好，然后呢，我们用这个半角多好，这样写算标准一点啊，刚才那个写法不太严谨，好然后下面呢，就是一句话一句话你怎么写都行啊，然后上面呢，就是你把不同的名词用逗号分开啊，这个其实都是给搜索引擎看的啊好，我们就按照规则写就行了，这样的话呢，我们就创建了这么一个配置，然后呢配了这些东西，现在呢，我们来看一下我们这个页面啊，我们随便打开一个页面，然后看它的这个网页源代码，大家会发现在网页源代码当中，像title啊，还有刚才我们写的keywords呀，对吧，还有这面description呀，是不是就都自动生成在。这个位置了呀，好，然后另外呢，在下面这块还有一个link link很显然就是配置我们的啊，一些超链接的啊，比如说啊这个CSS啊，你看上回谷这的，比如说这里面有这个CSS对吧？啊CSS样式文件啊等等一些东西，那在我们这个里面呢，我配了一个这个这个当然你不配也行啊，因为这是默认的，默认它就是这样啊，所以这个东西配完了之后，相当于在浏览器的这个源代码当中添加了嗯，这么一行代码。

这个就是刚才那个配置生效了啊，这行代码呢，它明确的指定了我这个网站的标题，标题上面的这个小图标叫什么，在哪个目录下啊，如果默认情况下，咱们这个项目当中啊，我们没配这一行。换句话来说就是在这个地方我们并没有写这一行，那那它默认的这个小图标你就必须得放在static目录下，然后static目录下面必须得叫feel eo.ico就是这个目录的名字和文件的名字都不能换，但是如果你通过这个形式去配置了的话，那么我们就可以自己去去写这个啊，真正的。

这样的一个文件名和所在的目录名啊，但是大家要注意这个地方，它所有的静态资源文件啊，这个叫静态资源文件，必须放在static下啊，必须放在static下，你这个f echo你也不能放在别的地方，必须放在这个地方啊，所以呢，它这个杠指的是哪啊，指的是从static下开始，我找到fair ICO这个文件，明白哈，所以这块当然了，这块不太重要啊，大家了解一下它是干嘛的就行了，所以呢，它就会生成它了，那恰好我们用的都是默认的名字，所以呢，对咱们实际的页面效果呢，其实没有改变，但是做的确实是这件事情啊。好，这块呢，就是我们所说的配置，这块呢，指的是SEO相关的配置哈。