CSS Display None / Hidden? Will I get in Trouble?
-
Hi, We're integrating over a dozen of videos to the site to be featured in a slideshow manner.
A selected video will be featured in the center of the page, meanwhile the user can click on the small thumbnails and change it to something else.
For the selected videos, there will be a transcript shown right next to the video.
The trick is, we cant show the transcripts for all the videos at once, since that's just bad user experience - the page will be miles long.
We want to hide the transcripts for the videos which are not shown either in a div - or in some other Google friendly manner.
The question is? Is this Google - legit? Is there a chance of being flagged, since so much content will be hidden?
-
Hey,
I think I answered the question.
Go to this page: http://www.seomoz.org/article/search-ranking-factors
Click on any of the tabs. Scroll a little bit and select a sentence and search for it on Google You will see that Google gives the right URL, however it doesn't highlight the text on SERPs.
I do believe there is less weight given in that case, since google doesnt even seem to highlight the sentence In the case of long tail keywords, it will pick the destination that delivers the intent right away. In the case of hidden / non visible divs, there are more steps required to get there.
-
As long as all the text content is visible in the HTML and is accessible for users - then you'll be absolutely fine.
The CSS Display none method is normally a good solution.
However... for numerous reasons I agree with Mike that you shouldn't have all the videos and transcripts on a single page. Have you looked at possibly using HTML5 pushState as an alternative solution?
-
We use CSS Hidden content behind a clickable "Read More" on pretty much all of our sites in places where we want certain things viewable above the fold (mainly for aesthetic reasons). We've never seen any issues with Google not giving proper weight to the hidden content or flagging it as cloaking.
In your case though, I'd be concerned that having the transcripts for 12+ videos hidden on one page will make it less likely that each video will be found as easily as they should have. E.G. A video that would be perfectly relevant to a search may not appear in the SERPs for relevant terms because it is overshadowed by one or more of the other 12+ video transcripts. IMO, It might be more search-friendly and user-friendly to instead have a hub page linking out to the individual pages hosting the video and its related content.
-
Hi,
Sorry, to actually rephrase the question - will the page / site be given proper credit for that content? I know that Google will index it, and find within the quotations, but do you know if it will somehow take away the weight of that content since it is hidden? Will it show up if similar queries are searched?
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
-
Image Audit: Getting a list of *ALL* Images on a Site?
Hello! We are doing an image optimization audit, and are therefore trying to find a way to get a list of all images on a site. Screaming Frog seems like a great place to start (as per this helpful article: https://moz.com/ugc/how-to-perform-an-image-optimization-audit), but unfortunately, it doesn't include images in CSS. 😞 Does the community have any ideas for how we try to otherwise get list of images? Thanks in advance for any tips/advice.
Intermediate & Advanced SEO | | mirabile0 -
Will Amazon outrank our Online Store?
We're looking to add our products on Amazon to expend our reach of customers, but one question that I can't answer for sure is, will the Amazon product page outrank our online store's product page? I'm thinking that if we re-write the description and re-arrange the product name that we'll be fine but I'd like your guys’ opinion on this. Extra Info: Product that we're selling aren't listed on amazon, we're the only one selling these. So we might be shooting ourselves in the foot by trying to sell on Amazon since no one else is selling that product. Any feedback is greatly appreciated!
Intermediate & Advanced SEO | | FrankViolette0 -
Pluggin to minify CSS
Can somenone please recommend a good pluggin to minify css upload so that my web runs faster as it uploads more than 20 css and i want to placed it all on the same css
Intermediate & Advanced SEO | | maestrosonrisas0 -
If you have multiple schema types on a page, which Rich Snippet will display in Google?
We currently have product schema on product pages and will now be adding video schema to our product pages. According to Google they state you can have multiple schemas on a page, do you know if you have a product schema and a video schema which rich snippet will display in Google?
Intermediate & Advanced SEO | | gatorpool0 -
Sitemaps / Google Indexing / Submitted
We just submitted a new sitemap to google for our new rails app - http://www.thesquarefoot.com/sitemap.xml Which has over 1,400 pages, however Google is only seeing 114. About 1,200 are in the listings folder / 250 blog posts / and 15 landing pages. Any help would be appreciated! Aron sitemap.png
Intermediate & Advanced SEO | | TheSquareFoot0 -
How can we get a site reconsidered for Google indexing?
We recently completed a re-design for a site and are having trouble getting it indexed. This site may have been penalized previously. They were having issues getting it ranked and the design was horrible. Any advise on how to get the new site reconsidered to get the rank where it should be? (Yes, Webmaster Tools is all set up with the sitemap linked) Many thanks for any help with this one!
Intermediate & Advanced SEO | | d25kart0 -
CSS dropdown Navigation Structure for PR passing?
Hello, We are designing a very large site with hundreds of landing pages that will need to get some of the Pagerank and trust our homepage has, so we are trying to make sure our navigation architecure is well set up correctly from the beggining. I'm curious though if I need to have left side CSS dropdown navigation (I know no javascript) like www.adventurebound.com or if we can just use the top style dropdown like www.adventurefinder.com has? I know straight HTML links would be best but unfortunately our site will be too large and complex for that. Thanks in advance!
Intermediate & Advanced SEO | | iAnalyst.com0 -
WWW vs Non-WWW/Moving a site to a new CMS/Redirect all of the previous URLs
We are working on a new design for a website, which is currently on a CMS that has non-seo-friendly URLs. There is no redirection of 'www' to non-www or vice versa, or handling of homepage redirection so there is only one instance of 'home'. To move the site in the future, all of these URLs will have to be redirected to their new, and I hope, seo-friendly counterparts. Is it prudent now to redirect the four home page links so there is only one? and to redirect all non-www to 'www' so there is only one instance of each page? Or should I leave it and redirect all of them when the time comes?
Intermediate & Advanced SEO | | haan_seo0