|
主题:如何seo你的网站logo-css篇 [收藏主题] | 转到: |
原文地址:如何seo你的网站logo-css篇可以说CSS是方便直观又实用的网页布局方式,代码简单不说,在seo方面也起到很大的作用,现在的搜索引擎都喜欢代码一目了然的网页,你右点你的网站页面,查看源文件,如果你自己都觉得代码没规律,一团糟,那搜索引擎在爬你的代码的时候也可能是这样的感觉的呵呵!(当然我说的是一般而言)。
现在给大家讲个csser在制作网页的时候应该考虑到的seo因素:LOGO的SEO!很简单的技巧,写给新手看的呵呵~ 很多人在写LOGO代码的时候会这样写: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>如何seo你的网站logo-css篇(写给新手,高手免进)</title> <style type="text/css"> #head {height: 100px; background:#222} #head h1 a {float: left; width: 242px; height: 100px} #head h1 a img{border:none} </style> </head> <body> <div id=head> <H1><a title=css社区 href="http://www.socss.com/"><img src="http://www.socss.com/skin/images/logo.gif" alt="css社区"></a></H1> </div> </body> </html> 这样的缺点是搜索引擎在H1中间抓到了你的LOGO图片,从ALT中知道是CSS社区,但是现在的搜索引擎对ALT的喜好降低了,所以这样写代码其实并不理想,如果能把 <H1><a title=css社区 href="http://www.socss.com/"><img src="http://www.socss.com/skin/images/logo.gif" alt="css社区"></a></H1>语句该写成<H1><a title=css社区 href="http://www.socss.com/">css社区</a></H1>这样,搜索引擎就直接抓取了H1中的文字了,虽然这是细节问题,但是在实际应用中还是很有效果的:具体代码如下:运行代码框 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>如何seo你的网站logo-css篇(写给新手,高手免进)</title> <style type="text/css"> #head {height: 100px; background:#222} #head h1 a {background: url("http://www.socss.com/skin/images/logo.gif") no-repeat 0px 0px; float: left; width: 242px; text-indent: -999px; height: 100px} </style> </head> <body> <div id=head> <H1><a title=css社区 href="http://www.socss.com/">css社区</a></H1> </div> </body> </html> 转载请注明css社区原创:作者:兽兽! [此贴子已经被作者于2008-2-27 12:50:31编辑过] |
|
支持(12) | 反对(12) 顶端 底部 |
<上一主题 | 下一主题 > |