为您提供网络推广全方位解决方案
关注微信
扫描加发哥SEO好友
咨询电话15916222617
首页 > 知识分享 > SEO知识分享 > SEO代码攻略 >

学会封装CSS,提升SEO优化排名得分

发哥 07-21 60

在SEO优化过程中,我们一定会遇到,有些网站会将CSS直接写在页面上。这样做有什么不对吗?今天发哥SEO很认真的跟你说,这样做会直接影响到关键词排名的。搜索引擎是一个奇怪的机器人,它喜欢干净整洁的页面。而CSS的出现会让整个页面变得像垃圾场一样。所以,直接将CSS写在页面上,搜索引擎非常不喜欢,会给该页面扣分的。那怎么办?今天发哥SEO跟大家分享学会封装CSS,提升搜索引擎喜欢。

什么是CSS?

CSS是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。对于零基础的同学来说,理解起来有点困难。简单一点说,CSS就是用来装饰我们网站展现样式的。主要是对着网页中的元素进行精准控制,比如一个轮播图多高多宽,都是用CSS来指定宽度的。一个页面上出现很多个框或字与字之间的间距等等,这些都是由CSS控制的。

什么类型CSS需要封装呢?

相信很多小伙伴们都看到过这样的网站

这样的CSS需要封装起来

这样的CSS需要封装起来2

以上这类型的网站都是需要进行CSS封装的,相信大家都能看到,这些很影响网页的美观。正常的网页都像下面的图一样。大家可以参考一下:

这样的页面比较干净CSS都封装起来了

以上图中这些代码都是非常干净的,不存在多余的东西在上面展现。这就是今天要跟大家分享的封装CSS。

如何进行CSS封装呢?

步骤一:先建一个空白的文档,将文件命名一个自己记得住的名字,同时将后缀名改为:.css,例如:index.css;

步骤二:打开空白文档。可以用代码编辑器来编辑,也可以用TXT文档来编辑。这里建议用代码编辑器来编辑;

步骤三:将页面上的CSS剪切下来,放在刚刚新建的空白文档处。这里注意一下,剪切样式的时候,一定要注意样式前面那个点。不要漏掉了。同时,还有一个style这个,不要复制进来;

CSS封装时注意事项

步骤四:引用CSS。引用刚刚剪切下来的样式,引用到当前页面。亦可以引用到公共加载。这里注意一下,引用的时候一定要在<head> </head> 内引用。技巧:复制前面已经在引用的那段代码。然后将最后的文件名修改成刚刚自定义的文档名。这里需要修改头部或首页的页面代码。具体是看封装哪个页面的CSS的,如果直接公共引用的话,只修改头部代码即可;

这里是引用CSS文件的代码

步骤五:将刚刚新建的文档,确定内容正确后,保存,上传至服务器空间对应的路径下面。上传到这步的时候,已经大功告成了,下面我们只需要将页面更新即可。

轻轻松松的五个步骤就完成了CSS封装。这样即美观同时又能提升搜索引擎的友好度。赶紧去看看自己网站有没有需要优化的吧。如有任何关于CSS封的问题都可以来问我,页面下方和右边都我的微信号。

热门文章

推荐阅读

一站式解决企业搜索引擎(SEO)搜索问题

客户搜索不到您/业务?联系发哥SEO,现在联系免费分析搜索引擎问题,先分析合理再合作