codecamp

适合主流CMS系统的代码优化方法3

网页<h>标签的常规优化方法

对单网页来说,头部三大标签优化完成之后,整个网页的代码优化就大致完成一半,其余一些重要的权重标签优化占到另外一半,比如<h>、<b>等。


<h>标签是所有权重标签中最重要的标签,它一共有6种样式,即<h1>至<h6>,这些标签在影响页面相关性方面逐级递减,如下图所示。

h1~h6标签

在实际的页面优化中,优化者应该将页面中最重要的内容加上<h1>标签,比如单网页内容区域中的标题;将网页中的主要段落标题、二级分类加上<h2>标签,如下图所示。

需要注意的是,对内容单网页来说,不建议采用过多的<h>标签进行标记。在通常情况下,<h1>出现1次,<h2>出现3、4次就足够了。<h3>可能偶尔出现在分类较细的网站首页,但是<h4>以后的<h>标签一般就没有运用的必要了。

h1标签

       其他标签优化

除了上述讲解的几个常用标签以外,还有一些其他的标签也可以适当地进行优化。比如:

— <font>标签:字体属性定义;

— <b>标签:粗体属性定义;

— <i>标签:斜体属性定义;

— <u>标签:下画线属性定义。

这些标签有各自的作用,在“自然”的前提下,可以适当地使用,以便让网页更有层次感,更能突出页面内容的重要性分级——但是这些标签一定不要在每一个单网页中都频繁出现,或者在任何一个标签中都加入几个关键词,这样的优化会造成关键词堆砌或者优化过度,效果往往适得其反。

      

适合主流CMS系统的代码优化方法2
主流CMS系统网页代码和标签优化实例
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }