Html 锚定itempropurl然后是img

Html 锚定itempropurl然后是img,html,css,Html,Css,一个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" /> &

一个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>

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

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


有没有一种方法可以在不影响当前实现的情况下实现他的建议?

您可以将图像放在链接中

在html中:

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

在此处检查结果:

放在
中有什么问题?
a.image-link {
    text-decoration: none;
    border: none;
}