Javascript search results & Pagination for SEO

[BeckyKey]

Hi

On this page http://www.key.co.uk/en/key/workbenches we have javascript on the paginated pages to sort the results, the URL displayed and the URL linked to are different. e.g.

The paginated pages link to for example: page2 http://www.key.co.uk/en/key/workbenches#productBeginIndex:30&orderBy:5&pageView:list&

The list is then sorted by javascript.

Then the arrows either side of pagination link to e.g. http://www.key.co.uk/en/key/workbenches?page=3 - this is where the rel/prev details are - done for SEO

But when clicking on this arrow, the URL loaded is different again - http://www.key.co.uk/en/key/workbenches#productBeginIndex:60&orderBy:5&pageView:list&

I did not set this up, but I am concerned that the URL http://www.key.co.uk/en/key/workbenches?page=3 never actually loads, but it's linked to Google can crawl it.

Is this a problem?

I am looking to implement a view all option.

Thank you

[HiveDigitalInc]

Hi Becky,

Great question!

For the page - http://www.key.co.uk/en/key/workbenches - Google's cache is showing they are only able to load/see a single product on the page.

The same is happening on the cached versions of your paginated pages like http://www.key.co.uk/en/key/workbenches?page=3  ...

Google is able to find these paginated versions because you are properly implementing the rel=next and rel=prev in the source of the pages.  I wouldn't worry too much at this point about the jscript loading creating the "anchor" urls with sorting, etc.. though you could consider using pushstate to force the correct canonical URL in the browser.

I would focus on making sure the content is indexable by Google so they can find the links to all of your product pages, etc. You might want to consider a pre-render service for those pages, or as you mentioned, having a page listing all products so they can easily be crawled.  You should double check this by fetching the pages in GSC and seeing how they render.

On a side note, you might want to look into some product schema options for your content

Cheers,

Jake Bohall

[BeckyKey]

Hi Jake

Thanks so much for your reply, I had something in the Robots.txt file blocking css so this has been removed.

I've just checked and all products now seem to be showing.

I'll look into product schema, I had looked before but couldn't see any schema for product listing pages?

So you don't think anything is wrong with the pagination?

Thank you

[HiveDigitalInc]

Hi Becky,

You don't need "product listing" schema.. you just simply markup each product on the page using the product schema - https://schema.org/Product...

I don't see any glaring issues with your pagination.

I do however, see the issue with displaying the products on the page continues..  Google most recently cached this page on 9/30 - http://www.key.co.uk/en/key/workbenches - and it still is only displaying a single product in the cache.   You might be able to get some insight into any JS that is being blocked by looking in GSC...   Using Google's mobile testing tool, it indicates there is some en-gb.js file that is being blocked, but I couldn't find it in the source.. so it must be referenced elsewhere.  I'm not sure if this is the issue, but It's a decent starting point.

Best,

Jake Bohall

[BeckyKey]

Hi Jake

Thank you for your input.

I've looked in what might be blocked & I still have a couple of .js files blocked, they're AJAX e.g.

http://www.key.co.uk/wcsstore/dojo18/dijit/nls/loading.js

http://www.key.co.uk/wcsstore/dojo18/dojo/fx/easing.js

These aren't in the robots.txt files - do you think it's worth finding & unblocking them?

Thank you