前端开发--SEO优化

SEO优化是我们前端开发中非常需要着重了解的一个方面，因为很多公司都会有这个需求就是提升网站在搜索引擎中的排行，所以一定要在开发前先询问一下是否需要这点，这对我们后面框架的选择很重要！

SEO优化的方法如下：

1.也是非常重要的一点，最好不要使用单页面应用，如Vue，React，它们在SEO方面是非常非常差的，这也是单页面应用最大的缺点，不过要是你们的项目一定要有这两个需求，那你得多研究研究。也有基于它们的两个框架可以解决这样的问题，如Vue的Nuxt.js，React的Next.js

2.在每个页面的Head标签下的Meta标签进行设置合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可。

3.H5的语义化，符合W3C规范：语义化代码让搜索引擎容易理解网页

4.重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取

5.重要内容不要用js输出：爬虫不会执行js获取内容

6.少用iframe：搜索引擎不会抓取iframe中的内容

7.非装饰性图片必须加alt

8.提高网站速度：网站速度是搜索引擎排序的一个重要指标，爬虫不会一直在页面上等你加载