image - 什么最适合 SEO、CSS 大小调整或缩略图生成？

Question

我的电子商务网站页面中的单个图像有 4 种尺寸。600x600px , 350x350px , 220x220px , 110x110px

有3种解决方案:

1- 从服务器加载大图像 (600x600px) 并缓存它，然后通过客户端插件使用缓存的图像生成缩略图。

2- 从服务器加载大图像和缩略图。 (在这种情况下，缩略图是在服务器中生成的)

3- 加载大图并通过使用 CSS 调整大图的大小来创建缩略图。 (或者例如我们可以加载 600x600px 和 350x350px 的，并通过 css 从 350x350px 的一个创建缩略图)

哪种解决方案最适合 SEO？或者如果有任何其他方式，我很感激。

Answer 1

我对您的解决方案的考虑，假设您正在构建“经典的客户端-服务器范式”电子商务网站(不是 SPA 应用程序)。

1. 我相信这个解决方案涉及一些 JavaScript 用于
   重新调整大小，因此搜索引擎抓取工具(或他们的索引将更加困难)。

2. 这似乎是最好的方法。缩略图在服务器端生成，并在用户/客户端请求时呈现在 HTML 中。页将被搜索引擎连同您的 HTML 一起抓取指标。客户端(性能)的开销也更少，因为不需要动态图像缩放。

3. 大图像可能会减慢您的下载速度页面(取决于许多因素)，并可能使您的网页得分更少的搜索引擎算法。还要考虑一些可以从移动设备访问您的页面，下载速度是非常重要。

对于 SEO，还请考虑以下内容:

• 在图像替代文本中包含有意义的主题。
• 图片说明很重要，因为它们是阅读量最大的内容之一。
• 使用相关关键字的文件名。

更多来自知名网站:

http://searchenginewatch.com/sew/opinion/2120682/ranking-image-search