首页 > 广州seo > 图片与锚文本分离的写法
2018
08-02

图片与锚文本分离的写法

看到众多网站,做广州seo优化的网站都把logo的图片和锚文本分离出来。感觉应该有些好处,所以把代码贴出来,供大家无偿使用。

其实这种写法的一个主要原理,就是隐藏掉锚文本。

<html>
<head>
<style type=”text/css”>
h1
{width:738px;
height:250px;
background:url(http://www.deng0760.com/wp-content/themes/canglong/img/logo.png) no-repeat scroll 0 24px;
}
h1 a
{
width:100%;
height:10px;
display:block;
text-indent:-1999px;
}
</style>
</head>
<body>
<h1><a href=”www.deng0760.com/” title=”酒店水晶灯”>酒店水晶灯</a></h1>
<h1><a href=”www.deng0760.com/” title=”酒店水晶灯”>酒店水晶灯</a></h1>
</body>

</html>

text-indent是文本缩进,就是让文本隐藏起来。所以可以很好的实现这个功能。锚文本是一项重要的内容,一定要活学活用,如果你不知道锚文本应该怎样做,可以随时请教我们的。

锚文本

捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

发表评论