当前位置：
|
主题：如何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)
 顶端  底部
|
![电子邮件:[ wuccd@163.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
<a href=http://www.mingpin.hk/>名品港</a>
<a href=http://www.jinsejiazu.com/>金色家族</a>
<a href=http://www.baoninmanyi.com/>包您满意</a>
<a href=http://www.mailele.com/>麦乐乐</a>
<a href=http://www.shijianguoji.com/>时间国际</a>
<a href=http://www.mingpin.hk/>www.mingpin.hk</a>
<a href=http://www.jinsejiazu.com/>www.jinsejiazu.com</a>
<a href=http://www.baoninmanyi.com/>www.baoninmanyi.com</a>
<a href=http://www.mailele.com/>www.mailele.com</a>
<a href=http://www.shijianguoji.com/>www.shijianguoji.com</a> | |
|
支持(12) | 反对(12)
顶端 底部
|
|
支持(11) | 反对(11)
顶端 底部
|
|
|
|
支持(11) | 反对(11)
顶端 底部
|
|
支持(10) | 反对(9)
顶端 底部
|
| ＜上一主题 | 下一主题 ＞ |