前端seo优化

落日映苍穹つ 2021-09-18 06:16 455阅读 0赞

## 前端 seo 优化 ##

### 一、什么是seo优化： ###

*  SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好(Search Engine Friendly)，从而更容易被搜索引擎收录及优先排序从属于SEM(搜索引擎营销)。SEO的中文意思是搜索引擎优化。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和Google的排名提高，让搜索引擎给你带来客户。深刻理解是：通过SEO这样一套基于搜索引擎的营销思路，为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益

### 二、常见的简单优化 ###

*  代码内部优化：
    
     *  研究关键词：使用关键词搜索工具，选择搜索频率比较高的字眼
     *  少使用iframe标签，搜索引擎不会搜索到里面的页面
     *  规范使用语义化标签
     *  图片的标签，添加alt关键字进行描述
     *  根据内容的不同程度使用h1~h6标签
     *  尽量分为多个子页面，每个页面有独立的meta标签，进行TITLE，KEYWORDS，DESCRIPTION等的优化
 *  外部优化：（每天多添加不一样的网站排名比较靠前的外部链接）
    
     *  外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性
     *  外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
     *  外链选择：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

### 三、seo对vue页面的不友好 ###

*  爬虫在爬取的过程中，不会去执行js，所以隐藏在js中的跳转也不会获取到
 *  vue通过js控制路由然后渲染出对应的页面，而搜索引擎蜘蛛是不会去执行页面的js的，导致搜索引擎蜘蛛只能`收录index.html一个页面`，在百度中就搜索不到相关的子页面的内容。
 *  我们加载页面的时候,浏览器的渲染包含:html的解析、dom树的构建、cssom构建、javascript解析、布局、绘制,当解析到javascript的时候才回去触发vue的渲染,然后元素挂载到id为app的div上,这个时候我们才能看到我们页面的内容,所以即使vue渲染机制很快我们仍然能够看到一段时间的白屏情况,用户体验不好
 *  引起的问题
    
     *  收录的页面少了->被抓取的页面就少了->点击量之类的也就少了；
     *  不能对对应的页面做TDK(title, keywords, description)不同的配置，`每个页面的title和meta标签都是一样的`，不利于网络爬虫的爬取

###  ###