SEO优化是什么？

了解爬虫(搜索引擎)的运作规则调整网站，来实现提升网页排名给更多人看到的一种技术。

为什么要做SEO优化？

归于本质，利益至上，人无有我，人有我优。

前端了解SEO优化的优势？

1.SEO优化要求规范化HTML，无论是meta标签，还是a标签还是img标签，懂得SEO优化规范会在页面开发中下意识的注意这些。

2.SEO优化比较注重性能优化，无论是加载时间让用户感觉快到极致，还是动态交互增加用户留存。都是在增加前端的开发经验。

3.SEO优化知识和现在单页面，SSR密切相关，了解SEO优化能对公司产品架构有较大提升，比如2C【读 tu c ，意思是针对用户端的页面】需要采用SEO优化，2B【读 tu B，意思是针对企业端的用户，多为管理平台】需要避免爬虫，可以使用单页面+robots。

4.SEO优化对于前端来说技多不压身。

如何做简单的SEO优化？

SEO优化前端人员需要注意以下几点。

1.TDK如何规范化

TDK指的是网页里面的meta标签 title，keywords，description。

Title：很明显指的是标题，这个页面它是什么内容，他的名字是什么？B端大部分是产品经理决定。

C端还是可以优化。它的字数需要30个以内，因为超过30个，搜索引擎一般也显示不全。它的内容如何填写呢？最好采用 ABC_ABC_ABC_XXX的形式。

例如华策数科的标题：

简单的来说就是一种基于

智能决策引擎_风控管理系统_智能风控数据建模-华策数科

A：智能 B：决策 C：引擎

A：风控 B：管理 C：系统

A：智能 B：风控 C：数据建模

XXX：华策数科

这样无论是任何一个ABC都能组成一个词语比如1A2B3C 智能管理数据建模再比如3A2B1C 智能管理引擎。

keywords：中文翻译关键词，这个比较简单，将标题逗号分割就可以了，比如智能决策引擎,风控管理系统,智能风控数据建模,华策数科，有一个小细节，逗号要用英文输入法下的逗号

description：描述的话尽量将关键词揽括其中，如果有需要还可以将联系方式写在里面，字数最好在47个字以内，再多就会被省略。

2.主动添加百度提交代码(近期无效，可能百度已下架)

<script>
(function(){   
var bp = document.createElement('script');  
var curProtocol = window.location.protocol.split(':')[0];   
if (curProtocol === 'https')
{  
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';  
 }   
else {
 bp.src = 'http://push.zhanzhang.baidu.com/push.js';  
 }   
var s = document.getElementsByTagName("script")[0];  
 s.parentNode.insertBefore(bp, s); })();
</script>

类似的还有360引擎的提交代码 https://zhanzhang.so.com/

3.网页URL静态化

前端架构时可以注意URL路由的设定，比如

比如http://www.xxx.com/news?id=1 改为http://www.xxx.com/news/1.html，根据现在常用的框架也可以更改为http://www.xxx.com/news/1

比如这三个网址都能访问一个页面，我们前端需要一个新的标签，它的作用是以上三个路径都指向http://www.xxx.com/news/1

<link rel=”canonical” href=”http://www.xxx.com/news/1” />

4.C端的网页地址最好使用绝对地址 http://www.xxx.com/news/1

虽然现在智能引擎相对绝对都可以识别。但是权重总归是不一样的

5.css尽量外部引入，不要在htm中添加大量的css样式

如果你问我为什么。大部分人不都是不愿意提重物么

以下多倾向于内容方面

6.网站增加互动性，增加用户浏览时间

这个架构时可以和产品、UI沟通，在有百度统计和热力图的情况下，对于SEO优化是正向的。比如网站增加互动性：图片可以放大查看、文章点击查看更多、利用F形规则优化筛选框

7.每个页面都要有内容输出,定期优化文章与上传

如果有指定运维人员，或者自己维护,要及时更新内容

8.关键词密度每页20个

针对关键词，要注意在文章内容、页面内多次提及。

9.提升网页排名需要有标签页

因为标签页的内容含金量大，信息密集，对网页排名有较大提升，前端架构时可以注意