2

因此，我正在对如何对包含大量图像的现有网站实施响应式设计进行预研究。如果我们可以根据设备大小、像素比和/或带宽为访问者提供不同的服务，这些图像会很好。

该站点使用 Akamai 作为 CDN，因此我们必须有一个解决方案，为不同的图像大小使用不同的 URL。通过 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>

但后来我注意到谷歌会忽略任何放置在标签中的后备图片。这可能对我们的 SEO 造成毁灭性打击，因为来自新闻发布室的图片对于 Google 等人的索引至关重要。

所以我的问题是，你如何响应地提供对 SEO 友好的图像？删除 src 属性会杀死 SEO 吗？仍然会有所有其他属性，我猜是最重要的一个。

4

2 回答 2

0

是的，从搜索引擎优化的角度来看，图像 alt 标签非常重要。在这里通过考虑设备或元素来调整图像大小是没有害处的。确保您使用有意义的图片名称来让它们出现在 Google 的图片搜索结果中。

于 2012-10-12T09:27:42.500 回答
0

有趣的...

我真的不觉得你需要“alt”标记所有的副本。从 SEO 的角度来看，这既多余又有些垃圾（想象一下 Google 对一个网站的响应，其中每个 URL 都包含 5 个 [或更多] 不同大小的同一图像版本，所有版本都具有相同的完全相同的 alt 标签......）

允许 Goolge 识别“默认大小”图像的标签应该足以满足您的 SEO 目的。

我能想到的另一种解决方法是始终拥有所有不同尺寸的实时链接（同时只展示一个个性化版本）我不确定它是否可行，但你不需要很多版本或想要展示几个选定的，这会做。

这不会解决 alt 标签问题，但至少它们都被单独抓取和索引。此外，alt标签确实被高估了。从近 10 年的经验来看，我可以说它的效果充其量是微不足道的。特别是如果您链接到的图像包含相关的 KW。

如果仍然担心，您可以链接到不同的 HTML 页面，其中包含所述图像和 alt 标记，但这对我来说听起来太麻烦了......

于 2012-10-12T22:59:29.300 回答