Google advises website owners that the use of buttons on web pages is not optimal because Googlebot cannot click on them.

This means that everything that is hidden behind a button, e.g. For example, a Load More button that shows additional content when clicked may not be crawled by Googlebot.

If Google can't crawl the content, it won't be able to index the content either. For this reason, website owners are advised to use alternatives.

This topic was brought up with Martin Splitt during the Google Search Central JavaScript SEO hangout recorded on March 24th.

A website owner named Tamás Somogyi asks Splitt about the "Load More" button on their website, which will trigger more article links to load on the same page.

He heard that this setup wasn't ideal for crawling Googlebot, but didn't come up with a straightforward answer as to what to do instead.

Here's what Google's Martin Splitt suggests.

Google On Alternative to the "Load More" buttons

According to Splitt, the best solution can vary from location to location, but there are a few guidelines that apply to all locations.

advertising

Read on below

The first is that Googlebot doesn't click buttons:

“It really is a question of what works best for your implementation, but there are some guidelines that generally apply. Number one is when it's a button and when I say "button" I literally mean a button, not a link. If it's a button, you're out of luck. Googlebot doesn't click buttons. So we don't interact with it. So this is bad. "

The next guideline that applies to all websites is to use static links instead of buttons.

Splitt adds that it doesn't matter what the URL of the link looks like as long as it leads to a new page with unique content.

"Probably the best idea would be to implement this button as a link that is basically like"? Page2 "or" / 2 "or whatever it looks like. It doesn't matter what the url looks like. The point is, it leads to a url that shows another batch of content."

advertising

Read on below

The most Google-friendly solution would be to make sure that each page in a number of pages displays its own content.

If a webpage has 10 items displayed and a link needs to be clicked to get the next 10 items, the next page should only show the next 10 items. The first 10 items and the next 10 items should not be repeated.

“Personally, I would argue that it would be best or the easiest for us if the link on page 2 only showed the stack of 10 items on page 2 as that would mean we are definitely seeing unique content.

And depending on how much content each of these products has in the list, and in the list you paginate there, there may be times when you have a lot of content that we have already seen on other sites and then only 10 is different it could be canonized away. Which is not what you want. So having unique content per page is definitely an advantage there. "

Split offers some JavaScript SEO tips to explain how developers can implement this so that users can have a smooth transition between pages.

With JavaScript, a page can appear to be loading more content from the same page when in fact loading content from another page.

"You can use JavaScript to override this behavior for users. When they click this link, it doesn't behave like a link that actually takes you somewhere else. In fact, you're overriding the behavior of the link to just the next few Include 10 items on the page so you don't have to quickly switch between pages if you want to avoid it.

That's how I would do it. Is that the best strategy? May be. It depends on what you are trying and what is possible on the platform you are working with. This is a discussion with your developers.

In general, however, we don't interact with buttons. If that's all you are out of luck. We don't see the other content. Static links to pages are definitely a better strategy. "

advertising

Read on below

Later in the Hangout, Splitt says that Googlebot doesn't click buttons because it's "expensive" in terms of the CPU power required.

Hear the full question and answer in the video below:

LEAVE A REPLY

Please enter your comment!
Please enter your name here