html - 锚 itemprop url 然后 img

Question

一位 SEO 人员希望我将标题徽标修改为此，以便我们的徽标可以点击，然后重定向到基本 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>

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

<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/