0

I have two logo's in my site header.

I like the solution here: Replacing H1 text with a logo image: best method for SEO and accessibility? :

Solution: According to Matt Cuts (and some other comments) the best solution is to use an image with alt and title attributes. The alt attribute is for SEO and the title attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.

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

How to have this with 2 logo's?

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

would the h1 then be: logo1 logo2?

4

2 回答 2

2

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

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

于 2013-03-12T12:06:54.337 回答
0

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

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

对于辅助技术，第一个 Toyota Corolla 示例将如下所示：

链接图像丰田图像卡罗拉

第二种方式：

链接图片 丰田卡罗拉。

有人说使用 null alts ( alt="") 对可访问性和/或 SEO 不利。这是错误的。如果图像用于装饰目的，则应使用空 alt 属性，因为它所做的只是添加不需要的喋喋不休。曾几何时，搜索引擎曾经因为人们使用 null alt 而受到攻击，但现在不再如此。

于 2013-03-12T15:08:37.657 回答