浅谈SEO与前端的关系

        可能有人会想我一个做前端和SEO有什么联系么，答案是肯定的，前端页面设计和制作的好坏直接关系到SEO优化的性能，会严重的影响网站的排名，根据百度官方给出的说法，相关性是优化的一大要点，而前端的关键词布局，以及内部的链式调用，页面模型等会影响相关性，所以前端和SEO之间的联系是必不可少的。下面我为大家简单介绍几点关于SEO和前段的关系：

        1.前端中的网页模型对SEO优化有着密切的关系，一个良好的网页模型会带来很好的用户体验，且会更加容易被浏览器搜索到，一个良好的网页模型中对于关键字的使用场景，使用频率会有严格的控制，包括正在网页中的连接跳转，图片提示等，从不同的版块中对当前的内容进行友好的提示是SEO的一个要点。

         2.关于网页中的title和description也是前端优化的注意点，title：强调重点，最好不要超过两次出现，而且一般要写在网页的头部以便于浏览器搜索到，而description则需要注意的是将网页中的内容高度概括总结到这个里面，一般一个网页只有一个，且每个网页不要相同。

        3.重要的关键词要写在HTML标签中，因为浏览器解析网页是从上到下解析的，这样就有便于更快的检索到我们所需要的内容，同时像一些无关紧要的东西，比如广告，小图标等可以放在网页的下部，这样爬虫会优先去爬到关键的部位。

        4.符合W3C规范也是SEO优化最基本的一点，我们都知道网页的解析是浏览器通过一定的标准进行解析的，所以当我们的代码写的比较漂亮，符合规范时会更容易被解析到，比如一个文章一定要有他对应的标题，要去熟练的使用h1-h6标签，强调部分可以使用strong标注出来，一般来说网站首页的logo是在一个h2标签中被当做背景图片的方式去保存。

        5.SEO中禁忌用js去输出一些比较重要的东西，我们要知道爬虫是不会去爬到我们js中的内容，同时也尽量避免去使用iframe框架，搜索引擎抓取不到里面的内容，重要的东西都携带HTML中，不要写在框架中。

        6.在一些比较特殊的地方我们既要保证美观也要保住优化程度时，我们可以在标签上写上我们需要的文字，同时插入一个个性字体主题，通过css让我们的文字不会显示在网页中但同时又保存了我们所需的文字，例如logo的使用，以便于我们对网页的优化。

        7.css可以很好的对网页中的字体进行美化和优化，当我们不想让太多的字显示这样影响我们网页美观的时候我们就可以用css的overflow：hidden去隐藏多余的字，同时又可以被搜索引擎抓取到一举两得。

好啦，对于SEO与前端的关系今天就介绍这么多，当然除此之外还有很多的关联内容，总结来说两者之间的关系密不可分，也希望小伙伴们在今后的工作和学习中越来越好！！