SEO for Tabs on eCommerce Product Pages

SEO for Tabs on eCommerce Product Pages

In a recent Google+ hangout, John Mueller from Google explained how Google ignores hidden content, and when asked for an example of such non-black-hat hidden content that might get ignored he explained it on an example of tabs.

As Dejan SEO reports, on a few tests it doesn’t really seem like Google is ignoring the content in tabs.

This is my take on it:

Google is sometimes ignoring hidden content for usability reasons

If you’re searching for “xyz” and land on example.com and there is no mention of “xyz” since you need to click on a third tab in menu to see it, you might miss it and bounce right back to Google.

We already know that such bounces are a signal to Google that there’s something wrong with that landing page from the relevance to the query point of view and Google is likely to take such bounces into consideration and calculate them into ranking algorithm as a ranking factor.

For the same reason, Google might have a certain filter that can figure out when content is “too hidden” on a website for user to see it. In such cases Google might choose to ignore such content as it’s not really a part of that URL from the visitor’s perspective.

So what to do with tabs on eCommerce product pages?

Having tabs on product pages is extremely common feature on the front-end of modern online stores. There’s often too much data about product to be put on one URL, and some of the data is “boring” or “not important for every customer” so we hide it into the tabs to make the interface clear for average visitor and make the call to action stand out.

This is a screenshot of tabs from a Magento powered online store:

Tabs - eCommerce SEO for Magento

Let’s first go through reasons why would one hide the content into tabs:

  • It’s gobbledygook content (legal stuff that no one ever reads and similar)
  • It’s something that only a small portion of users are interested in (detailed tech specifications)
  • It made the page look to large so we hid part of the description.

In the first case you can simply leave that stuff in tabs. There’s no need for most if not all of the visitors to read that and your visitors are probably thankful for not having to scroll through that.

In the second case you might wanna consider placing that content on a different URL so that it has a page Google can index and point specific search queries for these power users right to it, while linking the page from the normal product page so that both Google and those power users can conveniently access it.

On the screenshot above, such a page is a product reviews page. While it’s kind of part of the product page, we didn’t put it into a tab, we made a separate indexable page with reviews for that product so that Google can point “review for product XYZ” search queries to the most relevant page for them and they won’t bounce right away. Reviews in a tab is a common thing to see for online stores. The page user expects when searching for a certain product review is probably not your product page where he sees no reviews since they’re hidden in a tab.

In the third case, you really need to think about redesigning the page so that it better fits the amount of content it needs to show and bring that content from the tab into the page itself. Important content needs to be seen without any additional clicks. It shouldn’t be hidden in a tab.

Google is indexing my content in tabs, does this mean I’m safe?

Google might be indexing it, but it doesn’t mean it carries the same ranking weight as “content immediately visible” (we need an acronym for this. CIV? Motion seconded?).

So, no, you’re not completely safe even if you know for sure that Google is indexing the content in your tabs.

You made it all the way down here so you must have enjoyed this post! You may also like:

Keeping an eye on small things in eCommerce projects Goran Bokun
Goran Bokun, | 1

Keeping an eye on small things in eCommerce projects

Version control systems in UI design Katarina Dijakovic
Katarina Dijakovic, | 3

Version control systems in UI design

Wireframing a successful design for your online store Katarina Dijakovic
Katarina Dijakovic, | 0

Wireframing a successful design for your online store

4 comments

  1. That’s a good idea to improve website usability. Such plugins not only makes the website search engine optimized but also displays the content on the same page in different tab.
    I would also suggest to use Product Questions plugin that will display the FAQs on the product page and users can also place questions right on the product page. You can fine one here: http://bit.ly/1wEG6qS

  2. In regards with a question about Tabbed content which I had asked to John Mueller, he cleared it once again that Tabbed content is considered as secondary content and we almost discount it from being ranked in search results.

    So if you have very important content and wish it to be ranked, create a separate page or keep it on default load of the page.

    http://youtu.be/aKpQQY4S_7w?t=14m35s

    1. To quote the leaked quality raters guidelines document: Content behind tabs may be considered part of MC*, SC**, or even Ads, depending on what the content is.

      * Main content
      ** Supplementary content

  3. Bad advice to have different page for productreviews when Google tells us, in order to have rich snippets for that product page (stars, how many reviewers), it needs to be on the same page. Willem

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <blockquote cite=""> <code> <del datetime=""> <em> <s> <strike> <strong>. You may use following syntax for source code: <pre><code>$current = "Inchoo";</code></pre>.

Tell us about your project

Drop us a line. We'd love to know more about your project.