因此，我正在研究如何使用大量图像实现对现有网站的响应式设计。如果我们可以根据设备大小，像素比率和/或带宽为访问者提供不同的服务，那么这些图像会很好。
该网站使用Akamai作为CDN，因此我们必须拥有针对不同图片尺寸使用不同网址的解决方案。通过Javascript做到这一点很好，无论如何我们都需要它。
我正在查看CSS-tricks电子表格（http://css-tricks.com/which-responsive-images-solution-should-you-use/），特别是Foresight.js（https://github.com） /adamdbradley/foresight.js）对我们来说似乎是正确的东西。
基本上，标记看起来像这样：
<img data-src="/images/imagefile.jpg" data-width="320" data-height="240" class="fs-img">
<noscript>
<img src="/images/imagefile.jpg">
</noscript>
但后来我注意到Google会忽略标签中放置的任何后备图像。这对我们的搜索引擎优化来说可能是毁灭性的，因为来自新闻发布室的图像对于Google等人的索引至关重要。
所以我的问题是，你如何响应地提供SEO友好足够的图像？是删除src属性杀死SEO？仍然会有所有其他属性，alt-one我认为最重要。
答案 0 :(得分：0)
是的，从搜索引擎优化的角度来看，image alt标签非常重要。通过考虑设备或元素来调整图像大小没有任何害处。确保使用有意义的图片名称将其添加到Google的图片搜索结果中。
答案 1 :(得分：0)
...有趣
我真的不觉得你需要“alt”标记所有副本。从搜索引擎优化的角度来看，这既是多余的又有些垃圾（想象一下谷歌对网站的回应，其中每个网址都拥有同一图像的5个或更多不同大小的版本，所有这些都具有相同的完整alt标签...）
允许Goolge识别“默认大小”图片的标签应该足以满足您的搜索引擎优化目的。
我能想到的另一种解决方法是始终拥有所有不同尺寸的实时链接（同时只提供一个个性化版本） 我不确定它是否可行，但你不需要很多版本或想要提供一些选定的版本，这样做。
这不会解决alt标记问题，但至少它们都会被单独抓取并编入索引。 此外，alt标签确实被高估了。从近10年的经验来看，我可以说这种效果至多是微不足道的。特别是如果你链接到图像包括相关的KW。
如果仍然担心，你可以链接到一个不同的HTML页面，其中包含所述图像和alt标签，但这听起来对我来说太麻烦了......