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
-
My compatitors destroy my website with huge spammy links!
Hi
White Hat / Black Hat SEO | | amirooo.sh123
My competitors destroy my website with huge spam links! Its more than 400 high spam (80-100% spam score) unique domain, link to us sitewide!!! I disavow on search console. But its not enough! All pages ranks down and we lost everything we had....
What should we do now? If you can, please help me
Darookhaneonline.com Capture.jpg0 -
Is a Link Wheel Safe If I Control the Wheel?
Hi, folks. Our company operates over 50 disease-specific, nice websites. Currently, we're building resource/landing pages for some therapies and other related topics. One experimental therapy is being investigated across four different disease types: cystic fibrosis, Muscular Dystrophy, Hemophilia, and cancers. We have sites for all of them, and have created original landing pages for each site. Question: is it safe / does it make sense to "link wheel" these pages, especially since the wheel is composed of all our own sites? The other option of course is to simply interlink all of them, but will I get more visibility with a cyclical linking scheme? I'd love to hear your thoughts on this. Thanks!
White Hat / Black Hat SEO | | Michael_Nace1 -
Outranked by link farm
Hello Mozzers, I got a questions about some rankings. Some of my sites always had no. 1 rankings for most of the competitive terms per niche. I recently made the change to a full responsive design for more mobile friendliness. No all of the sudden I see different competitors that are not mobile friendly outranking me for some of my most important keywords but also I see some link farm sites (like: camping.startpagina.nl) outranking me for some terms. I was under the impression that Google doesn't like link farm sites? Also I provide a lot of good unique content on my pages and my competitor does no such thing. Still for some terms he outranks me. I understand that it can't be just 1 thing and that there are a lot of factors playing a rol in the big picture but still, you must understand that this is pretty frustrating. I obey the rules of the search engines and see competitors do no such thing and still being outranked by them. Further details of this matter can be send to you in PM if you need it. Looking forward for your thoughts on this. regards Jarno
White Hat / Black Hat SEO | | JarnoNijzing0 -
Why should I reach out to webmasters before disavowing links?
Almost all the blogs, and Google themselves, tell us to reach out to webmasters and request the offending links be removed before using Google's Disavow tool. None of the blogs, nor Google, suggest why you "must" do this, it's time consuming and many webmasters don't care and don't act. Why is this a "required" thing to do?
White Hat / Black Hat SEO | | RealSelf0 -
International web site - duplicate content?
I am looking at a site offering different language options via a javascript drop down chooser. Will google flag this as duplicate content? Should I recommend the purchase of individual domains for each country? i.e. .uk
White Hat / Black Hat SEO | | bakergraphix_yahoo.com1 -
Unnatural inbound links message from Google Webmaster Tools!
Hi Everyone, I just got this message from GWT(image below) This is probably a penguin Penalty. What is clear is I have to find the best and most efficient way to tackle this issue. We will probably lose tons of traffic in the next couple of weeks so I would like to get the best suggestions and maybe a guideline on how to do this in the most effective way! Thank you! 1a0X2M2a1h0A
White Hat / Black Hat SEO | | Ideas-Money-Art0 -
Competition Link Metrics Analysis - Do you have any suggestions ?
My sub-pages are ranking well, but Homepage isn't ranking well for the keywords I'd like it to. It used to in the past. My site - njhypnotherapy.com used to rank (#2-5) 1st page in google for many keywords. In Sep/Oct I noticed my homepage ranking drop dramatically for the main keywords. Well, I made some foolish decisions and I'm trying to clean up the mess. Low quality links, duplicate content...etc I rewrote most of the content, removed unnecessary pages, removed as many low quality links, and used disavow for the rest. It's been a 2 Weeks now. I noticed a lot of improvements in my sub-pages. From #50 to #20. Not Bad. My homepage still isn't ranking. Any suggestions to improve? Btw, I've included my link metrics below if it helps 🙂 Thank You metricks.png
White Hat / Black Hat SEO | | njhypnotherapy0 -
How can I recover from an 'unnatrual' link penalty?
Hi I believe our site may have been penalised due to over optimised anchor text links. Our site is http://rollerbannerscheap.co.uk It seems we have been penalised for the key word 'Roller Banner' as the over optimised anchor text contains key word 'Roller Banner' or 'Roller Banners'. We dropped completely off page 1 for 'Roller Banner', how would I recover from this error?
White Hat / Black Hat SEO | | SO_UK0