How does a Responsive Site kill SEO?
-
How does a Responsive Site poentially kill SEO?
I've seen a few feeds on twitter how a website took a rankings dive after implementing a Responsive theme; yet, it's not clear to me what is actually going on within a Responsive site that would cause the SEO rank to tank? I can only speculate that it introduces a bunch of 404 errors, or that it changes all of the URLs into gibberish, so you loose all of the links coming into your website if not 301'ed?
Can someone clarify, what are the actual mechanical issues on a Responsive website that becomes a concern to SEO? Thanks.
-
Hello Jason,
This is one of the best (ok, IMO the best explanation of responsive design I have seen to date) especially laying out the difference between server side - dynamic design - and responsive. The thought you placed into this whole answer to provide one that is concise and cogent is excellent.
I like the point up about the lazy designer and page speed as something to be aware of.
Typically, as an agency, we are not often dealing with a client bringing mobile and desktop forward. It is more likely we will be dealing with someone whose site has lost appeal, power, relevance, etc. and we typically build responsive for all. So the thoughts around url changes are helpful as well.Thank You,
Robert
-
Hi Steve,
At this point I wouldn't say responsive design is fundamentally better or worse than other options from an SEO perspective. But there are a number of SEO pitfalls you'd want to avoid when moving from some other structure, to a responsive design.
First a Quick Set of Definitions:
"Responsive Design" means different things to different people. If you ask 5 people to define it, you'll get 8 different definitions.
Most people (including Google and the W3C) would say that "responsive design" is primarily using media queries and proportional layouts to adapt a webpage to different viewport widths on the client.
Detecting UserAgents is actually a server side technique that would commonly be used for an alternative approach to responsive design, that google calls "Dynamic Design".
Many people mistakenly call both Serve Side Adaption and Client Side Adaption "Responsive Design" when in fact there are important distinctions for SEO.
Changes in URLS can hurt SEO
In either case, if you're moving from having separate URL's for your desktop (www.mysite.com) and mobile (m.mysite.com) to a new design based on responsive or dynamic design, then you are going to be changing some URL's in the process. Any time you change your URL's you run the risk of hurting your SEO. The best practice is to 301 redirect all the m.mysite.com pages to their new www.mysite.com responsive design equivalents If you happen to be changing the main desktop URL's at the same time, it's even more important that you use 301's to preserve the equity in your old URLs.
Responsive vs. Dynamic
Google loves client side responsive design (it's the easiest/cheapest for Google to crawl), so it's actually their first choice, and you don't have to do anything special for responsive design SEO.
If however, you are doing "Dynamic Design" such as detecting user agents on the server to adapt pages for different devices, then you need to tell Google that the page will look different for different user agents. This is done using the Vary HTTP header.
Content Differences
Responsive Design means that you basically have the same content on your desktop and mobile version of your site. That can mean that you don't have keywords which are popular on mobile devices, such as "download mobile app" which can obviously hurt SEO for those keywords. Having a dynamic site (with different content for mobile and desktop) or even having separate URL's for mobile and desktop can sometimes give you a better chance to optimize your keywords for mobile searches.
Speed
Most Responsive Designs are slower than Dynamic designs or separate URLs. It doesn't have to be that way, as their are work-arounds for Responsive Design speed challenges. But fundamentally, responsive design means downloading more variations and code to the client, than a well behaved dynamic site, which means it's usually slower. Too often, lazy designers use the same images for all devices on a responsive design page, and then it's quite a bit slower.
Pagespeed is an SEO ranking factor so, it can hurt your SEO. If you choose Responsive Design, make sure you are only downloading properly optimized images for each device, and that you have highly optimized the pageload of your responsive design. Your users and your search engines will thank you for having fast pages.
Conclusion
Responsive Design doesn't have to be bad for SEO, and in many cases it is better for SEO than other options. The search engines have given us good options to have optimal SEO with any of the three major techniques for addressing device diversity, so I would't let SEO drive my architecture decision.
I'd choose separate URLs, Dynamic Server Adaption, Responsive Design Client Adaption, or mixes of the last two (Responsive Design with Server Side Components or RESS) based on my user base, the tasks my users are going to want to complete on each device, and my development resources, rather than any concerns over SEO.
All the best.
-Jason "Retailgeek" Goldberg
-
Steve
First, I stumbled onto this discussion and my mouth fell open as I gurgled out ... What the....
So, I then read the good answers from Thomas and Daniel and felt a twinge of relief. Here is what I suggest when you hear something like that: First ask the question It was your site that fell in rankings or someone elses? If they say someone elses, ask if they personally saw the rankings drop post implementation of the new design. If theirs, ask the same pointed questions if you were trying to help someone determine what the problem is.
Now, once you ascertain (and I am willing to bet over 90% fall into this group) that they never personally saw the data, you have answer one: Somebody said that somebody said. OK, not great SEO work. But, if they say it is theirs or they got to dig through, ask this How did it affect the rankings and how did you determine that was the cause? Now you are getting into some serious SEO detective mojo! That's where we find the real answers.Great question Steve!!
Good job Thomas and Daniel, Thanks for keeping the world clean!
Robert
PS - we build a lot of sites and 80% plus are responsive. We have see NO drop in rankings that could be attributable to a responsive design. BTW our site and several of our large firm owned sites are fully responsive and rocking cool. They are fine.
-
Hi Steve,
I think you should rephrase the question...
How can a responsive design harm SEO?
Typically a responsive design is driven by either USER AGENT or screen size... Both of these, if implemented correctly will not affect the way the Google Bot crawls the site. I would doubt there will be issues with 404's as the URL will be the same regardless of the device.
I would suggest it is poor implementation of the design.
Hope this helps!
Dan
-
The re-ordering of content on a page could give the page different emphasis. You would have to take a look at the page as a Google bot, to determine if the responsive theme displays the content differently. This could even go as far as throwing up links that should be navigational as content. What does or doesn't fall between a
and
makes a difference.
For the most part, I wouldn't expect a properly designed responsive site to change your SEO.
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
-
SEO Ranking: Can Child Theme Compete with Custom Theme?
Ranking for New York City commercial real estate is extremely competitive. We compete against: www.squarefoot.com, www.42floors.com, www.Loopnet.com, www.wework.com and a dozen other optimized sites. Our site was designed in 2012. We plan on upgrading it. From an SEO perspective, can we compete by purchasing a Wordpress real estate theme and customizing it into a child theme? Our better ranking competitors are using custom themes where the code has been very streamlined to make the sites quick and easy to index by spiders. Would we gain a significant edge by custom coding? This is somewhat technical for a business owner and I am trying to get my head around it. Our existing site is www.nyc-officespace-leader.com. Some of the themes we are considering are: -http://main.wpestatetheme.org/homepage -http://houzez01.favethemes.com/ -http://realhomes.inspirythemes.biz/property/ From an SEO perspective is creating a child theme from the above a good approach? Or will a custom theme give us an advantage. If there is an advantage is that edge so marginal that it is not significant? In terms of coding, is a custom site much more labor, 2x, 3x the time to code? Also is the maintenance of a custom site much more involved? Also, as a related question, my developer since 2012 has created many custom plugins for Wordpress. Is this a no, no? Will avoiding custom plugins add to the development cost? Even if we use a child theme from an existing real estate website, I would hope that the improved user interface will provide a boast in at least conversions if not SEO. Thanks, Alan
Web Design | | Kingalan10 -
Site appears then disappears from Google
Hi, This is my first post to the Moz community. I hope someone can help me, as I'm at my wits end 🙂 Since mid to late April, my client's home page keeps dropping from Google rankings on and off on the desktop in incognito and non-incognito browsing. It seems to always be visible on mobile phones though. One day it's on page 4, the next day it's not anywhere to be found (even though some of her other pages rank). The site is here: evgeniaribinik.com I have done some blog writing (just text) for this client over the last few months, and recently she asked for some SEO help. After looking at her website, I noticed that she had a plugin called WordPress SEO on her site. She wasn't using this for the blogs, however. I don't think she did much of anything with SEO, but she did say that for the last few years, she was always on page 3 or 4 of Google. In mid/late April, she saw that she wasn't ranking at all for the keyword "boudoir photography nyc" anymore, despite a few years of ranking for it. I told her Yoast would be good to use. However, after she installed it, the same issues keep happening. Right now, she has Yoast and WordPress SEO plugins installed (I'm not sure if this is causing an issue as well). But I really can't figure out why she keeps going on and off page 4. She also asked me to optimize older blogs that she wrote herself for SEO. When I look at them, they don't have meta descriptions, good titles or good keywords. I realize this is hurting her, but why would her site be fine for years and all of a sudden not now? Thank you in advance for any help you can give me! Jill
Web Design | | lobeng770 -
DNS Prefetching for wordpress site
We have given below as DNS prefetch in our website. CMS is wordpress. Are these okay? I wonder why fonts.googleapis.com is not working. One of our competitors is using youtube. Can we improve it any how?
Web Design | | vtmoz0 -
Address On Every page for e-Commerce site?
For a primarily e-commerce site, should you have your address on every page (in the footer, for example)? Or is it enough to just have it on the contact page? Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Booking Engine SEO Question
Hello, I am working on a travel site-mostly content based, but for the deals section of the site, we were thinking of being powered by expedia...if we go with a booking engine (Expedia) will that hurt us with regards to SEO? If Google is looking for content and not another booking engine how can we overcome this? Do you think this approach is positive? any thoughts or advice on this, thanks so much.
Web Design | | lanigreg0 -
Responsive Vs Mobile Sites
I know this is some cutting edge technology, but I think that this will be a very important topic in the coming months, as html5/css3 becomses more and more the standard, or at least standardized, I think the topic of this in relation to SEO will also arise much more. My question is simple, is it better to code a responsive site, or a completely mobile site for a small company with no special needs (mobile ordering, ecommerce, etc...) I obviously know the visuall differences, and, personally, I think respomsive websites look better. From an seo perspective, my big thing is for the resizing, for example, with WordPress, when you reach the tablet size you can set the sidebar to basically display:none, can that impact your website? I would really appreciate any feedback
Web Design | | ZacharyRussell0 -
Do you suggest a SEO Plug-in for Dreamweaver?
I would like to know it there is any plug-in for Dreamweaver that helps our SEO work
Web Design | | Naghirniac0 -
Site Change / CMS Change
Hi Guys I have a very good client with whom we have been working with for over 2 years. When we 1st arrived, their website was built in Wordpress. During our SEO, the dleted the site and changed it to Drupal over night. Youc an imagin i went balistic and its been a horrid year in getting all the rrors down and redirects etc. Finally done I have just been informed that they will be deleting the website from Drupal to Joomla again! This is crazy as we have finally fix all the rrors and are driving quality traffic to the site. Now its back to square one... What do i do? ps the change from Drupal to Joomla is due to MYSQL issues
Web Design | | stefanok0