Google not indexing images on masonry layout page

[Bruce28]

hi, Ive got a page where images / details are entered via the customiser, and the page displays the content in a masonry layout.

https://lamourartisans.com/pages/guatemalan-textiles-vendor-portal

The masonry is done with js (Colcade by desandro). I realise the way the js is working within shopify needs to be optimised as the page takes a weird amount of time to render correctly in the customiser... (when the page first loads all the images appear in 1 row, then only after a few seconds the grid takes shape). However it displays ok in standard browsing as the world would see it.

The immediate concern ive got is after over 1 month the images are not being indexed by google.

When I look at google’s url inspection tool, it displays the page, and looks like its crawled everything… not sure why the img’s aren’t being indexed?

Thanks for any ideas or assistance…

[tim · Accepted solution]

I believe that the main problem is that your images missing ALT attribute and filenames are not helping.

https://developers.google.com/search/docs/appearance/google-images#descriptive-alt-text%20descriptiv... 

Also I believe you do not need a JS library for layout like this, just a couple of CSS rules. Less JS and will show proper layout immediately.

(original on the left, CSS-only approach on the right)

[Bruce28]

Oh man… thanks a bunch Tim....really appreciate your help. I totally didn’t see that.

Yes the css columns is lovely and simple, it’s worth doing… just the ordering of items gets weird.

Thanks so much for your time mate.