对链接图像使用替代文字答案

【问题标题】：Use alt text for linked image对链接图像使用替代文字
【发布时间】：2012-10-26 10:15:43
【问题描述】：

对于我网站的图片，我总是使用 1 个缩略图和 1 个全尺寸图片。

我非常想为我的全尺寸图像应用替代文本，但我不知道如何，因为全尺寸图像与 <a> 链接，而不是 <img> 对象。
这是出于 SEO 的原因，以便通过 Google 图片搜索更轻松地搜索到完整尺寸的图片。

如何为全尺寸图片应用替代文字？我目前正在使用 highslide 来显示图像，但也许还有另一种选择可以提供我正在寻找的内容。

【问题讨论】：

我有点困惑...给缩略图的链接直接转到图像文件。你想让他们转到一个 HTML 页面，并且该页面应该带有完整的图像吗？
在我看来，您应该使用 ALT 标签为 Google 提供有用的信息。否则谷歌将难以理解图像的实际含义。阅读 Google say 的内容。
查看 highslide.config.js 的源代码，我们可以在 line10 上看到一些有趣的东西 (hs.captionEval = 'this.a.title';) 这告诉我框架已设置为抓取something 中的属性您可以尝试修改此行以查看是否可以获取另一个属性。如果是这样，您可能可以扩展它，以便它应用标记上的 alt 属性。
感谢 cmets，伙计们！ anishsane：不，我希望照片在同一页面上仍然最大化。使用当前的解决方案，这就是他们所做的，但全尺寸图像没有 alt 标签，因为它们是通过标签通过 highslide javascript 调用的。亚当：这就是我想要做的。 enhzflep：这很有趣！我正在寻找这样的东西。如果我们在全尺寸图像上检查元素，我们可以看到生成了一个 -标签（显然），但它不包含 alt 标签 - 只有，这对我没有多大好处.
不确定这是否有帮助，只是一个想法。您能否从缩略图中获取 alt 文本并将其添加到生成的图像 alt 中。我认为执行此操作的函数在 highslide-full.js 和函数 hs.Expander = function(a, params, custom, contentType) 中

【解决方案1】：

这确实是关于 highslide 库的问题，单击缩略图时您将使用它来创建标签。检查http://highslide.com/ref/ 的文档似乎不是一种使用该库控制替代文本的简单方法。您可以使用其中一个事件来自己操作生成的 HTML，也许是 onBeforeExpand。

如果您只是出于 SEO 原因这样做，那么我建议您这样做是不必要的。对第一张图片的替代文本进行谷歌图片搜索表明谷歌已经在索引更高分辨率的版本。单击“访问页面”会将您带到您在问题中提供的页面。见https://www.google.co.uk/search?q=%22Rano+Raraku+moai+factory+with+man+sitting%22+site:easterisland.travel&tbm=isch

【讨论】：

【解决方案2】：

您能否改为在<a> 标记上使用title 属性？

【讨论】：