SEO前端总结_9点前端优化_提升网页排名
2024-10-05 01:18:42
本篇文章基于前端总结了简单的SEO优化,让前端人员能简单的处理一些前端优化,掌握提升网页排名的SEO技巧
5561

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.提升网页排名需要有标签页

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