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
-
Seeking Advice on Improving On-Page SEO for my Website
I'm looking for some expert advice on improving the on-page SEO for my website, CCTV Camera Installation. Despite following best practices, I feel that my site isn't performing as well as it could be in search engine rankings. Here are a few specific areas where I'd appreciate some guidance: Content Optimization: I've ensured my content is keyword-rich and valuable to my audience. Are there any advanced techniques or tools that can help further optimize my content? Meta Tags and Descriptions: I've written unique meta titles and descriptions for each page, but I'm unsure if they're as effective as they could be. What are some tips for crafting compelling meta tags that improve click-through rates? Internal Linking: I've set up a basic internal linking structure. How can I enhance this to better distribute link equity and improve user navigation? Page Load Speed: While my site's load speed is decent, I'm aware that even minor improvements can have a significant impact on SEO. Are there any specific optimizations or tools you recommend for speeding up my website? Technical SEO: I've covered the basics like XML sitemaps and robots.txt files. Are there any advanced technical SEO practices that I should be aware of? Here is the link to my website for your reference: https://www.acssllc.ae/ Thank you in advance for your help! Best regards,
On-Page Optimization | | Htdbf
Israr Khan0 -
OnPage SEO
I am about to start my website http://i-love-skiing.com/. I would like to know what OnPage ranking factors should I consider while launching or building my website. I want to rank higher on search results.
On-Page Optimization | | TheresaWoods0 -
Do Blog Tags affect SEO at all anymore?
We're trying to standardize the use of tags on our site amongst writers/editors, and I'm trying to come up a list of tags they can choose from to tag posts with - and telling them to use no more than 10 (absolute maximum) per post. We are also in the process of migrating to a new CMS, and have 8 defined categories that will all have their own landing page within our "News" section. TLDR: Do blog tags have any impact on SEO anymore? Are they solely meant to help users find articles related on popular topics, or does creating a tag for a popular topic help to improve organic visibility? Full Question: With the tag standardization, I want to make sure we're creating the most useful and effective tags; and the UX/SEO sides of my brain are conflicted. To my understanding, creating a tag about a high volume topic in an industry helps establish the website's relevance to Google/other search engines about that topic and improves overall relevance; but the tag feed page (ex: http://freshome.com/tag/home-protection/) isn't really meant for organic search visibility. So my other question is, is it worth it to noindex the tag pages in the robots.txt? Will that affect any benefit to increased relevance for Google (if there is any)? I'm interested to hear others' thoughts and suggestions. Thanks in advance!
On-Page Optimization | | davidkaralisjr0 -
Maximum page size for better seo results?
Does really page size affect the results in search engines? And, what is the maximum in this case?
On-Page Optimization | | Eslam-yosef0 -
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 | | cmp1010 -
SEO for spanish website
Hi, A client has given us the site http://www.comtranslations.com/Home.html for optimization. He wants to optimize only the spanish part ( the link is on the top right ). By clicking on the link Espanol, the url opened is - http://www.comtranslations.com/Principal.html. He wants seo for this website for spanish keywords. The keywords are - Traducción
On-Page Optimization | | seoug_2005
Traductor
traducir español inglés
traducción My question is how do we go about this ? Shall we purchase a software that translates spanish to english ? Thanks0 -
German SEO
Just a quickie, Does anybody know of any strong German SEO agencies? Many Thanks Sean
On-Page Optimization | | Yozzer0 -
Creating New Pages Versus Improving Existing Pages
What are some things to consider or things to evaluate when deciding whether you should focus resources on creating new pages (to cover more related topics) versus improving existing pages (adding more useful information, etc.)?
On-Page Optimization | | SparkplugDigital0