随笔 - 103  文章 - 2 评论 - 920 trackbacks - 21
<2008年8月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
31123456


转载请保留链接。
国际管理VS中国国情链接 8-21 13:48

与我联系

搜索

 

常用链接

留言簿(13)

我参与的团队

我的标签

随笔分类

随笔档案

文章分类

相册

最新随笔

积分与排名

  • 积分 - 147372
  • 排名 - 249

最新评论

阅读排行榜

评论排行榜

60天内阅读排行

对于任何一个网站来说名字是SEO的首选,而H1标签是搜索引擎认为页面上最重要的文字部门,所以我们要把网站的名字放在H1中;问题是代表网站名字的通常是一个LOGO图片,而图片对于SEO来说是不友好的。请看下面jquery的首页的logo部分的图片和代码。


<div id="jq-header">    
    
<h1><href="http://jquery.com/">jQuery: The Write Less, Do More JavaScript Library</a></h1>
.
jquery的界面做的很棒,SEO也很棒。很显然图片的效果和Html是联系不起来的。上面的一小段html代码是欺骗搜索引擎用的,和显示根本不搭边。那么这里是如何让浏览器渲染出来的呢,大家都能猜到,是CSS,请看下面的一段CSS代码:
#jq-header h1 a{
    text-indent
:-9999em;
    background
: url(../images/logo_jquery3.png) no-repeat;
    width
: 116px;
    height
: 35px;
    font-size
:0;
    display
:block;
    border
: 0 !important;
    border-bottom
: 0;
}
关键的地方有三处:
1. text-indent设定了一个很大的负数值,这个的效果就把Html中的那段文字藏到了您的显示器的左边几百米的地方,用来欺骗搜索引擎的文字就从浏览器的界面上消失了。
2. 只有这样还是不够的,还需要让用户从浏览器中看到LOGO图片,在CSS中肯定就是background了,注意url()括号里面的内容可以用引号也可以不用,如果不用的话就可以省掉俩字符.-:)
3. 光有上面的两步还是不够的,我们还需要让用户的鼠标放到LOGO上时的表现像放到一个链接上,显示一个小手,由于A标签的真实文本已经被移动到浏览器左侧几百米的地方了,所以浏览器不认为背景图片的地方有链接;这时候就用到了下面的width,height,display的设定。

分析到此为止,细节有时候很重要。 谢谢你的光顾。
Tag标签: css,seo
posted on 2008-07-07 13:19 玉开 阅读(1988) 评论(19)  编辑 收藏

FeedBack:
#1楼  2008-07-07 13:37 平淡无奇_LKC      
辛苦了
  回复  引用  查看    
#2楼  2008-07-07 14:02 benbenxxx [未注册用户]
不错!
  回复  引用    
#3楼  2008-07-07 14:03 SOSOS's BLog      
受教了...
  回复  引用  查看    
#4楼  2008-07-07 14:09 丁学      
我觉得会适得其反,对于用户在页面上看不到的元素,现在的搜索引擎已经可以识别出来,对于此种情况,对搜索引擎来说,相当于没做,如果做得多了,反而会被认为是作弊行为:采用大量用户不可见元素堆砌关键词。一种很古老的作弊方式,在SEO上已经被严禁使用了
对于LOGO,还是老老实实图片加alt比较好,至于站名SEO,在LOGO这里作文章明显不合适,一是这个地方太小了,搜索引擎并不知道你这里是最重要的,从这方面来说,完全可以把这个<h1>放到页面中的任何位置,而无须动用LOGO的地盘。二来,<title><meta>这两个标签的作用显示要大于页面中任何“单个元素”,尤其<title>已经是SEO重中之重,所以SEO首先要从这里做起
总结:把站名放到<title>中,在<meta>中使用keywords和description来突出站名,在页面代码尽量靠前的地方<h1>了站名,至于LOGO的地方,还是留给LOGO吧
PS:其实对于<h1>,搜索引擎只是认为它比其他文字更重要一些,远远无法起到决定性作用。
  回复  引用  查看    
#5楼  2008-07-07 14:31 菜菜灰      
很古老的一个手法,语意化才是重点。
  回复  引用  查看    
#6楼  2008-07-07 14:39 Baldwin      
@菜菜灰
何谓"语意化"?

  回复  引用  查看    
#7楼  2008-07-07 14:53 杨正祎(阿一)      
text-indent:-9999em;
因此文字很常用的一个手法。
但是,千万不要乱搞,很容易被搜索引擎认定为作弊。
其实,h1放logo和网站名没有太大意义,为什么呢?因为所有的页面都一样。都一样的h1,对seo有什么意义呢?
h1应该放文章标题、新闻标题这样的东西,我觉得才是合适的。

另:感觉,这个放首页,有点那个了……
  回复  引用  查看    
#8楼  2008-07-07 15:10 丁学      
--引用--------------------------------------------------
Baldwin:
@菜菜灰 何谓"语意化"?
--------------------------------------------------------
他打错了字,应该是“语义化”,百度一下就知道了
  回复  引用  查看    
#9楼  2008-07-07 15:21 benbenx      
内容才是王道!
  回复  引用  查看    
#10楼  2008-07-07 16:12 xjb      
seo 很重要么?
  回复  引用  查看    
#11楼  2008-07-07 17:27 x google [未注册用户]
还是老老实实做站吧。
网页优化在一定程度上是有效的,但内容才是最关键的要素。
现在的搜索引擎不像以前那么傻B了。

04年开始做站,alexa上最高8000名,经验告诉我,内容不一定要多,
网页也不需要过度SEO,内容才是关键。

  回复  引用    
#12楼  2008-07-07 17:37 heero0w [未注册用户]
网站的名字并不是最重要的关键字,请问有多少人搜索的时候是通过网站的名字搜索的?
网站的精华在于内容,最重要的内容才是最重要的关键字。
  回复  引用    
#13楼  2008-07-07 20:06 12345679 [未注册用户]
很有意思,学习...http://***/
  回复  引用    
欺骗搜索引擎是不好地 o(∩_∩)o...哈哈
  回复  引用    
#15楼  2008-07-07 21:54 玄猫(韩国峰)      
text-indent:-9999em;
这个一般不会被搜索引擎认为是作弊

另外url()里面的双引号是必须不能写,呵呵
  回复  引用  查看    
#16楼  2008-07-08 00:06 Cat Chen      
这是个很基本的技巧啦。
  回复  引用  查看    
#17楼 [楼主] 2008-07-08 08:54 玉开      
感谢各位的光顾,指点。
  回复  引用  查看    
#18楼  2008-07-08 09:22 汉城      
关注~!~!再关注
  回复  引用  查看    
#19楼  2008-07-09 15:29 BAsil      
不错
  回复  引用  查看    

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-07-07 13:30 编辑过


相关链接: