Ecommerce Tabs
-
This isn't a unique problem but an e-commerce client has product information on a page, with separate tabs that have been historically loaded with a new page, which have been indexed.
- Product (/product): 8,450 Results
- Content1 (/product?tab=content1): 966 results
- Content2 (/product?tab=content2): 683 Results
- Content3 (/product?tab=content3): 1,750 Results
- Content4 (/product?tab=content4): 1,500 Results
All of the content shares a common product top section (summary of information) but has unique canonical url definitions, meta information, etc. The individual content tabs are all part of a larger grouping, which is why their index level is considerably less than the actual product page. As the client grows and updates this historical practice, one of the implementation options is making the content available on the page via an Ajax load.
The desire would be to maintain the ability to search for content1, content2, etc at that level and not spread the juice throughout all the main product pages. My question is what would the best setup be to maintain the historical ability to target the content individually via Search, while updating the UI/UX for a better customer experience? If the ajax route is the way to go, what are all the tasks necessary to properly handle without creating a separate duplicate pathing? Some of the tasks that I've outlined would be
-
Using pushState to update the url when the tab is changed
-
Is there an ability to also update canonicals & meta information?
what else am I missing? Any guidance would be great as Id love to get some thoguhts on the matter.
Thanks!
-
If they want to keep those "tab content" pages as their own indexable URLs to capitalize on long-tail traffic and provide a more targeted page then I would advise making them separate landing pages instead of "tabbed" content URLs. If they want that content on the product page then I would advise embedding the content on the product page without the use of these external URLs. It sounds like they want to have their cake and eat it too?
-
It's a very good question and definetly an option although at this time it isn't a viable option since the company isn't interested in a change to the overall legacy architecture which has all the content separated as I stated above. There is the desire to keep the tabs as specific targetable content as they are all specific deeper dives into the product and not necessarily the types of content that you pointed out above (specs, shipping, etc). It's more of a travel product where there is an itinerary, property, room type options (all of which are chosen later in a booking).
Though the index numbers aren't all that impressive, the sites had a number of previous architectural and duplication issues that are finally beginning to clear up and normalize. There is a belief that the cleaning of ur parameters, canonicalizations, etc that has happened will improve those index numbers.
Thano you for the suggestion, it's definitely appreciated and something I've considered although as I mentioned I'm not sure if it is a direction I'll be able to convince them on.
-
Hello Scott,
I am confident you will find the answers you're looking for here. However, I have a foundation question first. Why don't you just use hidden divs (display none) and simple javascript to allow the user to select which tab they're viewing without loading a new page or URL? Lots of eCommerce sites do this on product pages.
Google may give less "weight" to the content that isn't displayed by default, which is typically everything but the main product description tab (e.g. specs, additional features, shipping...). In most cases that's fine. But if you're worried about it you could always set the default to display all divs, and then IF they have javascript THEN collapse all but the main product description div, at least UNTIL the user executes javascript to display a div by clicking on a new tab. Make sense? It's the same end result, but done sort of backwards so all users with javascript turned off will by default see all of the content in-line instead of tabbed.
We can get into things like AJAX or Angular.js and other javascript frameworks, but that would definitely not be the optimal way to handle things in most situations.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Are In-Page Tabs still detrimental to SEO?
Hi Mozers, Are in-page tabs still detrimental for SEO? In-page tabs: allow you to alternate between views within the same context, not to navigate to different areas. As in one long HTML page that just looks like it's divided into different pages via tabs that you can click between. Each tab has it's own URL, which I guess is for analytics tracking purposes? https://XXX https://XXX?qt-staff_profile_tabs=1 https://XXX?qt-staff_profile_tabs=2 https://XXX?qt-staff_profile_tabs=3
Intermediate & Advanced SEO | | yaelslater0 -
Keyword Cannabalisation & Ecommerce
Hi I have an Ecommerce site, with a lot of similar products - for example leather office chairs - 80 products all very similar.. We worked to optimise product pages for longer tail phrases such as black executive leather office chair, but we now have different product pages trying to rank for these longer tail phrases as well. Now I'm trying to decide whether to focus on some priority product pages - adding lots of useful content/videos etc to try & boost the ones we want to rank for the long tail. OR whether to focus on the category page, and getting this to rank for all keyword variations... I'm a it stuck - any advice is welcome!
Intermediate & Advanced SEO | | BeckyKey0 -
Competing Pages on Ecommerce Site - Very Frustrating
We have multiple issues with this situation. We rank #1 for "Lace Fabric", #3 for "Lace Trim", and #80 for "Lace". We also rank for "Lace Ribbon", and "Lace Appliques". The Lace Fabric and Lace Trim pages have plenty of backlinks, wherein may lie the problem. We have a similar issue for "Satin". "Silk Satin", "Polyester Satin", "Satin Trim", "Satin Ribbon", etc. This is a very annoying and common pattern. Our backlink profile is sterling, and our competitors with inferior backlink profiles and branded search are outranking us. We outrank them across the board for 2 word terms. Based on my evaluation of TF/CF, PA/DA, Content, etc., we should be on page 1 for "Lace". IMHO, these pages are competing for the head term. Any ideas on how to eliminate this issue to rank for head terms?
Intermediate & Advanced SEO | | GWMSEO0 -
How to jumpstart a new Ecommerce site
Hello, I've got a new Ecommerce site I'm jumpstarting. It's one of those sites that takes a while to rank for. Here's what we're doing: 1. Creating a beautiful, mobile friendly site. 2. Adding a long detailed home page answering all the questions that people come to our industry keyword results with. 3. Adding detailed, beautiful cateogy pages. 4. Adding detailed, beautiful product pages. 5. Adding beautiful, long About Us & Resource Sites list pages. 6. Offering straight up obvious free shipping and no tax even though that's taking a hit in our industry. 7. We're going after the 2 main informational terms (keyword explorer) in the industry with a vengance - 20X as good as the competition for the main term. 8. We're adding 20-30 pages of articles to help our customers and hit major keyword search terms, although there's not much in our industry. What else would you recommend doing to jumpstart a new Ecommerce site that has difficulty being in the top 50? Thanks.
Intermediate & Advanced SEO | | BobGW0 -
Ajax tabs on site
Hello, On a webpage I have multiple tabs, each with their own specific content. Now these AJAX/JS tabs, if Google only finds the first tab when the page loads the content would be too thin. What do you suggest as an implementation? With Google being able to crawl and render more JS nowadays, but they deprecated AJAX crawling a while back. I was maybe thinking of doing a following implementation where when JS is disabled, the tabs collapse under each other with the content showing. With JS enabled then they render as tabs. This is usually quite a common implementation for tabbed content plugins on Wordpress as well. Also, Google had commented about that hidden/expandable content would count much less, even with the above JS fix. Look forward to your thoughts on this. Thanks, Conrad
Intermediate & Advanced SEO | | conalt1 -
Ipad Sales & Traffic Improvement for my Ecommerce site
Do you guys know any tool or software which provides follow things for my ecommerce site? Real Time/ next day data for ipad traffic Real Time/ next day data for ipad urls visited Read time/ next day data for ipad Page rendering load time for all the urls separately Real Time/ next day data for ipad network load time for all the urls separately Real Time/ next day data for ipad dom processing time for the all the urls separately Real Time/ next day data for ipad request queuing load time for all the urls separtely Real Time/ next day data for ipad web application load time for all the urls separtely Real Time/ next day data for ipad total load time for each url Real Time/ Next day data for ipad timestamp i.e Time of each url being accessed by the visitor Real Time/ next day data for ipad visitor city Real Time/ next day data for ipad visitor country code Real Time/ next day data for ipad visitor duration on that page Real Time/ next day data for ipad visitor user agent name foreg chrome, IE, safari, firefox etc Real time/ next day data for ipad visitor user agent OS foreg. ipad only Real time/ next day data for ipad user agent version foreg. ipad 8.0, ipad 6.0, ipad air, ipad ratina, ipad mini etc Real time/ next day data for ipad visitor for each url session trace in water fall like backend time, dom processing, page load, waiting on ajax, interactions of visitors etc Real time/ next day data for ipad visitor for each url with total request for each page. Real time/ next day data for ipad visitors for each url with javascript error on the page and javascript url plus stake track of that error. Real time/ next day data for ipad visitors for each url with ajax error on the page and ajax url plus stake track of the error Real time/ next day data for ipad visitors for each and every url where each and every request time taken in waterfall layout. Real time/ next day data for ipad visitors funnel visiualization tracking Real time/ next day data for ipad visitors transcations tracking. Please note that all above data also require day wise, country wise, previous days and month, model wise sorting, pagination feature, etc. waiting for your reply Regards, Mit
Intermediate & Advanced SEO | | mit0 -
Is tabbed content okay or bad for SEO? Google takes both sides.
Hello Moz Community! It seems like there are two opinions coming from directly from Google on tabbed content: 1) John Mueller says here that content is indexed but discounted 2) Matt Cutts says here that if you're not using tabs deceptively, you're in good shape I see this has been discussed in the Moz Q & A before, but I have an interesting situation: The pages I am building have ~50% static content, and ~50% tabbed content (only two tabs). Showing all tabbed content at once is not an option. Since the tabbed content will make up 50% of the total content, it's important that it is 100% weighted by Google. I can think of two ways to show it: 1) Standard tabs using jQuery Advantage: Both tab 1 and tab 2's content indexed Disadvantage: Tabbed content may be discounted? 2) Make the content of the tabs conditional on the server side website.com/page/ only shows tab 1's content in html website.com/page/?tab=2 only shows tab 2's content in the html. Include rel="canonical" pointing to website.com/page/. Advantage: Content of tab 1 indexed & 100% counted by Google Disadvantage: Content of tab 2 not indexed Which option is best? Is there a better solution?
Intermediate & Advanced SEO | | jamiestu130 -
When removing a product page from an ecommerce site?
What is the best practice for removing a product page from an Ecommerce site? If a 301 is not available and the page is already crawled by the search engine A. block it out in the robot.txt B. let it 404
Intermediate & Advanced SEO | | Bryan_Loconto0