« 上一篇下一篇 »

H1标签应用技巧

很多网页设计师仅从美观的角度来考虑网站设计,而忽略了其设计会导致网站不被搜索引擎的收录效果。前几些天,一个朋友的网站拿来问为什么三个多月了网站还没有被搜索引擎收录,大致看了一下,无论从程序的构架链接还是从CSS运用等方面有大量的问题。通过一些修改,纠正了其中的H1标签,谷歌很快就正常收录了。

H1标签在同一网页上仅能用一次

在网页中,根据重要程度排序是这样的:TITLE >H1 >H2 >H3 >STRONG。H1一般用1次,H2一般2-6次,超过这种使用频率就要考虑一下网页设计规范了。而H1-PRE的字号要求一般是在浏览器默认字号H4(1em或16px)基础上乘以1.5或除以1.5,实际上很多网站都将1.5调整到1.2倍以适应合适的浏览效果。H1标签在网页中是仅次于TITLE的,在朋友的网站中,只要涉及到加粗的文字统一采用了H1标签,造成的结果是一个网页中存在着5-6次的H1标注。这种情况下,很容易被搜索引擎认为是优化过度或作弊。

H1标签在图片中的应用

有些人会认为:<h1><img src="http://www.newsunday.com/favicon.ico" alt="秦爱网志" /></h1> 就已经实现了对图片使用H1标签的作用,事实上搜索引擎对ALT中的标签并不太感冒的,H1标签的强调效果也就失去了作用。那么如何在图片引用中使用H1标签呢?

♦ 在HTML中使用

<div id="ico">

<h1><span>秦爱网志</span></h1>

</div>

♦ 在CSS中对H1定义

#ico h1

{

background: url(http://www.newsunday.com/favicon.ico) no-repeat

width:16px

height: 16px

}

#ico h1 span

{

display:none

}

通过上面的介绍,相信你对H1标签已经有了比较深的理解,如果你对H标签及影响搜索引擎收录的话题有不同的建议和想法,可以通过评论共同学习。

注:经实践证明,图片CSS处理方法可能会引起搜索引擎的处罚,请见秦爱后期的文章《慎用通过CSS对图片进行SEO