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
-
Site structure and blog tags for local with five locations
I have a client who has five locations. Their current web site was structured very well for the pre-penguin and Panda world. However it does not seem to do as well after these changes. I believe it would serve them both with their customers as well as on Google if they localized the site for each location. Currently all the content on the site if focused on one location that is in the largest metro. On the content side we have a plan to produce local content and blogs for each location. My questions are how to go about structuring the site map and blogs to provide the most local juice. I was also wondering how to properly mark up a site with a main trunk and five local branches. I am also trying to figure out how to structure the tags on the blog. On the site map itself I was planning on maintaining all the content as well as the older blogs in the main trunk of the web site. Under this trunk there is a locations page that currently goes to five pages that simply have an address as well as a bulletin board of upcoming events. The blog is directly off the main page with no tie to any location. Here are my thoughts on what I think we should do: I believe we should create a mini web site starting at the location page that has specific content and navigation related to each location. That the content should focus on the specifics of that area and what would serve that clientele the best. We should add to each branch location based on the key words and competition in that area. The blog off the main web site should continue to house the general categories that are already there as well as any other general posts. I think we should add a link to each store page with a location specific blog in each mini location site. Each mini location site should have it's own blog with specific blogs targeted towards the local market. This local blog would also feed in the general blogs from the "trunk" as they are posted. Relating back to my original questions: is what I outlined the right approach or is there a more effective way to do this? Is there any special mark up I should do to tell the directories what to do? How do I structure the tags for the blog? I was thinking of a structure like this: General blog/category/subject under the main structure : local blog/category/subject Any ideas of input on this? Ron
Web Design | | Ron_McCabe1 -
Political Campaign SEO
We are considering taking a candidate for office on as a client. The run would be for a state office in the U.S. by someone who is involved in politics/government but not currently an elected official. The candidacy would not be for a couple of years and the exploratory committee approached us asking if we would take on. Sooo, decision time. First, yes I like the candidate (as much as I like business I could not do it otherwise). Next, candidate has no real public persona other than FB, LinkedIn, etc. Our approach is to shut all down all social first - to prevent anything that is harmless from being manipulated - and then revise to a political run. Also to create a site for candidate that is not necessarily a political one that could gain some DA, PA over time as the candidate begins to put out opinion pieces, etc. around their beliefs in what is workable/needed. We would maintain the site utilizing SEO until the announcement to run is made and then have a full political candidacy site go live with 301's from old site. Obviously, I am not at liberty to say names, etc. and some of our strategy specifics must be kept confidential as well. I would be interested in your opinions and thoughts on the approach and also if someone has handled SEO/SEM politically and has insight as to whether I should act like I am in the movies and ... RUN FORREST RUN!!! 😉 Thanks,
Web Design | | RobertFisher1 -
Geo targetting and SEO
Hi all!
Web Design | | lhernandezBum
We are about to launch a new geotargetting feature on our site. Basically, nowadays we have a normal Homepage (example: myHomepage.com). Next week, the homepage will depend on your localization (checked through IP): For example, for Texans there will be a myHomepage.com/Texas (automatically redirected), for New Yorkers a myHomepage.com/Newyork. My question is, how can this affect SEO? Where will the bot go? Hopefully the answer is not "depending on where the bot is hosted"... because this can be dangerous. Also, I don't think that "telling the bot to go to a generic Homepage" is a good idea, as Google dislikes when you show them something different from the human users. Thanks0 -
Site Re-Design - Running old XML site map for 301's
Hi all, We are going to launch a new site design for our current e-commerce site. I have taken this opportunity to change some categories due to keyword research and all old categories will be 301ed to best fitting new category. So I have 2 questions about moving stuff over; 1. I read that leaving the old xml site map running for the first week, would help, because this would give crawlers the chance to run through the site and follow the 301s, which would help pass the juice. How true does this sound? 2. I was thinking of re-writing all category and sub category titles, meta descriptions and on page content. The positive of this is loads of fresh content - but doing this all at the same time with the new site launch might see some major dropping in search ranking. I've identified our top traffic keyword terms/pages, would it be more wise to leave these pages, and change the others, or would the total new fresh burst have a better impact? Cheers
Web Design | | ToxicFox0 -
How about some SEO tips for small local businesses
The amount of time I hear people say write good content and people will naturally link to you. I appreciate this must be valid for large websites that a driven by content. However, it doesn't really hold much hope for smaller businesses with just service information etc. I work for a small business that does web design in the UK. However, I'm finding it difficult to do any sort of link building. In my opinion nobody is going to link to any of our content naturally or if it is, its going to be small time. Our rankings have dropped slightly (only to 4th in our local county). I've done the following thinks to try get it back up there but its having little or no results. Adding us to local business directories External Articles on site Cleaned up some duplicate title tags. What link building can I do? Is link building the home page sometimes not always the way to go? What content can I write that google will like? See what I mean? My rankings did climb a little bit but then dropped straight back down to their original places 2 weeks later. Help would be appreciated.
Web Design | | sanchez19600 -
Redesign of an ecommerce site
We are thinking to redesign our ecommerce site and was wondering would we loose our google rankings in any way? That's something we don't want. We want to achieve a better and cleaner looking website. It's a more like template redesign. But adding extra functionalities. We will add upselling and crossselling features to product pages. Some products have reviews and some don't. If a product doesn't have a review random testimonials will replace the reviews. We will redirect all urls's if category structure changes. All content title, headings remain same. Any suggestions are welcome 🙂
Web Design | | Jvalops0 -
Is there such thing as too much product information in terms of SEO
Hi All, Our website sells products online and is a prestashop system Prestashop comes with a set form you use to fill in products, however to fill it all you end up creating alot of repeated data. What i need to know, is if you have: Product name: Audi A6 Rear Lamp Set Short Description: A Short & Sweet Description Long Description: A Long Boring Description Meta Title: Same as product name Meta Keywords: What more can be said about an A6 Rear Lamp Set??? Meta Description: Same as long and boring description Im stuck in a position of having the ability to add extra information (i.e Meta-Tags) But really ill end up repeating what is already in the products natural listing. In terms of good SEO, is it better to leave Meta Fields empty, or fill them in and be repetitive for product pages? Thanks all, any guidance will be well appreciated <colgroup><col width="57"><col width="36"><col width="323"><col width="328"><col width="56"><col width="26"><col width="55"><col width="23"><col span="2" width="25"><col width="24"><col width="25"><col width="95"><col width="158"><col width="123"><col width="130"><col width="28"><col width="34"><col span="2" width="64"><col width="537"><col width="188"><col width="319"><col width="303"><col width="329"><col width="177"><col width="96"><col width="128"><col width="172"><col width="547"><col width="62"><col width="87"><col width="85"><col width="94"><col width="162"></colgroup>
Web Design | | Ev84
| ID | Active (0/1) | Name* | Categories (x,y,z...) | Price tax excl (+10%) | Tax rate | Wholesale price | On sale (0/1) | Reduction amount | Reduction per cent | Reduction from (yyyy-mm-dd) | Reduction to (yyyy-mm-dd) | Reference # | Supplier reference # | Supplier | Manufacturer | EAN13 | Ecotax | Weight | Quantity | Short description | Description | Tags (x,y,z...) | Meta-title | Meta-keywords | Meta-Description | URL Rewrited | Text when in-stock | Text if back-order allowed | Image URLs (x,y,z...) | Feature |
|
| Price tax excl | Percentage Profit |0 -
Best Home Page design examples - from a SEO perspective. Could You give me a few?
I am int he process of redesigning a home page and wanted to know from our community if anyone had examples on some great Homepage Designs from an SEO perspective. Things I am looking for : 1. Homepage URL/Design 2. Navitagion 3. Call to action Thank you, much appreciated. The home page I am redesigning is www.gunshotdigital.com Vijay
Web Design | | vijayvasu0