欢迎访问长沙友点软件科技有限公司旗下产品友点CMS官方网站!
友点CMS

常见HTML优化代码讲解!

来源:友点CMS 日期:2019-10-15 16:57:17 属于:网络营销/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,会提升网页速度

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