Display: none
-
A prominent SEO consultant recently told me that using display:none in the css is still a bad idea. We built a simple drop down menu using widely used jquery techniques and it uses display:none to slideToggle the menu.
Does anyone else think this is a bad idea? If so, how should I change it since just about every jquery drop down I come across uses the slideToggle/display:none.
-
I'd suggest checking that any jquery solution hides stuff with display:none after the page has loaded. Essentially is the content/menu fully visible when you turn javascript off and load the page? (regardless of how horrific the display looks?)
Bear in mind that Google also advises against things like display:none for implementation of things like microformats.
-
Using display:none is fine. There's JavaScript on the page that will make those items display when the users takes some action on the menu. Google has some way of reading the JavaScript to see what may be displayed, and at this point, I'm sure they're very good at detecting these types of menus. I don't think you can't make a menu like that without using it, and tons of sites use them.
Obviously, you shouldn't use display:none to cloak text on the page, when no user action can get that text to be displayed.
-
Conventional wisdom says this is a bad idea because its a technique used by black-hats to stuff keywords into their documents. See:
http://www.mattcutts.com/blog/seo-mistakes-unwise-comments/
However, for JQuery and things like menu's and screen reader links, Google appears to know the difference. See:
http://www.google.com/support/forum/p/Webmasters/thread?tid=50f9a4942ac605ec&hl=en
The takeaway is you can use this, and its unlikely to get your site penalized. But be careful that what you're doing is both (a) common practice and (b) couldn't get caught in a spam finding algorithm. If you are in MLM or pharmaceuticals or something that often gets associated with spam, you'll want to avoid using these techniques. If there's no way your site could be considered spam and you're using display:none legitimately, then you'll be safe.
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
-
Bing result title is displaying a competitors name
When searching "Cambridge Savings Bank" which is the specific name of a bank in Bing the search results return with them as Number one with the correct URL. The issue is Bing has titled the search result "East Cambridge Savings Bank" (which is another entity all together) and still has the correct www.cambridgesavings.com URL. So basically Bing is putting another corporation's name on our website. This issue only is in Bing. Any idea how to correct this? 2.png 1.png
Technical SEO | | BOD20081 -
Looking for a tool that will display the contents of the htaccess file
I am looking for an online tool that will display the contents of the htaccess file. i came across a tool a month ago, but I can not recall the name of the tool. Thanks
Technical SEO | | irvingw0 -
Rich Snippets Inconsistent Display
Hi Folks, We implemented Schema mark up on our hotel details page many months ago now (previously we had a different mark up language, but switched to Schema during a complete page re-design). Its been live for plenty of time now and is being picked up in webmaster tools. http://www.asiarooms.com/en/singapore/singapore/175433-orchard_hotel_singapore.html Even before we switched to Schema we had a very inconsistent display of rich snippet data in the search results and this has continued despite the mark up being implemented correctly. For example, a search in Google Singapore for 'Orchard Hotel Singapore' shows the AsiaRooms.com listing without any rich snippets. You can see that the vast majority of our competitors like Agoda, Booking.com always show rich snippet data (search for 'orchard hotel singapore agoda' for example). I have checked the hotel in the rich snippet testing tool and its marked up correctly such that it should feasibly show the review count and the score. http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.asiarooms.com%2Fen%2Fsingapore%2Fsingapore%2F175433-orchard_hotel_singapore.html&html= Whilst Agoda and Booking seem to display rich snippet data on literally EVERY hotel, its very inconsistent for AsiaRooms which is extremely frustrating - feels like some kind of punishment or favouritism. Any ideas why this might be the case and anything I could try to resolve it? Thanks, Ben
Technical SEO | | BenRush1 -
Why does GWT fine duplicate descriptions where none exist?
On my website, www.heartspm.com, I have been gradually changing over local information to remove near duplicate content. I created templates to create near duplicates for regions (coastal, inland, valley, etc. Then I also have been gradually creating unique pages for each city, such as Poway, Santa Monica, etc. Either way, I have this component of the website built on a list of cities with SEO information unique to each one pulling in template information. Now to my question: I am getting most of these pages coming up with GWT duplicate meta description information even though the descriptions are quite different between city to city. I am viewing the source page generated as well as the descriptions that are displayed by Google on the search engine. These descriptions do not appear to duplicate to me. So why the error?
Technical SEO | | GerryWeitz0 -
Setting preferred domain as www or none www
Way back before panda I used to rank for certain keywords pretty well. Of course like many others after panda I lost some of those rankings. I have been getting better since then so its not that bad. I was poking around in Google Webmaster Tools and I noticed something which I need some clarification in. History my site freescrabbledictionary.com used to be indexed as a none www. Then some time ago I can't remember when I set it to www. Tonight I was looking through my webmaster tools and I noticed something that did not make sense to me. In my content keywords section for the none www my list is as follows Content Keywords <form action="https://www.google.com/webmasters/tools/keywords-list?hl=en&siteUrl=http://freescrabbledictionary.com/" method="GET"> Keyword Significance 1. scrabble 2. words (2 variants) 3. dictionary 4. cheat 5. finder 6. friends 7. maker (2 variants) 8. noun 9. letter (2 variants) 10. hasbro 11. mattel 12. spear 13. found (2 variants) 14. sowpods 15. freescrabbledictionary 16. builder 17. affiliated 18. search 19. solver 20. lists </form> Then I looked at my www lists and its Content Keywords <form action="https://www.google.com/webmasters/tools/keywords-list?hl=en&siteUrl=http://www.freescrabbledictionary.com/" method="GET"> Keyword Significance 1. words (3 variants) 2. scrabble (2 variants) 3. letter (4 variants) 4. points 5. cheat (3 variants) 6. friends (2 variants) 7. finder (2 variants) 8. anagram (2 variants) 9. dictionary 10. tool (2 variants) 11. hasbro 12. mattel 13. spear 14. game (4 variants) 15. mobile 16. affiliated (3 variants) 17. berkshire 18. canada 19. calculations (5 variants) 20. coming (4 variants) </form> My none www version has the order (especially the first 5 keywords) that I want, my www version is no were near it. If I change back to the none www version could I possible see an change in rank? or can it effect it if I change it? I am starting to think I shot myself in the foot when I switched...
Technical SEO | | cbielich0 -
Does it matter that our cached pages aren't displaying style
We've got pages that, when I search for them in Google and click on Cache, show NO styles, nothing from the CSS. Is there any way that could effect rankings? I don't think so, but it does fall into the category of showing one thing to the bots and another to the user, which is bad. Also, could blocking /scripts in robots.txt be preventing bots from accessing the CSS? Thanks
Technical SEO | | poolguy0 -
Dramatic Decrease in Google Organic Traffic Indicates a Penalty But None Found
So we've been having some difficulty with one of our websites since we split it in half and moved one section of content to a new domain with a new name, at the end of May. http://www.dialtosave.co.uk/mobile/ was moved to http://www.somobile.co.uk And in the following 6 weeks, the google organic traffic has fallen to miniscule levels, that seem to indicate a more serious issue than just low ranking. Initially when the site was moved, the 301s transferred the authority very quickly and the new website pages ranked well. Now, some of them simply won't rank at all unless you include the name of the website "somobile". Here is one of the current rankings that indicates an issue:
Technical SEO | | purpleindigo
"somobile" - 1
"somobile mobile phones" - not in top 50 These are some of the terms we used to rank in the top 10 on Google UK, and still do on Bing UK, but don't rank in the top 50 on Google UK now:
samsung galaxy ace
apple iphone 5 deals
samsung tocco icon Our webmaster central account says that only 30% of the pages in our sitemap are in the index. It seems like a penalty has been imposed, but our reconsideration request (just submitted because it seemed like a sensible next step) came back saying there were no manual actions taken. Can you see what it is that might be causing the problem for us? I would have thought it was the new domain (with less direct links and less brand credibility), or content issues, but I would have thought that would just reduce the ranking by a few pages rather than just hide the pages altogether.0 -
Homepage display for seo
hi, Which is the best , seo speaking, about the homepage display with a CMS (joomla here). 1/ To display articles as "blog" and thus articles are always recent but not the same (chronological).. 2/ To display always a same article (just 1) but updated sometimes to times ? 3/ Both of them are good ? Tks a lot in advance..
Technical SEO | | mozllo0