Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
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
-
Shifting target keyword to a new page, how do we rank the internal page?
I have been targeting one keyword for home page that was ranking between the postilion 6-7 but was never ranking on 1st as there were 2 highly competitive keywords targeted on the same page, I changed the keyword to an internal service page to rank it on 1st, I have optimized the content as well but the home page is still ranking on 11th, how do I get the internal page rank on that keyword
On-Page Optimization | Sep 12, 2019, 10:51 AM | GOMO-Gabriel0 -
FAQ page structure
I have read in other discussions that having all questions on an FAQ page is the way to go and then if the question has an answer worthy of its own page, you should abbreviate the answer and link to the page with more content. My question is when using some templates in WP, they have a little + button you can click and it reveal the answer to the question. Does this hurt SEO versus having all text visible and then using headers/subheaders? An example of the + button https://fyrfyret.dk/faq/
On-Page Optimization | Dec 29, 2017, 6:25 AM | OrlandSEO1 -
Hi, Does having orphan pages on my site negatively affect my seo? Thank you.
Hi, I have quite a few orphan pages on my site and we see that our rankings have fell significantly over the past 6 months. Can this have be negatively affecting our rankings? Thank you.
On-Page Optimization | Feb 21, 2017, 2:13 PM | whiteonlySEO0 -
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 | Jun 17, 2014, 8:04 PM | StudioCiteroni0 -
Does Hiding the article´s date in a blog affect SEO?
We are running a blog and would like to hide date, as users find the article less interesting if they are dated more than 2 years ago. Will hiding the article´s date in a blog affecto SEO? Thanks in advance u2cJxsr
On-Page Optimization | Dec 19, 2014, 10:47 PM | goperformancelabs0 -
Home page and category page target same keyword
Hi there, Several of our websites have a common problem - our main target keyword for the homepage is also the name of a product category we have within the website. There are seemingly two solutions to this problem, both of which not ideal: Do not target the keyword with the homepage. However, the homepage has the most authority and is our best shot at getting ranked for the main keyword. Reword and "de-optimise" the category page, so it doesn't target the keyword. This doesn't work well from UX point of view as the category needs to describe what it is and enable visitors to navigate to it. Anybody else gone through a similar conundrum? How did you end up going about it? Thanks Julian
On-Page Optimization | Mar 20, 2014, 12:39 PM | tprg0 -
Does css float affect SEO?
It is generally believed that the closer the content is to the top of the page, the better it is for SEO. If that's incorrect, please let me know. I have a 2 column site where the left menu is navigation and right side is content. Obviously, the left menu appears in the code before the content does, but I can flip them around via css float. If I do that, the content will appear on the left visually, even though in the code it still comes after the left side navigation. Do either positions affect seo?
On-Page Optimization | May 19, 2013, 8:33 AM | cmp1010 -
Missing meta descriptions on indexed pages, portfolio, tags, author and archive pages. I am using SEO all in one, any advice?
I am having a few problems that I can't seem to work out.....I am fairly new to this and can't seem to work out the following: Any help would be greatly appreciated 🙂 1. I am missing alot of meta description tags. I have installed "All in One SEO" but there seems to be no options to add meta descriptions in portfolio posts. I have also written meta descriptions for 'tags' and whilst I can see them in WP they don't seem to be activated. 2. The blog has pages indexed by WP- called Part 2 (/page/2), Part 3 (/page/3) etc. How do I solve this issue of meta descriptions and indexed pages? 3. There is also a page for myself, the author, that has multiple indexes for all the blog posts I have written, and I can't edit these archives to add meta descriptions. This also applies to the month archives for the blog. 4. Also, SEOmoz tells me that I have too many links on my blog page (also indexed) and their consequent tags. This also applies to the author pages (myself ). How do I fix this? Thanks for your help 🙂 Regards Nadia
On-Page Optimization | Feb 28, 2012, 7:46 PM | PHDAustralia680