有没有办法在谷歌图像搜索中索引由“Next/Image Component”生成的图像？

Question

我在索引由 Next/Image 组件优化的图像时遇到问题，这些图像位于我的 Next.js 应用程序的公共文件夹中。

我还没有看到任何示例，其中由 Next/Image 组件生成的任何资源/URL 已在谷歌图像搜索中被索引。

这种类型的网址：https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&w=384&q=100

尽管在 http 标头中具有资源内容类型：图像/jpg，但这些图像未在谷歌中编入索引的原因是因为谷歌需要像这样在根文件/资源/URL 位置抓取资源：https:/ /www.example.com/images/home/Dog-image-1.jpg

为什么？如果 http 标头具有正确的内容类型？因为谷歌需要确保它知道原始资源，因为它不确定 Next/Image 生成的 URL 将保留多长时间，并且它希望在其图像索引中避免使用此类 URL 或 base64 以避免 404 错误搜索引擎要保持令人满意的用户体验，所以它需要直接在它的位置抓取图像资源，并且必须在 html 代码中抓取它。

现在问题：

在使用 Next/Image 组件时，如何让谷歌抓取我的 img 标签中的根资源/URL。如果这不可能，Next/Image 根本不适用于电子商务或其他依赖大量图像搜索流量的图像相关网站，甚至其他网站也不愿意通过这些 URL 共享您的图像。

任何人都认为 data-src 属性可以在这里解决这个问题https://nextjs.org/docs/api-reference/next/image#minimum-cache-ttl?

谢谢你的时间。

Answer 1

我使用 https://nextjs.org/docs/api-reference/next/image#unoptimized

从 Next.js 12.3.0 开始，通过使用以下配置更新

next.config.js

，可以将此道具分配给所有图像：

module.exports = {
  images: {
    unoptimized: true,
  },
}

因此我有常规图像 URL https://www.example.com/images/home/Dog-image-1.jpg