Advanced Image Indexing Checklist for Google Search

A closer look at the code and technical considerations

I’ve been running the app, Image Sitemap for Shopify, for two years now. It works pretty sweet, lots of happy customers — and naturally, a few grumpy ex-customers too! My app currently submits over 1M images per month to Google for indexing on behalf of Shopify customers. This post will focus on Shopify sites who use JQuery, but the concepts are applicable to all sites regardless of client stack.

My three other posts about image indexing and Image Sitemap for Shopify can serve as a good intro to optimizing your site/images for indexing by Google.

1. Introducing — Image Sitemap for Shopify
2. Lessons from submitting 500k images from Shopify stores to Google for indexing
3. Why Isn’t Google Indexing My Images?

And so, you’ve optimized a bunch of stuff and you’re still having some trouble getting your images indexed? Let’s dive a bit deeper on strategies not discussed in my other posts.

1) Get rid of ALL javascript console errors.

This seems like a no-brainer, yet I’m consistently shocked how many console errors I see on our customers’ sites—gross misconduct that would make even a fresh young developer cringe.

Console errors are reported on inside of Google Search Console. As such, I would consider them bad. Just fix them. If you don’t know how to fix them, find someone that can.

If you’re throwing javascript errors in your client code, we know one thing for certain—something unexpected happened in your code. That is bad. Google’s job is to provide the most relevant results to its search customers. If Google see’s that something unexpected is happening in your client code, generating errors, maybe they choose to send visitors somewhere else — to a site with no errors. Google would not know the severity of those errors and Google reports on them—so maybe that’s something to worry about. That’s my logic; maybe I’m crazy, maybe not. But get these errors fixed asap.

2) Be very careful with your lazyloading libraries and code

I see a lot of sites using libraries that support the new lazyloading capability of browsers. Most are using lazysizes. I don’t trust them for image indexing—but I’m jaded—I have seen some sites perform very will with their image indexing using these libraries.

If you use these libraries, please make sure to specify a good sized default image in your code. I see lots of sites default to a very small 300x300 px image in the code. In my view, we would want to give Google the best default src= we can. Don’t make them work! Also don’t specify many excess options in your data-srcset, just a few.

Furthermore, if your code does not include src= in favor of data-src= for the core image src, I pray for you and your indexing 🙏

<img
  src="image_800x800.jpg"
  srcset="image_800x800.jpg"
  data-srcset="image_400x400.jpg 400w,
               image_800x800.jpg 800w,
               image_1200x1200.jpg,
               image_1600x1600.jpg"
	data-sizes="auto"
	class="lazyload" />

3) Completely fix your Google Structured Data on your product pages.

I prefer using the JSON-LD spec as opposed to microdata because it separates the structured data from the markup. Microdata makes html markup much more verbose and harder to debug.

There are two levels of optimum compliance here:

1. No errors and some warnings
2. No errors and no warnings

We want #2, “No errors and no warnings.” I don’t have real data about how this affects your image indexing in Google, but my anecdotal and gut instinct says that getting to compliance level #2 can improve indexing for many sites, particularly if your site does not get a ton of organic and paid traffic.

If you buy a lot of traffic for your site, FIX these! Google reports on structured data errors in a variety of places now, including Google Merchant Center (Shopping) and Search Console. That must mean this data is important!

gbyultra.com Google Structured Data Testing Tool

In closing, I encourage you to explore the ideas above and let me know if you have success. Image indexing is a pretty tough sport. It takes a lot of patience and persistence, just like all SEO disciplines. Stick to it and find what works for your sites.

Check out Image Sitemap for Shopify today. We offer a 21-day free trial, with plans starting at $4/month.

Find me at WilliamBelk.com. Follow me on Twitter.