According to Google Webmaster guideline "Hidden text" is not acceptable. Which means I do have a dov containing some good amount of title or paragraph with link or images if I make it display:none in my CSS, it is against Google crawl policy (thats how it seems).
My question is if I use it within media queries how Google will react? I mean
@media handheld, only screen and (max-width: 767px) {
body {
}
.mobile-friendly{ display:none;}
}
for fluid website development we often have to hide certain contents to make the site mobile friendly. Rather than making css for each browser we now code css within same file and define browser behaviour using media queries.
So is google take any action against it?
--Additional Piont/Question Thanks @John Conde; You are right. Google still is not taking much action against Hidden text. But still pro SEO suggest not to use it. In Example using logo within tag on wordpress and text-indenting them to -9999px ... there are more of the tricks involved.
As I am trying to play safe; this is annoying me a lot.
Google Hidden Text Violation Guide
You see they clearly mention CSS display properties. They didn't explain about these media query exception! As I am trying to be over sure and as Google didn't mentioned anything about it I'm still confused on this question. Any Advice?
Thanks for the edits by editors. I'm new here sorry for any inconvenience.
Why you may require to hide few contents? The blog I'm desiring is responsive. I want to let my visitors know about it's mobile friendly design. I have placed few mobile icons for better user experience and usability assurance. But I want them visible only on desktop browser not on mobile. Because if they are already browsing from mobile they don't needed to be notify. Infact I can rather tell them this site can be used as web apps while they are on mobile.
