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
-
Link Audit: How do I decide what is a good or bad link?
I am conducting a link audit for one of my formerly high-ranking pages. But despite reading quite a bit on the issue, I am still quite confused as to how to decide whether to keep or remove a link. Some links come from directories and social bookmarking sites. I know that generally speaking, you do not want to be on these types of sites, but what if their domain authorities, pageranks, and mozTrusts scores are good? For example, here is one of my links for "envelopes": http://www.folkd.com/detail/www.jampaper.com%2FEnvelopes The page itself has no MozRank, MozTrust, or links but the domain has an authority of 88, a MozRank of 6.41, a mozTrust of 6.31. Should I be looking on a page level or domain level basis? It also has over 5 million links, with over two million of those being external followed links. Is the high quantity of links a warning sign? I also used a free online tool (thesitevalue.com) to determine how much traffic the domain gets. Apparently it receives over 350,000 unique visits daily, so it must be useful to people. This, combined with the fact that we've received 5 visits from the link over the last year (not a lot, but something), makes me believe that the link's intent wasn't purely to "trick" Google. Despite this, I still have a feeling the link could be considered low-quality based on the domain's appearance. Similarly, some of our links are coming from domains named linkdirect.info, backlinks8.com, tolinkup.com, findyourlink.info, searchengineurl.com, websubmissionfree.com. Is it safe to assume these are harmful links strictly because of their names? Thank you!
White Hat / Black Hat SEO | | jampaper0 -
Rollover design & SEO
After reading this article http://www.seomoz.org/blog/designing-for-seo some questions came up from my developers. In the article it says "One potential solution to this problem is a mouse-over. Initially when viewed, the panel will look as it does on the left hand side (exactly as the designer want it), yet when a user rolls over the image the panel changes into what you see on the right hand side (exactly what the SEO wants)." My developers say" Having text in the rollovers is almost like hiding text and everyone knows in SEO that you should never hide text. "In the article he explains that it is not hidden text since its visible & readable by the engines.What are everyone's thoughts on this? Completely acceptable or iffy?Thanks
White Hat / Black Hat SEO | | DCochrane0 -
How to know if a link in a directory will be good for my site?
Hi! Some time ago, a friend of my added our site to a directory. I did not notice it until today, when in the search results for my domain name, the directory came in the first page, in the four position. My friend wrote a nice article, describing our bussiness, and the page has a doFollow link. Looking at the metrics of that directory, I found the following: Domain Authority: 70; main page authority: 76; linking domain roots: 1383; total links: 94663 (several anchor texts); facebook shares: 26; facebook likes: 14; tweets: 20; Google +1: 15. The directory accept a free article about a company, does not review it before it is published, but look for duplicated articles representing spam; so one company can only have one listing (in theory). Is there any formula to know if a directory is safe to publish a doFollow link? If they don't review the link I would say is not a good signal, but is there any other factors to take into account?
White Hat / Black Hat SEO | | te_c0 -
Link Building: Location-specific pages
Hi! I've technically been a member for a few years, but just recently decided to go Pro (and I gotta say, I'm glad I did!). Anyway, as I've been researching and analyzing, one thing I noticed a competitor is doing is creating location-specific pages. For example, they've created a page that has a URL similar to this: www.theirdomain.com/seattle-keyword-phrase They have a few of these for specific cities. They rank well for the city-keyword combo in most cases. Each city-specific page looks the same and the content is close to being the same except that they drop in the "seattle keyword phrase" bit here and there. I noticed that they link to these pages from their site map page, which, if I were to guess, is how SEs are getting to those pages. I've seen this done before on other sites outside my industry too. So my question is, is this good practice or is it something that should be avoided?
White Hat / Black Hat SEO | | AngieHerrera0 -
When asking for links, what are good incentives to offer?
New to SEO and want to stay clean, What are white hat incentives you can offer in exchange for links? Giveaway for their readers? Give them helpful advice? Record video of me drinking a gallon of milk within 5 minutes?
White Hat / Black Hat SEO | | 10JQKAs0 -
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 -
40,000 High Value Links - Sold?
I'm a developer spending ever more time on SEO for SMBs. I've never had cause to buy links. Not one bit. I've done ok. Until now that is. Now I am getting my arse kicked into last year. By, I think, a top SEO company. Really, you know these guys and they are whiter than white. But what they have achieved seems an impossibilty to me using white hat techniques. Maybe they are from another planet than me. Or maybe something else is going on. In six months they have built 40,000+ links. These are unbelievably high quality links in their thousands. Really top notch. Keyword rich anchors slap bang in relevant content on great, great sites such as newspapers, univertsities, government, corporate, charity etc. Nothing spammy at all. Amazing. I was skimming but I found nothing to question at all until link 800 which was a cloaked link on a well known review site's product page. But generally the high quality sustained. Gradually, some began to feel somewhat worked into the content, although worked very well. 2000 links in and there are still magazine and review sites, still page authority 40+. There are still local government sites at 10,000 links when the export file ends. I go dizzy at the thought of the remaining 30,000. How far down could this quality have gone? Gulp. I am in awe, intimdated...and a little suspicious. How on earth do you do that with a pure white hat on? Actually, whatever colour your hat - how on earth do you do that? Rand's position is clear. He doesn't do it. Other's are less unambiguous. Comments like "I do it, you do it, we all do it" go unchallenged. Even on a recent link buying question here on SEOMoz most comments say don't do it but one advocates "Paid, targeted, individually prospected links". Am I too suspicious - a fool trying to rationalise my relatively pathetic link building? Honestly, you should just see these links. Of course, maybe some of you have. 🙂 Come on, please don't tell these guys simply worked hard. But maybe that's the harsh truth I cannot face. I have to say I cannot see the site generating an income to pay for the man hours needed for 40,000 high-value, white-hat links but then what do I know. Tell me, what do you think: Is it possible to build 40,000 very high value links in six months using pure white hat techniques - or is there another way? Phil
White Hat / Black Hat SEO | | Phil_2