在标题中，带有替代文本的图像与文本答案

【问题标题】：Within headers, images with alt text vs. text在标题中，带有替代文本的图像与文本
【发布时间】：2011-12-21 01:14:43
【问题描述】：

搜索引擎对待放置在 h1 标签中的图片的 alt 文本是否与对待放置在 h1 标签中的常规文本相同？

我在此处进行了搜索以寻找此问题的答案，但只能找到有关图像替换和臭名昭著的 h1 辩论的信息。

例如：

<h1><img src="#" alt="Contact Us" /></h1>

行为相同：

<h1>Contact Us</h1>

在搜索引擎的电子眼中？

这似乎比其他图像替换技术（如负文本缩进、display:none、height:0 或荒谬的 z-index 整数）要少得多。

【问题讨论】：

【解决方案1】：

我同意，在理想情况下，我们可以在 h1 中使用图片 alt，并对我们的可搜索性充满信心。据我所知（根据this blog）谷歌排名如下：

<h1>Title</h1>

高于这个：

<h1><img alt="Title" src="image.jpg"/></h1>

虽然 Yahoo 和 Bing 不会将图像 Alt 索引为页面标题。

我个人使用否定文本缩进。

【讨论】：

【解决方案2】：

只要 h1 标记中的 直接文本 比图像中的 alt 排名更好（对页面的影响更大），您就可以考虑像 Rowan 建议的图像替换技术

把你的 html 文件当作一本有章节的书来对待……什么对你来说更具可读性？以文本或图像为标题的页面章节？

【讨论】：

【解决方案3】：

您可以对图像使用对象标签，并在对象标签中提供替代内容。

&lt;h1&gt;&lt;object data="contact-us.jpg" title="Contact Us"&gt;Contact Us&lt;/object&gt;&lt;/h1&gt;

这样机器人看到文字，用户看到图片。

【讨论】：