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
-
Nofollow for reciprocal links?
Hi, We have reciprocal links with our business partners. Their websites have been listed on our website with "nofollow" links and they link to our website with "nofollow" or "dofollow" links. Is this wrong having reciprocal links? And if they are our partners, "nofollow" or "dofollow" is better? I don't think there will be anymore link juice loss with dofollow links from our website?
White Hat / Black Hat SEO | | vtmoz0 -
Is it OK to Leave Links in Comments ?
It may sound silly ... Just wondering to see your opinion about leaving link on blogs; keyword as name with site link or link in the comment text as long as its relevant.
White Hat / Black Hat SEO | | Mustansar0 -
Do I lose link juice if I have a https site and someone links to me using http instead?
We have recently launched a https site which is getting some organic links some of which are using https and some are using http. Am I losing link juice on the ones linked using http even though I am redirecting or does Google view them the same way? As most people still use http naturally will it look strange to google if I contact anyone who has given us a link and ask them to change to https?
White Hat / Black Hat SEO | | Lisa-Devins0 -
Should I disavow this Link?
I am trying to clean up my link profile to get rid of a partial penalty and am not sure to do with one of the links to my site http://www.seoco.co.uk The link is 100% organic and has come from a foreign language site that published an infographic that I did: http://www.clasesdeperiodismo.com/2012/12/23/la-evolucion-de-las-redes-sociales-este-ano-en-una-infografia/ The thing is that in the link to my homepage they have used the anchor text SEO as opposed to my company name. I have already sent them an email and asked them to change the anchor text but they haven't responded so I am guessing they probably wouldn't respond to a removal request either. Should I disavow it?
White Hat / Black Hat SEO | | Eavesy0 -
Are multiple links on the same domain worth pursuing?
Let's say you get a guest post on a blog that links to your site for $100. How much is the link from another guest post on the same domain worth? $90? $50? Does each additional link from the same domain lose its SEO impact? What if one blogger loves your content and is willing to post 10+ of your blog posts with links to your site in each - is that worth pursuing just from an SEO standpoint (I know it can be a good branding opportunity if the readership is right)?
White Hat / Black Hat SEO | | pbhatt0 -
Bad link backs out of my control
I have a big concern with my website. Recently I have been combing through the back links that I have been able to find associated with my web domain. Almost half of the links- 52 links- are from kinder-host. They are from what looks like could be valid sources, like babies-r-is.com/kinder-host.com or babies.kinder-host.com/page/6 etc. but they are junk. Some of these links are from articles I've written that are ripped off and placed on these websites along with my links. Some of the sites I can't even find the link but its there somewhere. Another 40 of the links are from attracta.com and although I can tell I have links on there to my website as well, I don't even see the link on the page and it is not related to my website. It's another junk site. So, I have bad link backs and no control over it. My understanding is this is potentially very harmful to my website! What can I do about it?
White Hat / Black Hat SEO | | JAGA0 -
Link Building Plan Need some tips
Okay so I want to start focusing on SEO for my Web design company and I have been reading and reading and am now working on my off-page optimization and have some questions. My words are competitive words and a few of them are finally increasing to top 500 and a few in top 100. My current MozRank for my domain is 2.28, but my mozbar shows my homepage to be MozRank to be 3.35 Link Building Plan -Around 50 Directory submissions to high PR directories and high MozRank domains Free listings Paid Listings -3-5 articles written for guest posts Around 25 Local Business directories such as brownbook.net, whitepages, etc -Around 20 dofollow forum profile creation and backlinks from signatures -Squidioo Lens Creation( I will be creating high quality content related my website which would be web design, internet marketing, seo services.) -Hubpages Creation My question is should the content used on squidioo be 100% original, like can I post the content to other directories as well? -Article Directories Okay so from what I've read this is method doesn't really give much benefit with the recent updates, is this true or should I still at least submit some articles to article directories. I am also confused wouldn't distributing your articles to article directories be considered duplicate content? 20-25 Blog Comments on related blogs that support dofollow blog commenting, also will build some nofollow blog comment links for link diversity
White Hat / Black Hat SEO | | azokaei0