CMS系统常见HTML优化代码讲解!

添加时间:2020-07-13 09:52:45 阅读次数:725

大家可以这样理解,几乎所有的网站前端都是由HTML+CSS所组成的,而百度蜘蛛只能抓取前我们网站前端内容,即“HTML+CSS+文字+图片”所以我们的网站页面综合质量跟HTML+CSS代码有着绝对性的关系,百度判定一个页面的好坏,有很大一部门原因是通过HTML+CSS代码进行判定的。下面我们对HTML代码进行具体讲解!



HTML、CSS 和JavaScript三者的关系

HTML主要用于一个页面的文字布局,图片位置显示等,假如我们拿制造汽车来打比方的话,HTML就比如把所有的车架、方向盘、脚刹、发念头等等全部安装好。
CSS主要控制网页中的样式,好比字体大小,字号,边距,图片大小,等等,假如拿制造汽车来打比方的话,CSS就是给汽车喷漆,贴一些图案,这个时候,汽车的外观非常的漂亮!
JavaScript简称为JS主要控制网页之间的数据传递,一些动态效果的实现!好比动弹公告的动态效果、渐变图片的实现、幻灯片自动切换效果!假如拿制造汽车来打比方的话,JS就是实现汽车大灯开关的控制,方向盘的控制,发念头启动等等一系列配合的控制!
针对网页优化 HTML、CSS、JavaScript的留意事项!
首先我们来讲解HTML,为一个页面的布局,百度官方认可的布局方式就是“DIV+CSS”,不要用一些table之类的,或者其他框架进行布局,所以这一点一定要留意,框架布局一定按照官方的要求来!



DIV+CSS布局

我们再来谈CSS,一般而言,CSS都是被封装成*.css文件直接导入网页中,但是前端开发者特别喜欢封装成多个CSS文件导入,的确这种方式会利便治理,但是对于SEO就很不友好,会增加蜘蛛的无效抓取,同时也会让服务器同时执行多个css文件而降低页面打开速度,所以这里建议大家最好把css封装成一个完整的css文件,这个小细节,请大家要留意!
JavaScript对于网站的影响是最大的,由于JS代码一般来说都很长,执行过程中会把服务器拖得很慢,造成网页打开速度延迟的情况,同时百度蜘蛛不识别js文件,假如一个网站有太多js,会大幅度影响SEO的排名效果!下面是对应优化方法!
1、减少页面大量动态效果,或者替代其他功能模块
2、尽量把js文件合并,不要有多个js文件
3、把js文件放到网站最底部,先让网页加载出来,最后加载js,会晋升网页速度



TDK三大标签的优化!(title标题、description描述、keywords枢纽词)


title标题

title标签为网页标题,为网页中最为核心的标签,排名结果中直接显示的就是title标题,这个位置主要布局网站的核心词,切记要按照百度官方要求来,不要进行堆砌!也不要超过30个字,否则会自动躲藏,反而不利于SEO,另外title主标签的权重是从左到右计算的,所以我们要把主要的枢纽词放到最左边,让主要枢纽词在权重最高的位置,可以有效晋升网站核心枢纽词排名!


description描述

description描述主要是针对当前网页内容做一个简朴的描述,同样description也会显示到排名的结果中,可以给用户一个简朴的参考,让用户判定是不是自己所需要的内容页面!网站描述一般都需要重复核心枢纽词1-2遍,以晋升核心枢纽词的密度,可以有效促进核心枢纽词排名,另外描述最好不要超过150字。


keywords枢纽词

keywords枢纽词,用户是看不到的,主要是给搜索引擎看的,百度搜索可以通过keywords枢纽词来判定你网页重点描述的内容是什么。一般一个页面的枢纽词可以放1-5个左右,不要超过5个,也不可以堆砌,越天然越好,凸起网页重点即可!由于目前来说,keywords的权重值是比较低的,大家不要纠结这一块!



<h1>~< h6> 标签

一般而言,一个网页中常常会用到的标签只有< h1>、< h2>、< h3>这三个标签,由于百度很正视H标签,如何公道运用,百度会给我们网页增加相应的评分,可以有效晋升我们页面的排名。
<H1>标签一般泛起在页面LOGO,或者单个文章的主标题部门。一个页面只能有一个。
<H2>标签一般会用在网站栏目或者小标题标题部门。
<H3>标签一般用在侧栏小标题子标题部门。



<Strong> 和 <B> 标签

这两个标签都是页面文字加粗标签,主要用于文章内容的夸大,告诉搜索引擎我们这篇文章内容主要夸大的是什么,公道的夸大也会增加用户的体验度,同时也应用于段落标题的加粗,使文章层次更加公道,可以显著增加页面评分,有效晋升页面权重值,更加利于SEO排名!



标签的公道优化


title属性

a标签中的title="",这个标签在实际优化中是很重要的,根据html分值表中,每一个a标签的title属性都会为页面+1分,正常我们一个页面都会有20-50个a标签,所以如何公道运用titile这个属性,页面分值会增加良多!


nofllow属性

这是屏蔽链接权重的属性,主要为了给页面集权使用,防止页面权重流失,我们可以利用nofllow属性屏蔽页面中一些不需要排名的页面链接,好比“网站舆图、关于我们、联系我们、公司资质”等这类不需要排名的页面,会减少我们当前页面权重评分的流失,这个小技巧,也是可以有效晋升页面排名的!



SEO忌讳的三个标签flash、iframe、Table


Table页面布局

有良多人页面布局是用Table进行布局的,这种布局的方式长短常不利于SEO的,由于Table都是表格嵌套,百度蜘蛛抓取Table碰到多层表格,直接就跳出不进行抓取,所以可能抓取不到我们网站所有的内容,这对搜索引擎长短常不利的,所以大家在网页布局的时候,不要使用Table标签!


iframe嵌套标签

iframe嵌套标签主要是可以把一个页面的内容嵌套到另一个页面中,这种嵌套本身就不利于SEO,且iframe标签百度蜘蛛并不能识别,所以大家做SEO的时候也不要去使用iframe标签进行嵌套。


flash效果

flash可以是视频,可是是图片,可以是幻灯片,做出来的网站效果长短常美观的,但是因为flash文件体积较大,会严峻拖慢网页的打开速度,且百度蜘蛛根本就不能识别flash的内容,所以做SEO优化的页面千万不要由于美观度,而去使用flash效果,会造成网站的某些位置百度蜘蛛不识别,从而影响我们整站优化排名!