title: Is there a way to index the images generated by "Next/Image Component" in Google Image Search?
body: <p>I am having issues with indexing the images that are optimized by the Next/Image component these images are in the public folder of my Next.js app.</p>
  <p>I haven't seen any examples where any resource/URL like below, that was generated by Next/Image component has been indexed in google image search.</p>
  <p>This type of URL: <a href="https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&amp;w=384&amp;q=100" rel="nofollow noreferrer">https://www.example.com/_next/image?url=%2Fimages%2Fhome%2FDog-image-1.jpg&amp;w=384&amp;q=100</a></p>
  <p>The reason that these images are not getting indexed in google despite having the resource content-type: image/jpg in http header is because google needs to crawl the resource at the location root file/resource/URL like this: <a href="https://www.example.com/images/home/Dog-image-1.jpg" rel="nofollow noreferrer">https://www.example.com/images/home/Dog-image-1.jpg</a></p>
  <p><strong>Why</strong>? If the http header has the correct content-type? Because google needs make sure that it knows the original resource because it is not sure how long the URL that is generated by Next/Image will stay, and it wants to avoid these kind of URL's or base64 in its image index to avoid 404 errors in the search engine to maintain a satisfactory UX, so it needs to crawl the image resource at it's location directly and it has to crawl it in the html code.</p>
  <p>Now the question:</p>
  <p>How is it possible to make google crawl the root resource/URL in my img tag when using the Next/Image component as well. If that's not possible Next/Image is not at all for e-commerce or other image dependent websites that depend on a lot of traffic from image search, even other websites would be reluctant in sharing your images via these URLs.</p>
  <p>Anybody thinks a data-src attribute can solve this or something here <a href="https://nextjs.org/docs/api-reference/next/image#minimum-cache-ttl" rel="nofollow noreferrer">https://nextjs.org/docs/api-reference/next/image#minimum-cache-ttl</a>?</p>
  <p>Thank You for Your time.</p>