搜索引擎优化，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. 大图片可能会减慢您的下载速度 页面（取决于许多因素），并可以使您的网页得分 更少的搜索引擎算法。也考虑一些用户可以 从移动设备访问您的页面，下载速度是 非常重要。

对于搜索引擎优化，请考虑以下内容：

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

来自信誉良好的网站的更多内容：

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