Seo and CSS media queries

[Lusodados]

Hello to all participants!

I'm starting on responsive design with css media queries and I was wondering if hidding content can, in this case, can also be bad for seo?

I know that hidding content is bad (eg. display: none;), but is it also like that with responsive design or does Google see it other way?

If I have a news column with title, image and text for 1024px and hide the text and image leaving just the title for 768px, or smaller, will Google consider this black hat and will it be bad for seo?

are there any articles I can read about this subject, and other similar subjects?

sorry for my english

thanks

[TomRayner]

First of all, for the benefit of the discussion it's worth pointing out that the Googlebot will ignore the CSS code and read whatever is in those tags.

Using tags like "display: none" and other similar ones will not by itself result in the Googlebot sounding the alarm.  It is sophisticated enough to recognise that many web designs use the tags for a better look at the website and UX experience.

Where it might start getting angry (and you won't like it when it's angry) is when it finds links within the tags - particularly those that point to completely irrelevant webpages and/or spammy ones.  If that happens, it's quite a big no-no, as it will think you're trying to hide these links from Google for nefarious reasons.  Similarly a whole bunch of content that could be duplicate and/or is being used for keyword stuffing etc would also sound the alarm.

Provided you avoid that, I wouldn't worry about using the tags, as it can be useful for a number of reasons.  Worth remembering, however, that the Googlebot will crawl and see whatever is hidden in their anyway.