记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

网站Logo图片链接HTML代码深藏的SEO技巧

作者:Kaka    时间:2010-11-20 23:44:49    浏览:    评论:30

      突然发现,一个普通不过的网站Logo的链接,却隐藏着令人感叹的SEO技术。

      网站Logo位,有的网站选择放置形象图片,有的网站比较简单,只写个网站关键词。而不管是放图片还是放文字,都会带上一个连到主页的链接。

      正常情况下的HTML代码应该是这样的

      图片链接:<a href="http://www.yourtsite.com/"><img src="logo.jpg"></a>
      文字链接:<a href="http://www.yourtsite.com/">你的网站关键词</a>

      为了SEO,Logo位链接不能这样写

      因为是Logo位,所以,你得为其加上最重要标签:H1。这样,对于只有文字的形式来说,比较好办,HTML代码写为

      文字链接:<h1><a href="http://www.yourtsite.com/">你的网站关键词</a></h1>

      但是对于图片Logo来说,在img标签外面加H1是没有效的,因此,你得想办法让Logo位既出现你的网站关键词链接,又要显示你的Logo图片。实现的方法是使用CSS技术。方法如下:

      首先,在网页的HTML代码这样写

      <div id="logo">
      <h1><a href="http://www.yoursite.com/" >你的网站关键词</a></h1>
      </div>

      然后,在CSS里对logo样式进行设置。我们的目标是不用显示这个文字,取而代之的是一张Logo图片。实现的CSS代码如下

      #logo{
      float: left;
      text-align: left;
      text-indent: -999em;
      background-image: url(logo.jpg);
      }
      #logo h1 a{
      width: 200px;
      height: 50px;
      display: block;
      } 

      如果你细心点,你就会发现,现在的blog和cms平台,都采用了这个技术,可见他们不单对程序开发有深远研究,同时对SEO的研究也很深入的。而对SEO没有研究过的程序员开发的企业或者个人网站,往往会容易忽略这些SEO技巧。

x

标签: SEO  

※ 网站速度慢?试试网站自动优化工具 ※

上一篇: 牛X,点击率超5%的广告是这么做的!
下一篇: 网站Alexa当日排名终于突破1万
  • 30.爱*
  • 我也是这样做的,如果是图片的话,还可以添加一个ALT或者title在里面!
  • 2015/2/23 18:13:57 回复该留言
  • 27.x*******
  • 写得太好了,我正用得着这篇文章,因为我就出现了这个问题,http://www.laganx.com 就是这个网站上面出现了字体不知道怎么去掉。
  • 2012/7/15 23:09:40 回复该留言
  • 22.小*
  • 恩,学习了,虽然我不会用,但我会看,呵呵。
  • 2011/7/16 14:30:02 回复该留言
  • 13.小*
  • 不是吧。。。那能解决吗
    Liwen 于 2010-11-22 17:44:03 回复
    现在还不能确定是不是这个原因.你用这个方法测试一下就知道了.
    http://www.webkaka.com/blog/archives/checking-webspace-XMLHTTP.html
    如果真是这个原因,那我们都没有办法的了,是服务器权限设置的问题.
  • 2010/11/22 16:34:50 回复该留言
  • 12.小*
  • 盒子 看到留言速度帮我解决下。 我安装你那个评论后面显示最新文章的插件。。。但是安装了就不显示。 不方便Q 在我博客说。我能看到
    Liwen 于 2010-11-22 16:15:52 回复
    读不了feed内容,应该是你服务器空间禁用XMLHTTP组件了,获取不了网页的HTML代码。
  • 2010/11/22 15:41:58 回复该留言
  • 9.m*****
  • 发现点击留言人的地址都是打不开啊。。
    错误原因:非法访问
  • 2010/11/21 17:07:39 回复该留言
  • 5.易*
  • http://www.webkaka.com/click/a_d_s.asp?id=88这个的
    Liwen 于 2010-11-21 20:01:46 回复
    不知道你说的什么程序
  • 2010/11/21 14:39:05 回复该留言
  • 3.熠*
  • 博主能分享下你博客右上角广告的那个ASP程序吗?
    邮件发份给我好灭?
    谢谢
    Liwen 于 2010-11-21 13:21:02 回复
    不知道你说的是哪个广告的哪个asp程序?
  • 2010/11/21 11:52:24 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.