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
-
Why is my contact us page ranking higher than my home page?
Hello, It doesn't matter what keyword I put into Google (when I'm not signed in and have cleaned down my browsing history) the contact us page ranks higher than the home page. I'm not sure why this is, the home page has a higher page authority, more links and more social media shares, the website is an established one. When I have checked Google Analytics my home page gets more people landing on it than the contact us page. It looks like people are ignoring the contact us page and scrolling down until they find the home page. I'd appreciate any help or advice you might have. Thank you.
On-Page Optimization | | mblsolutions2 -
Spammy page titles
Over the last couple of weeks, I have noticed that Google aren't showing the page titles for my online shop anymore. They're set up with a third party plug-in piece of software, and while it's an old version of the software, the developer said it wouldn't be causing issues. They have suggested that I re-write my page titles to be less spammy. The thing is, Google haven't attacked just spammy looking titles, they're just taking a swoop through my whole site and not showing any of my page titles in their search results. I'm getting "Category Name - Shop Name" showing. Here's some of the page titles no longer appearing and I honestly have no idea how to rewrite these to not be spammy. Are there any good articles on what's spammy and what isn't? "Coconut oil - best tasting in Australia. Buy online from <my business="" name="">"</my> "Discount Vitamix Blender. Best deal in Australia. Buy online from <my business="" name="">."</my> "Natural & Organic skin care for the face | buy online in Australia from <my business="" name="">."</my> There are others that are showing the real page titles, but I think it's only a matter of re-indexing before they're all not showing. Any clue?
On-Page Optimization | | sparrowdog0 -
How to rank well on 2 keywords - 2 separate pages or 1 combined page
Hi, I have a website about allergy. We ar developing new content, and through keyword research I have discovered that "dog allergy" and "cat allergy" are both very common searches. However, the cause, and symtoms are very alike for these 2 types of allergy so it would make sense to combine the two allergies on one page. So my question is: What do I choose to increase my chances to ranke the best I can for both "cat allergy", and "dog allergy"? Should I develop 2 separate pages for cat & dog allergy or should I do a combined page? (We would of course review the texts so no duplicate content/text would be used if we chose to have 2 pages) I would be so greatful for your advice!! Kind regards, Jeanette
On-Page Optimization | | Mylan-GDM0 -
On-Page Analysis Question
Hi, I have a question about the On-Page Analysis report. I am tracking two different keywords for our campaign: "Private Dining" and "Private Dining Sacramento". We are ranked 8th for Private Dining Sacramento but we have an On-Page analysis rating of F. While on the other hand we are not ranked in the top 50 for Private Dining but have an A on-page report. When looking at the on-page report it makes sense that we have an F for Private Dining Sacramento as we don't use that keyword anywhere on the page. We only use Private Dining. However, we are still ranked for Private Dining Sacramento and not for Private Dining. Should we update our keywords/text to use the Private Dining Sacramento keyword instead of the Private Dining? If we add Sacramento will we also get credit for Private Dining because it will still be part of all H,P and A tags we use? Sampe Report | Keyword | Grade | Google US |
On-Page Optimization | | Three29
| URL | Current | Change | Rank | Change |
| | Private Dining /private-dining | A | No-change-icon | no data |
| | Private Dining Sacramento /private-dining | F | No-change-icon | 8 | No-change-icon |0 -
SEO for standard website pages
How do you folks approach adding some SEO value to the standard "every site has them" pages like "About Us", "Contact Us" and such? I struggle trying to find some relevant non-branded content. We normally cover all the customers relevant services and product offerings in pages specfiically tailored to that content, but don't want to waste pages if they could have some value in drawing traffic. Any great ideas, Mozworld? Thanks, Mark
On-Page Optimization | | DenverKelly0 -
Duplicate Page Title
Hi Guys, First off, it's an honour to be a part of this awesome community. I'm using WordPress and getting top 3 rankings for great keywords and I'm very excited, however my page titles are in this format "keyword optimised title here - site name here" eg: "This is my keyword - this is the name of my blog", "This is another keyword - this is the name of my blog", "This is a longtail keyword - this is the name of my blog" SEOMoz is reporting errors because of duplicate page title tags due to the "this is the name of my blog" being in every page title. Will this hurt my rankings? Thanks in advance and keep up the great work! Cheers, Troy.
On-Page Optimization | | TroyDean710 -
SEO for E-Commerce
Hello Guys, First of all, I wanna say that I just have some 1-2 years experience in SEO, I´m not a GURU or expert ok? So, take it easy... I have one costumer which wanna develop a E-COMMERCE focusing SEO and best pratices of web development. What care should I have? I mean the most important issues... From the coice of domain name to very specific point. What is the main mistakes SEO made at develop a E-COMMERCE? Thanks so much 😃
On-Page Optimization | | augustos0 -
Pages crawled
I noticed there is a limited in the number of pages crawled on galena.org? Will this number increase over time?
On-Page Optimization | | nskislak240