常见HTML优化代码讲解!

发布时间:2019-05-22 18:16:54
点击:
作者:风雪
来源:代代SEO

    大家可以这样理解,几乎所有的网站前端都是由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,会提升网页速度!


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效果,会造成网站的某些位置百度蜘蛛不识别,从而影响我们整站优化排名!


微信扫一扫赞助

    匿名评论
  • 评论
人参与,条评论