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
-
Best way to Load Responsive Images for Responsive Site?
Hello All, Can anyone suggest be best technique to load responsive images? We are developing responsive site so looking for good ideas from your side so that it load very fast. Thanks!
Web Design | | micey1230 -
Wow, does a website's hosting company have that much affect on SEO?
As a small SEO agency, we also handle hosting for some of our clients. Our clients' sites are Wordpress. We set them up with a Bluehost account with a dedicated IP address, and spend a lot of time focusing on load times (implementing a CDN, optimizing images, installing W3 Total cache and using recommended settings, etc.). Last month, we had a client inform us that they are bringing their web marketing efforts in-house, so they switched to a new hosting provider and took their (existing) site to the new hosting company. They kept their old Google Analytics code installed, so I can still see how much traffic they're getting. Since switching to a new host, despite the load times taking longer, no CDN, and other errors that came up prior to us spending time "optimizing" the website, their organic traffic has increased by 26%. Same exact website, same inbound link profile. According to Webmaster Tools, their impressions and clicks have also seen dramatic increases. So now, obviously, I'm considering looking into other options for the hosting of our other clients' websites. From your experience, and especially when it comes to Wordpress websites, do you think that a hosting company can make that big of a difference in terms of SEO? I've heard of positive results from people who have used WP-Engine, and other Wordpress-dedicated hosting companies, but I just find it hard to believe that we spent so much time on load-time-specific ranking factors and come to find out, a different hosting company would have made a huge difference. Any thoughts/feedback?
Web Design | | georgetsn1 -
Will a .com and .co.uk site (with exact same content) hurt seo
hello, i am sure this question has been asked before, but while i tried to search i could not find the right answer. my question is i have a .com and .co.uk site. both sites have exact same product, exact same product descriptions, and everything is the same. the reason for 2 sites is that .com site shows all the details for US customers and in $, and .co.uk site shows all the details to UK customers and with Pound signs. the only difference in the 2 sites might be the privacy policy (different for US and UK) and different membership groups the site belongs to (US site belong to a list of US trade groups, UK belongs to a list of UK trade groups). my question is other than the minor difference above, all the content of the site is exactly the same, so will this hurt seo for either one or both the site. Our US site much more popular and indexed already in google for 4 years, while our UK site was just started 1 month ago. (also both the sites are hosted by same hosting company, with one site as main domain and the other site as domain addon (i thought i include this information also, if it makes sense to readers)) i would appreciate a reply to the question above thanks
Web Design | | kannu10 -
So apparently SEO moz will get us de-indexed according to a SEO company!
Each and every day i get called up from an SEO company who promises to get me top spots in Google rankings if i quickly get on their special offer they have today normally i would say "no thanks and put the phone down" but i had a bit of spare time so i indulged the guy and we got talking. After the introductions and speal about his company he was showing me what his company does and how they go about it to get me top ranks (they don't get me ranks but create a website they own which then passes leads to me- kinda clever since they could then start charging me per lead or my competitors) We continued to talk and i mentioned i used SEOmoz to check my rankings and back links etc and he told me that Google are cracking down and anyone using these types of software/websites will get their websites de indexed. This struck me as BS but i wanted to get your thoughts on the matter, i personally don't believe Google would ever do such a thing as this since it would be so easy to get your competitors websites taken down (i.e. negative seo) but its certainly a talking point.
Web Design | | GarethEJones0 -
SEO and Server Connectivity....
Good Morning/Evening Mozzers, I arrive at work this morning with 5 emails from GWT for my separate domains reading, **"Googlebot can't access your site - **Over the last 24 hours, Googlebot encountered 39 errors while attempting to connect to your site. Your site's overall connection failure rate is 15.1%." I have passed this on to the Web Dev team to resolve ASAP. My Question, will server connectivity issues harm my rankings? Is there a danger if this continues that URL's could be de-indexed? Input would be greatly appreciated.
Web Design | | RobertChapman0 -
SEO while designing the website and continuous SEO
What's the difference between SEO while designing/developing a website (ie, setting up a website so it is crawled by search engines) and the SEO that people talk about that needs to be viewed analyzed and changed all the time? I don't have a ton of money to spend on SEO right now but I do want to make sure my website is set up by an SEO expert (if possible) so when I do have money to spend on SEOthe website is set up properly to work with more advanced forms of SEO. I guess I don't understand where you can draw the line (if forced due to money constraints) between SEO in the beginning and continued SEO. What do I need to look for with SEO and the design of my website. How do I get some type of SEO without breaking the bank??
Web Design | | CapitolShine0 -
Infinite Scrolling vs. Pagination on an eCommerce Site
My company is looking at replacing our ecommerce site's paginated browsing with a Javascript infinite scroll function for when customers view internal search results--and possibly when they browse product categories also. Because our internal linking structure isn't very robust, I'm concerned that removing the pagination will make it harder to get the individual product pages to rank in the SERPs. We have over 5,000 products, and most of them are internally linked to from the browsing results pages in the category structure: e.g. Blue Widgets, Widgets Under $250, etc. I'm not too worried about removing pagination from the internal search results pages, but I'm concerned that doing the same for these category pages will result in de-linking the thousands of product pages that show up later in the browsing results and therefore won't be crawlable as internal links by the Googlebot. Does anyone have any ideas on what to do here? I'm already arguing against the infinite scroll, but we're a fairly design-driven company and any ammunition or alternatives would really help. For example, would serving a different page to the Googlebot in this case be a dangerous form of cloaking? (If the only difference is the presence of the pagination links.) Or is there any way to make rel=next and rel=prev tags work with infinite scrolling?
Web Design | | DownPour0 -
Does Blog Look And Feel Have To Match Site Look And Feel?
For years I've run WidgetsAdvice.com as a standalone blog. It's done well, 4k uniques a day, 5PR site. But it's standalone. I recently purchased Widgets.com, which doesn't get much traffic and is only a PR2. To help grow Widgets.com, my obvious desire is to move the blog (WidgetsAdvice.com) over to Widgets.com and have it sit there as: www.Widgets.com/blog so I can get the good google juice to start flowing to Widgets.com Yes, I know it's important to do the page redirects properly, etc. That's not my question. My question is: Do they have to look the same? The page design of Widgets.com is very different than the blog. When I move the blog over, do I HAVE to make it have the same look and feel as the larger site? Does google penalize you if your blog has a different page design than the site it is blogging for? My preference would be to simply move the blog over and change nothing... maybe change the menus to point to the larger site, etc. But will google not like it looking different? (Widgets is obviously an example... my site name is different)
Web Design | | brianmcc0