html - anchor itemprop url 然后 img

Question

一个 SEO 人员希望我将我的标题 Logo 修改成这样，这样我们的 Logo 就可以点击然后重定向到基本 URL:

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://domain.com/">Home</a>
  <img itemprop="logo" src="http://domain.com/img/logo.png" />
</div>

我很难实现这个，因为它会影响设计，因为 Logo 旁边会出现一个“主页”链接，所以我所做的是这样的:

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://domain.com/"><img itemprop="logo" src="http://domain.com/img/logo.png" /></a>     
</div>

有没有办法在不影响当前实现的情况下实现他的建议？

Answer 1

您可以将图片放在链接中。

在你的 html 中:

<a href="/" class="image-link">
    <img src="logo.jpg" />
</a>

然后在您的 css 中，以防止其他链接样式:

a.image-link {
    text-decoration: none;
    border: none;
}

在这里检查结果:http://jsfiddle.net/X4VF2/