Hiding content or links in responsive design
-
Hi,
I found a lot of information about responsive design and SEO, mostly theories no real experiment and I'd like to find a clear answer if someone tested that.
Google says:
Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device
https://developers.google.com/webmasters/smartphone-sites/detailsFor usability reasons sometimes you need to hide content or links completely (not accessible at all by the visitor) on your page for small resolutions (mobile) using CSS ("visibility:hidden" or "display:none")
Is this counted as hidden content and could penalize your site or not?
What do you guys do when you create responsive design websites?
Thanks!
GaB
-
Hi,
Saijo and Bradley are right in saying that hiding elements on a smaller screen should not be an issue (as it's a correct implementation of responsive design). Bear in mind as well that there is a Googlebot and a Smartphone Googlebot, so as long as the Googlebot is seeing what desktop users see and the Smartphone Googlebot (which uses an iPhone5 user agent) is seeing what mobile users see, it shouldn't be a problem.
The only thing I would add:
If you are going to use display:none to prevent a user from seeing something when they view your site, it's good to include an option to 'view full site' or 'view desktop site'. Also in that case I would question whether you actually need that content on the desktop site at all? Because best practice is to provide all the same content regardless of device.
If it's hidden but still accessible to the mobile user (in a collapsible div for instance) there's no cloaking involved so it shouldn't cause a problem.
As a side note: the Vary HTTP header is really for a dynamically served website (that is, a single URL which checks user agent and then serves the desktop HTML to desktop devices and mobile HTML to mobile devices).
Hope that helps!
-
The way I see it.
Google does not have a problem with proper use of things like media queries. More info : https://developers.google.com/webmasters/smartphone-sites/details . They ONLY have problem with webmasters when the hidden text is only available to search engines for SERP manipulation.
Read more into the " The Vary HTTP header " bit in the link above and some info from Matt : http://www.youtube.com/watch?v=va6qtaiZRHg&feature=player_detailpage#t=219
-
I understand what you are referring to about having to hide certain elements on smaller screens. Sometimes not everything fits or flows correctly.
When this happens, however, I try to hide design elements as opposed to text or links. I'm also OK with hiding images. If a block of text or a link seems out of place or doesn't flow properly, I will build a dropdown for it. I'm sure you've seen mobile sites with dropdown navigation menus.
I wouldn't leave it to up to Google to interpret what you are doing. Don't hide any links.
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
-
Would this be duplicate content or bad SEO?
Hi Guys, We have a blog for our e-commerce store. We have a full-time in-house writer producing content. As part of our process, we do content briefs, and as part of the brief we analyze competing pieces of content existing on the web. Most of the time, the sources are large publications (i.e HGTV, elledecor, apartmenttherapy, Housebeautiful, NY Times, etc.). The analysis is basically a summary/breakdown of the article, and is sometimes 2-3 paragraphs long for longer pieces of content. The competing content analysis is used to create an outline of our article, and incorporates most important details/facts from competing pieces, but not all. Most of our articles run 1500-3000 words. Here are the questions: Would it be considered duplicate content, or bad SEO practice, if we list sources/links we used at the bottom of our blog post, with the summary from our content brief? Could this be beneficial as far as SEO? If we do this, should be nofollow the links, or use regular dofollow links? For example: For your convenience, here are some articles we found helpful, along with brief summaries: <summary>I want to use as much of the content that we have spent time on. TIA</summary>
White Hat / Black Hat SEO | | kekepeche1 -
Paid Link/Doorway Disavow - disavowing the links between 2 sites in the same company.
Hello, Three of our client's sites are having difficulty because of past doorway/paid link activity, which we're doing the final cleanup on with a disavow. There are links between the sites. Should we disavow all the links between the sites? Thank you.
White Hat / Black Hat SEO | | BobGW0 -
Are All Paid Links and Submissions Bad?
My company was recently approached by a website dedicated to delivering information and insights about our industry. They asked us if we wanted to pay for a "company profile" where they would summarize our company, add a followed link to our site, and promote a giveaway for us. This website is very authoritative and definitely provides helpful use to its audience. How can this website get away with paid submissions like this? Doesn't that go against everything Google preaches? If I were to pay for a profile with them, would I request for a "nofollow" link back to my site?
White Hat / Black Hat SEO | | jampaper1 -
Do dead/inactive links matter?
In cleaning up the backlink profile for my parent's website, I've come across quite a few dead links. For instance, the links in the comments here: http://www.islanddefjam.com/artist/news_single.aspx?nid=4726&artistID=7290 Do I need to worry about these links? I assume if the links are no longer active, and hence not showing up in webmaster or moz reports, I can probably ignore them, but I'm wondering if I should try and get them removed regardless? I've read that google is increasingly taking into account references (i.e. website mentions that are not links) and I don't know if inactive spam links might leave a bad impression of a website. Am I being overly paranoid? I imagine disavowing them would be pointless as you can't attach a nofollow tag to an inactive link.
White Hat / Black Hat SEO | | mgane0 -
Opinions sought on outbound Links page.
Hello Forum, I'm about the remove my outbound Links page at: http://www.pictureframe.com.au/---obs--picture-frames-links.html I think that Google could be assessing this page as a link scheme, ie: I-link-you-if-you-link me. I haven't received any messages from Google about this but I think the page may be devaluing my site. What do you guys~gals think? Thank you for any and all feedback Paul the Picture Framer
White Hat / Black Hat SEO | | Picframer0 -
Link directories question
Looking over a clients site and they have a bunch of link directory links that seem very skeptical to me, but the mozrank and authority seem to be ok on the home page. One directory is addlinkzfree and they have the same template and layout as a few other directories this client has. Link page has no juice whatsover, but home page has PA 54, MR 5.04 and root domain is DA 45. At first glance this would appear to be respectable numbers right? But the title of the directory and multitude of links lead me to think its nothing but a link farm. Should I advise the client to run and try to remove links from these type sites even though home page has decent scores? Im of the mindset that anything diredctory with links, free, partners etc in title need be avoided. Would appreciate any backup on this or am I just being paranoid?
White Hat / Black Hat SEO | | anthonytjm0 -
External links in a global footer
My company runs a real estate site (http://yochicago.com) that features editorial blog and video content. In our footer, we feature links to some of our client sites. That footer is global, i.e., on every page of the site, of which there are thousands. One of our clients has been hit by Google for unnatural links. While I am very aware of them using a network of junk sites (http://www.seomoz.org/q/can-our-white-hat-links-get-a-bad-rap-when-they-re-alongside-junk-links-busted-by-panda), could we be contributing to the problem? Our site has the most links into the troubled site.
White Hat / Black Hat SEO | | mikescotty0 -
Reviewing a competitors links
Using Open Site Explorer I was reviewing a sites links. This site happens to appear at position 2 in Google for a key-term that I am targeting for one of my sites. Most, if not all of the links appear to be coming from some very questionable sources that have absolutely nothing to do with their sites content or business. Some of the page titles are : Free Music - Free Music Tampa Bay Florida Fishing Guide Free BDSM and Bondage Sex, BDSM XXX, Fetish Por... LAX Car Rental Reciprical Links Page - Add Your Link Casino More Links Is this practice going to end up hurting their site and catch up to them at some point? From what I have read, these are not the type of links that you want to be going after.
White Hat / Black Hat SEO | | BrandonC-2698870