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
-
Is managed wordpress hosting bad for seo?
hi, i would like to create my own website, but I am confused either to choose cpanel hosting or managed wordpress
Web Design | | alan-shultis0 -
Advice on estate agent website SEO next steps
Hi everyone, I have been working on the SEO for this website for a while now and have had a good amount of success increasing the traffic and rankings. However our main hurdle is improving conversions on the actual website - we want to encourage more people to book a valuation. Does anybody have any suggestions on how we can improve this? The website is www.richardkendall.co.uk Thank you
Web Design | | sophiecrosby970 -
SEO Consulting for HUGE Website. How Big Is TOO Big Of A Change?
SEO Consulting for a HUGE Website. Their h1 tags have instagram/twitter, h2 have their menu/what's trending and h3 is the article title. Here's what I want to do... MY MAIN QUESTION: This site has tens of thousands of pages, all articles beyond the few dozen category/tag pages they have. If I change the structure to the following, will it be too much of a system shock to Google? Will this actually HURT them? Currently on the site: - h1 tags point to Twitter/Instagram sidebar widgets
Web Design | | BrianGilmore
h2 tags point to the menu/what’s trending section (which is the same on every page)
h3 points to the Title of the Article I want to change it to this: - h1 tags should delineate the article's name. That's all they should really be used for.
h2-4 should be reserved for article subheadings to be used by the editorial staff. EDIT: 30% of their >11 million monthly uniques come from search. I don't want to eff with that, but the way that NONE of their pages have optimized words, they have no sitemap, webmaster tools and are still doing this well makes me think that even putting in minimal changes to tidy things up will help them bring it to 70% organic search.0 -
Please help me articulate why broken pagination is bad for SEO...
Hi fellow Mozzers. I am in need of assistance. Pagination is and has been broken on the Website for which I do SEO in-house...and it's been broken for years. Here is an example: http://www.ccisolutions.com/StoreFront/category/audio-technica This category has 122 products, broken down to display 24 at a time across paginated results. However, you will notice that once you enter pagination, all of the URLs become this: http://www.ccisolutions.com/StoreFront/IAFDispatcher Even if you hit "Previous" or "Next" or your browser back button, the URL stays: http://www.ccisolutions.com/StoreFront/IAFDispatcher I have tried to explain to stakeholders that this is a lost opportunity. That if a user or Google were to find that a particular paginated result contained a unique combination of products that might be more relevant to a searcher's search than the main page in the series, Google couldn't send the searcher to that page because it didn't have a unique URL. In addition, this non-unique URL most likely is bottle-necking the flow of page authority internally because it isn't unique. This is not to mention that 38% of our traffic in Google Analytics is being reported as coming from this page...a problem because this page could be one of several hundred on the site and we have no idea which one a visitor was actually looking at. How do I articulate the magnitude of this problem for SEO? Is there a way I can easily put it in dollars and cents for a business person who really thinks SEOs are a bunch of snake oil salesmen in the first place? Does anyone have any before and after case studies or quantifiable data that they would be willing to share with me (even privately) that can help me articulate better how important it is to address this problem. Even more, what can we hope to get out of fixing it? More traffic, more revenue, higher conversions? Can anyone help me go to the mat with a solid argument as to why pagination should be addressed?
Web Design | | danatanseo0 -
What Are The Hazards to Changing Over to Responsive Web Design?
We have recently re-programmed our website to Responsive Web Design. All the URLs have remained the same, all the content is unchanged. We have this new version sitting on a development server and are finding ourselves hesitant to make the changeover. Our rankings are great currently, and our question is whether or not there are any risks that we will incur by making this change. We would appreciate any advice on how to implement this change safely. Or if that's it's even possible to insure that there won't be ranking losses.
Web Design | | gfiedel0 -
Sitemap Question - Very Old Ecommerce Site, Never Used A Map
I help manage a family website, that has about 10,000 products... It was top ranked since 1996, then got smacked by Penguin and recovered but its still receiving only a fraction of the natural traffic it used to get. Something we have never used... Is a sitemap. I'm curious if anyone knows reliable software that will generate a sitemap? My cart is custom built, website uses html pages across the board. Dynamic content and parameters are set up properly, onsite seo is in the excellent range. The only thing that I haven't been utilizing is a sitemap. Because the cart was hand built, it would a huge convenience to use a lightweight program thats compatible with any website, has parameter settings, exclusions and anything else useful to negate any duplicate content. I have a few highly dynamic pages as well... If anyone knows a product or a possible solution, it would be much appreciated. Working it up myself would be very time consuming. Thx
Web Design | | Southbay_Carnivorous_Plants0 -
Looking for feedback on our nonprofit site
I work for a nonprofit org which of course means a low budget and paying out of pocket for things (such as training). Our current website is done by a 3rd party vendor and although it looks nice, we can't make any changes to it without paying for it. (We can only upload documents). I'm wondering if anyone in this group will give their feedback on the site in terms of SEO and recommend a platform that would be relatively easy for a small shop to manage. Our site is www.coastalcommunityfoundation.org Thanks in advance
Web Design | | TinaA0 -
Multiple Sites, multiple locations similar / duplicate content
I am working with a business that wants to rank in local searches around the country for the same service. So they have websites such as OURSITE-chicago.com and OURSITE-seattle.com -- All of these sites are selling the same services, but with small variations in each state due to different legal standards in the state. The current strategy is to put up similar "local" websites with all the same content. So the bottom line is that we have a few different sites with the same content. The business wants to go national and is planning a different website for each location. In my opinion the duplicate content is a real problem. Unfortunately the nature of the service makes it so that there aren't many ways to say the same thing on each site 50 times without duplicate content. Rewriting content for each state seems like a daunting task when you have 70+ pages per site. So, from an SEO standpoint we have considered: Using the canonocalization tag on all but the central site... I think this would hurt all of the websites SERPs because none will have unique content. Having a central site with directories OURSITE.com/chicago -- but this creates a problem because we need to link back to the relevant content in the main site and ALSO have the unique "Chicago" content easily accessable to Chicago users while having Seattle users able to access their Seattle data. The best way we thought to do this was using a frame with a universal menu and a unique state based menu... Also not a good option because of frames will also hurt SEO. Rewrite all the same content 50 times. You can see why none of these are desirable options. But I know that plenty of websites have "state maps" on their main site. Is there a way to accomplish this in a way that doesn't make our copywriter want to kill us?
Web Design | | SysAdmin190