软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 用H1标签来做个小小的SEO优化

用H1标签来做个小小的SEO优化

现在很多网站的LOGO显示的是图片,但是使用的却是H1标签! 后来自己看了下它的处理方法,分析了下,大家一起来看看吧!

CSS代码如下:

以下为引用的内容:
body.index h1 {width: 30%; height: 130px; margin-left: 0; background: url(/files/theme/branding-h1.png) no-repeat 50% 50%; text-indent: -9999px;}
body.index h1 a {display: block; height: 130px;}
xhtml代码如下:
以下为引用的内容:
<h1><a href="/" title="The Web Standards Project">The Web Standards Project</a></h1>

看出关键了吗?对,就是这里text-indent: -9999px;.

我们知道,text-indent是用来设置段落开头第一个字留白的位置,而这里设置成-9999px,很自然,在H1

width: 30%; height: 130px;

这样一个范围类,字就在显示区域之外,看不到了,而后就显示了它的背景url(/files/theme/branding-h1.png) no-repeat 50% 50%了,还有接下来就是a标签设置display:block;height:130px;我们的A标签就是一个块了,里面显示的是背景图片,点A标签的时候,就好象我们是单击的一张图片了.

那么这么做跟直接用img标签显示的图片的好处在哪里呢?

这个问题问得好,这么做是为什么呢?我想大家一定听说过写标准页它的另一个好出就是,对搜索引擎的友好.我们做关键字的时候,就是要看你写的关键字再你页面里出现的内容的次数.而搜索引擎目前还没有那么智能,主要还是搜里页面里的文本文字.而搜文本的优先级(我个人的看法),是先看你页面里的h1-h6标签,然后是strong标签.

因为H1标签和strong标签(默认)的字都是加粗的,表明在这个文章段落里面,这个标签之间的东西是你所希望强调显示的内容,是比较重要的.呵呵,明白了吗,这么些,你不但语意你比较合理,还做了SEO的优化了.

也许你已经看到过很多地方这么做了,我在这里就当重复一下,呵呵.有什么不对的地方也请指出来,我也好慢慢提高!

    相关阅读
    栏目导航
    推荐软件