99印尼五分彩下载:网站logo怎么优化

logo优化 2017-12-02 抢沙发 阅读: 564次

五分彩平台皇恩娱乐 www.hzo4.cn 关于网站Logo使用H1标签利弊如何权衡不是本篇所讨论的,这里跟大家分享的是:网站Logo优化:最好的图片代替法。

方法一:使用图片

最简单的最容易想到的办法自然就是使用图片了。然后给图片添加一个alt值,对搜索引擎友好一些。

1. <h1><img src="image.gif" alt="Image Replacement"></h1>

SEO博客点评:这样做的缺点就是对搜索引擎不友好,搜索引擎对于图片alt属性的权重肯定是低于H1的,就算你的图片是放在H1标签里面。

方法二:移开文字

这也是比较常见的一种办法,就是使用display:none来隐藏文字,让用户不可见。

给文字加一个span标签,就可以分别控制了。

1. <h1><span>Image Replacement</span></h1>

CSS部分:

1. h1 {

2. background-image: url(image.gif);

3. background-repeat: no-repeat;

4. width: 256px;

5. height: 41px;

6. }

7. h1 span {

8. position: absolute;

9. left: -999em;

10. }

这样做的好处在于使用CSS让文字对于用户不可见,但是搜索引擎还是能看到的。之前很多都是使用这样的方法,但是这样做有个不好的地方在于,如果用户在浏览的时候关闭了图片显示,那么Logo部分就是空的了,这样体验很不好。

方法三:最好的CSS图片替换法

最终的解决办法比较复杂一些,但是最终兼顾了所有方面,包括用户体验和搜索引擎。

HTML的结构跟之前的有些不同,我们需要一个空的span标签。

1. <h1><span></span>Image Replacement</h1>

然后跟之前一样,设置宽高、背景图片、font-size:

1. h1, h1 span {

2. width: 256px;

3. height: 41px;

4. background-image: url(image.gif);

5. font-size: 100%;

6. }

然后我们通过一些技巧来隐藏文在在图片之下,这样用户关闭图片的时候也能看到文字。

1. h1 span {

2. display: block;

3. position: relative;

4. z-index: 1;

5. margin-bottom: -41px;

6. }

通过定义z-index就把图片显示在文字之上了。我们还需要更改display:block这样宽高才能应用在span之上,还需要添加margin-bottom让文字不会显示在图片下面。

最后设置overfolw,这样就算文字再大,也不会撑开:

1. h1{overflow:hidden}

福建SEO在后续的文章将与大家分享10种CSS图片替换法,敬请期待!

==================================================

发表评论

称呼:

邮箱:

内容:

==========================

评论回复

  • 澳门交通事务局宣介港珠澳大桥跨境通行政策 2018-11-16
  • 人民空军投身改革强军 加快推进战略转型 2018-09-26
  • 几家性价比超高的烤肉店 赶紧去试试 2018-09-16
  • 河南省虞城县:微治理撬动大综治 2018-09-13
  • 在知识分子、劳动模范、青年代表座谈会上的讲话 2018-09-06
  • 央视曝光“云南不合理低价游” 重庆涉事旅行社被罚30万元 2018-09-04
  • 从副科开始,即使没有贪污、索贿、受贿的勾当,也有行贿买官的勾当。 2018-08-30
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2018-08-27
  • 大力开掘传世古文字资料的时代价值 2018-08-23
  • 人民的力量——一份大报,与一个大党、一个大国的故事 2018-08-23
  • 新华网申领新闻记者证资格审核公示 2018-08-20
  • 有理讲理,不要诬蔑。 2018-08-20
  • 不回中超!斯科拉里新东家曝光 有望执教欧冠球队 2018-08-17
  • 神山冈仁波齐的转山之路文章中国国家地理网 2018-08-17
  • 追寻峥嵘岁月的精神传奇(铸剑·纪念中国人民解放军建军90周年特刊) 2018-08-13
  • 241| 256| 367| 764| 388| 120| 462| 967| 301| 195|