javascript - 对链接图像使用替代文本

标签 javascript html image seo alt

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

我非常想为我的全尺寸图像应用替代文本,但我不知道如何,因为全尺寸图像链接到 <a>并且不是 <img>对象。
这是出于 SEO 的原因,以便通过 Google 图片搜索更容易搜索到全尺寸图片。

如何为全尺寸图片应用替代文字?我目前正在使用 highslide 来显示图像,但也许还有另一种选择可以满足我的需求。

这是我指的网站: http://www.easterislandtraveling.com/easter-island/gallery/

最佳答案

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

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

关于javascript - 对链接图像使用替代文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13251399/

相关文章:

javascript - 如何制作溢出链接?

html - 有没有办法在 HTML/JavaScript 中指定多个图像源?

css - div中的背景图片不显示

javascript - 解密后保留填充

javascript - typescript :比较接口(interface)类型的对象是否等于另一个对象具有相同的接口(interface)类型

javascript - 为什么 id = sub 显示值的 div 是 ""而不是 none

java - 视频标签不显示视频网址

javascript - 如何调整 Canvas 以包裹图像尺寸

javascript - bootstrap font-awesome 无法工作[使用 cdn]

javascript - React 不会在 Safari 或 IE 或任何移动网络浏览器中加载图像