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
-
Looking for an SEO Expert
We're overwhelmed with client work and looking to hire an SEO professional to handle our local rankings and give us a fresh perspective. Feel free to message me privately or reply here. Thanks!
On-Page Optimization | | ScottImageWorks0 -
Changing a page url
I have a page that ranks well (#4) for a good keyword. However, the url has the keyword in it but is misspelled. I would like to change the url to have the correct spelling but do not want to lose the ranking that I have. What is the best and safest way to proceed?
On-Page Optimization | | bhsiao0 -
Changing the url of a page
Hello. I would like to change the url of a page. It currently has very few inbound links. I would set up a 301 redirect to the new url. Is there anything else I should take into account before changing the url? Is there a downside to changing a url? Do inbound links carry the same value when a 301 redirect is involved? Thank you!
On-Page Optimization | | nyc-seo0 -
Footer and SEO
Hi All... We have a client who wants to really minimize and simply their website. They want to remove some of the footer info. Obviously we do not want to remove any contact or address but they would like to remove the footer menu system. I have read various things about it NOT effecting SEO and that it is there for user navigation and usability. Thoughts? Opinions? zach
On-Page Optimization | | Group20 -
Your thoughts on page navigation
Hi again SEOmoz community. What are your thoughts on mainpage navigation. How it should be handled? Scenario 1. - links to the main sections with a mouse rollover feature where it shows subsections of the main sections Scenario 2. - links to the main sections, but the subsections are hidden and only visible on the click Scenario 3. links to the main sections and subsections allways visible I would like to hear you oppinions on this. What did you find as the best featrue, or did you try to find someting new entirely. What do you think would be the best scenario SEO wise and in the light of keeping links on page in decent numbers 🙂 Imo, Scenario 2 is the option to go with. Tnx in advance for all your replys. Sincerely, sinisa
On-Page Optimization | | TataSinke0 -
Page Title in Local SEO Title Tags?
Hi All, Still working on my title tag usage for local SEO, and I was hoping for some more feedback. My question is this: In Local SEO titles, I'm using location + keyword combinations, unique on each page. However, since each page has a specific title for the client, I figure I should be placing that at the front. My thought here was that this helps with the overall usability to the reader of the website. Ex. Contact Us page for Pizza shop Contact Us | Springfield IN Gourmet Pizza | Moe's Italian Pizza Anyone have thoughts on this one? Thank you!
On-Page Optimization | | kbaltzell0 -
How could I avoid the "Duplicate Page Content" issue on the search result pages of a webshop site?
My webshop site was just crawled by Roger, and it found 683 "Duplicate Page Content" issues. Most of them are result pages of different product searches, that are not really identical, but very similar to each other. Do I have to worry about this? If yes, how could I make the search result pages different? IS there any solution for this? Thanks: Zoltan
On-Page Optimization | | csajbokz0 -
Too many links on a page?
On my blog posts, I have links to all the categories and months, dating back 5-6 years. This make the number of links on each blog page well over 100, which I understand might decrease the value of each page. Is there a problem with having more than 100 links on a page?
On-Page Optimization | | rdreich492