How does a collapsed section affect on page SEO?
-
A client recently asked me whether a tabbed collapsed section of text that is expanded (i.e. revealed) when clicked, is an OK thing to do without negatively effecting SEO.
I told him that for starters, he may want to rethink why he would want to hide the text in the first place (this is not an FAQ type scenario). The reason has to do with the aesthetic of the page.
Anyway, aesthetic aside, any thoughts on whether a collapsed (hidden from view) negatively affects on-page SEO?
Thanks.
Stephan -
As long as the search engine can read all the text, I see no issues. Modern designers put text in multiple tabs or partially hidden until expanded all the time these to create a better user experience. It is generally only hidden from the user using css and is fully visible in the code.
-
Hi Stephan,
Presuming the expand/collapse thing is done properly, it should be golden. You'll find a lot of sites use this approach when they have multiple pages of content, e.g. a product page with specifications, reviews, technical details, etc.
I do this on my travel website. A great way to test to see if the initially-collapsed content is being seen and indexed by Google is to take a block of text from the collapsed section and search for it in double-quotes.
Here's an example: search for "At the Bora Bora Pearl Beach Resort you can discover the sparkling magic of the lagoon". You'll find my site there at #3 (Visual Itineraries), along with the other 1000 websites who've also copied the resort's description straight from the resort's website (yeah, I really shouldn't do this). So much for Google's duplicate content detection when it comes to text chunks...BUT I DIGRESS. That content you see is on the More Info tab.
Now, on to what "done properly" means:
- each tab should be in a separate div
- assign all divs a class which has style="display:none;" EXCEPT the currently selected tab
- have onclick handlers for the tabs that set all of the divs' classes to the display:none class, and then set the newly selected tab's div class to one with display:block or display:inline
And not done properly would mean something like changing the text of a div with Javascript onclick()....because Google won't see that text in the Javascript. It's got to be in the HTML.
That's about it. Not so tricky, really. And works well both for usability (no roundtrip to the server, not even an Ajax fetch!) and for SEO (lotsa yummy content on a single page for Panda).
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
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
-
Q& A section - SEO perspective
We have a software in our website where customers can ask questions and it will send questions to people who already bought it to get answers. The answers are there in each item page. So each item page has item description , reviews, and Q&A sections. We get lot of questions and answers and software is great but we don't know if it really is helping us for the huge price we are paying them. In an SEO perspective will it help due to content or will it dilute main keywords due to the Q&A content? Thanks RB
On-Page Optimization | | rbai2 -
Numerous duplicate destination URLs from within one menu - potential impact for on-page SEO?
Hello all What is your evaluation in regards to a number of links (different anchors) targeting the same destination URL from within one and the same menu (on the same website)? Keeping it brief: Think of a top menu drop down entry, that needs to feature the alphabet (each letter has it's own sub-entries). However, the actual letter itself is not represented by a page (it has no URL either). So far so good. However, when testing the menu on a mobile device, the letter entries are still treated, as if they were non-existent pages - thus throwing a 404 when clicked. In order to avoid people getting a 404 when clicking on any letter, it would be ideal, if they were directed to any main page (the same destination URL though). However, that would mean 26 times the same destination URL from within that menu. Is this approach potentially bad for SEO, hence there would be numerous duplicate destination URLs in place? Please mind, I am not inquiring for help on how to arrange the actual menu. I am concerned about the impact, identical destination URLs could have on the on-page SEO. Many thanks in advance for your help and input!
On-Page Optimization | | Hermski0 -
Can "window.location" javascript on homepage affect seo?
Hi! I need to add a splashpage to my wordpress site. I use "window.location" javascript on the homepage to redirect on the splashpage (controlled by cookie to redirect only for the first access). Can this technique affect the SEO on homepage? Thanks in advance!
On-Page Optimization | | StudioCiteroni0 -
How much the Page Rank matters in SEO?
I have my own blog which is 6 Month old with Page Rank 1, and my fiends has a blog with page rank 2 which is 6 Months Old domain as my. I used to work hard on content and Link Building. Following every webmaster guideline spending 3 to 4 Hours on my blog, but my friends website is just crazy, 3 Website links to it with no PR, no Facebook, no twitter shares and nothing. I want to Know How my friend website has High PR than me, Does Page Rank Really matters in SEO or my friend is performing some black hat magic on his website. Best answer will be appreciated thanks
On-Page Optimization | | Ganesh340 -
Give me your SEO Review
Hi Mozzers, I've been working on redesigning and revamping this site, http://www.canvaspaintings.com. Their domain and keyword are a match but not ranking #1. Some initial things I feel that needs to be changed are the links on the side and top bar, viewing the on page report, it does have a lot of links on every page. Trying to figure out how to remove them without having the top nav look empty. Previous category descriptions were written by possibly an article spinner or keyword stuffed writer. Need to start building more links, although PR5, it doesn't rank too well. Let me know your opinions and thoughts, I would love to hear them out. TMI!
On-Page Optimization | | William.Lau0 -
On-page keyword usage
SEOMOZ gave me all zeros for keyword usage. Why? The site is www.grass2greens.com and the keywords are "Asheville Landscaping Edible." The site includes these words in the title page and throughout the body text. I am not really sure, but maybe one cause for these low keyword usage ratings might be redirects or some meta tag issues, but I am really not sure. Any ideas?
On-Page Optimization | | dcaudio0 -
Only 1 Page Being Crawled
I have a website I'm tracking www.alhi.com. But my report is saying that only 1 page is being crawled each update. My campaign is set up for the sub domain www.alhi.com, so I'm not sure why I would have this issue. Can you help? Thanks!
On-Page Optimization | | LeslieVS0 -
Why does my on-page report card say my page title is 403 forbidden when its not?
I'm trying to get on top of my on page stuff and I'm going through the SEO Moz on-page report cards and it says I'm scoring a fail on certain elements within the 'critical' and 'high importance' factors as my page title is '403 forbidden' but when I go on to my site, my sites CMS it's not '403 forbidden' it's the text I entered?
On-Page Optimization | | jamesj35mm0