From elgesto at gmail.com Wed Nov 2 01:48:22 2011 From: elgesto at gmail.com (ion ion) Date: Wed Nov 2 01:48:49 2011 Subject: [uf-discuss] make microformat class's invisible In-Reply-To: References: Message-ID: Hi! regarding the FAQ Q.?Given that Google now looks at hidden content as potential spam, will invisible microformats be considered spam? to make microformat data invisible is bad practice. But in my case there is no another choice I already have a page and insert microdata with all it's field will damage the view so how exactly I can mark the class invisible for view but completely OK for search engine what's the downside of this practice? Thanks! From unwiredbrain at gmail.com Wed Nov 2 02:47:32 2011 From: unwiredbrain at gmail.com (Massimo Lombardo) Date: Wed Nov 2 02:48:00 2011 Subject: [uf-discuss] make microformat class's invisible In-Reply-To: References: Message-ID: 2011/11/2 ion ion : > how exactly I can mark the class invisible for view but completely OK > for search engine How about this: https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css#L253 And this: https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css#L256 -- Massimo Lombardo From tdrake at yahoo-inc.com Fri Nov 4 08:40:22 2011 From: tdrake at yahoo-inc.com (Ted Drake) Date: Fri Nov 4 08:40:40 2011 Subject: [uf-discuss] make microformat class's invisible In-Reply-To: Message-ID: We've put together a great article on how to hide stuff and why you should use one pattern over another. The goal is to have something that is hidden but also accessible. As Yahoo is a global company, we also needed a solution that works in rtl languages. http://yaccessibilityblog.com/library/css-clip-hidden-content.html -- Ted Drake Yahoo! Inclusive Design http://accessibility.yahoo.com Twitter: @yahooaccess Facebook: http://www.facebook.com/YahooAccessibility On 11/2/11 6:47 AM, "Massimo Lombardo" wrote: > 2011/11/2 ion ion : >> how exactly I can mark the class invisible for view but completely OK >> for search engine > > How about this: > https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css#L253 > > And this: > https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css#L256