Question

我的网站标题中有两个徽标。

我喜欢这里的解决方案：Replacing H1 text with a logo image: best method for SEO and accessibility?：

解决方案：根据Matt Cuts（和其他一些评论），最好的解决方案是使用带有alt和title属性的图像。 alt属性用于SEO，title属性用于辅助功能。使用图像对语义标记也很有意义。公司徽标实际上是一个重要的内容。

<h1>
  <a href="http://stackoverflow.com">
    <img src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
  </a>
</h1>

如何使用2个徽标？

<h1>
   <a href="http://stackoverflow.com">
     <img src="logo1.png" title="Click to return to Stack Overflow homepage" alt="logo1 " />
  </a>
  <a href="http://stackoverflow.com">
    <img src="logo2.png" title="Click to return to Stack Overflow homepage" alt="logo2" />
  </a>
</h1>

然后h1会是：logo1 logo2？

Answer 1

你不应该使用h1作为徽标，正如Harry Roberts（http://csswizardry.com/2013/01/your-logo-is-still-an-image-and-so-is-mine/）所解释的那样。

如果您想使用两个徽标，请使用两个链接。

Answer 2

在两个徽标的情况下，它取决于上下文。您使用两个图像是因为它们是两个不同的东西，即

<h2>Our Sponsors</h2>
<a><img src="" alt="Google"/></a> <a><img src="" alt="MS"/></a>
<a><img src="" alt="Adobe"/></a>

或类似的东西：

<a><img src="" alt="Toyota"/><img src="" alt="Corolla"/></a>

如果是第二个，你应该这样做：

<a><img src="" alt="Toyota Corolla"/><img src="" alt=""/></a>

对于辅助技术，第一个丰田卡罗拉的例子将为：

Link image toyota image corolla

和第二种方式：

Link image Toyota corolla。

有人说使用null alts（alt=""）对于可访问性和/或SEO是不利的。这是错误的。如果图像用于装饰目的，则应使用null alt属性，因为它所做的只是添加不需要的聊天。曾几何时，搜索引擎过去常常让人们使用null alt，但现在不再使用了。

H1有两个标志

2 个答案: