Skip to main content

Responive Design and SEO- how bad or good it really is?

Responsive design is a way of building mobile websites serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device. Ultimately it is one site for every screen, regardless if you shrink your browser or switch devices you will see the same version of the website.

Google and responsive design

In June 2012 Google stated in their guidelines for mobile SEO that responsive design is their preferred method of building mobile sites. However, there are quite a few arguments working against responsive design when thinking about SEO of pages created that way.

Sure responsive design is great because the website appears on all portable devices exactly in the same way as on a desktop and because it is displayed on the  same URL on all devices all the links go to that one URL.

However with Google being able to understand which site should appear on a certain device regardless of the URL structure (thanks to the introduction of switchboard tags) the only argument giving responsive design superiority over other methods of mobile site building becomes easily undermined as well.

What then if not responsive design?

If mobile URLs (f.e. or dynamic serving (where the server responds with different HTML (and CSS) on the same URL depending on the user agent requesting the page) provides a better user experience, then Google does not suggest using site responsive design, but instead provides options to give you the same benefits of consolidated link equity on mobile URLs.
Google still support dynamic serving and mobile URLs if they are better for a user.

Responsive Design has been assumed to be the best solution because: 
  • It has been recommended by Google as their preferred way of building mobile websites as the industry best practice - one URL with the same HTML regardless of the device makes it easier for Google to crawl, index and organise the page.
  • It offers great user experience - transitioning from mobile to desktop is nice and easy f.e. causal browsing for products in your free time can be finished in purchase done on the desktop when you return later to the desktop version of the page and easily locate found earlier on product.
  • It makes managing SEO & content strategy easier - it saves us from having separate SEO& content campaigns.
  • It preserves link juice and page authority -since there is one website for desktop and mobile the page preserves its original link authority, obviously separate mobile domains can also consolidate link authority when using rel="canonical" and rel="alternate" tags, but this is the simplest out of all of them all.
  • It is easy to develop - the existing content of the website is styled to fit mobile browsers of various sizes.

When dynamic serving or mobile URLs is better for a user and superior to responsive design? 
  • When desktop website doesn’t have categories mobile searchers are looking for – if your page has got some serious site architecture issues and certain categories and pages are not easily accessible on the desktop page designing mobile equivalent of the page won’t help.
  • When desktop website doesn’t use keywords mobile searchers are looking for - often mobile users are looking for local results, therefore it is important we adjust our mobile website to that types of searches accordingly and enhance mobile version of the website by commonly used local keywords such as for example ‘nearby’.
  • When site speed is crucial for conversions on your site – responsive design requires more coding and therefore more time for the page to load and since speed is a ranking factor choosing responsive design especially for huge websites may be simply not the best option.
  • When users primarily use feature phones – according to Google guidelines websites for users of featured phones (any other phone type than smartphone, still used across the globe) should not be built using responsive design.
  • When user experience could be enhanced using mobile features not available on desktop (products which may be accessible only on a mobile, hence different version of the website is justifiable).

What has is the recommended solution: Dynamic serving or mobile URLs. 

Both these solutions are equally good and one of them should be implemented opposed to the responsive design if they provide better user experience (in all the instances mentioned in the previous point). 

The recommended solution depends however on individual to every page factors and therefore in some cases responsive design will be the best solution, whereas in some other instances dynamic serving or mobile URLs could be much better than responsive design. It really depends on the website in question. 


Popular posts from this blog

BrightonSEO 2018- the best talks

Tom Anthony from Distilled@TomAnthonySEO
The first talk I attended was from Tom Anthony from Distilled. Tom’s deck was incredible - full of trucks- being an amazing parable of the somewhat difficult to understand content- the storytelling was epic, all in all the technical networking was accessible for anyone interested in HTTP/2.  He also explained different approaches to deploying HTTP/2.
Over to Tom’s slides for a lovely catch up:

HTTP/2 BrightonSEO 2018 from Tom Anthony

The next presentation came form Fili Wiese, a former Google engineer. Fili spoke about search bots, efficient crawling & mobile first crawling & indexing. Here are the highlights:
How to avoid SEO on-page pitfalls Fili advised to check ‘blocked resources’ in Google Search Console to establish what could be invisible to crawlers.
Ensure there are no server errors as they may slow down Google crawlers.
Is your site still on HTTP - perfect -improve it before migrating to HTTPs - use Lighthouse

BrightonSEO 2018 Timetable - The Best Talks - Agenda

#BrightonSEO 2018 is just around the corner as it starts at 10:00 on 27/04/2018.
There is a tonne of very interesting talks to choose from held in 6-7 different locations,
so you better read the agenda to choose the speakers and presentations of interest to you and your
everyday SEO activities:

PART I - April 27, 10:00 AM - 11:15 AM
1. Content - Auditorium 1Marcus Tober - Out with the Old, in with the Niche: Content for the Moments That Matter Eleni Cashell - How to Unleash The Power Of Unique ContentSteve Rayson & Giles Palmer - How Metrics and Data Drive Content Effectiveness2. Tech SEO - Auditorium 2Tom Pool - Command Line Hacks For SEO
Tom Anthony - Diving into HTTP/2 - a Guide for SEO
Emily Mace - Diagnosing Common Hreflang tag issues on page and in sitemaps 3. E-commerce - Syndicate 1&2Vlassios Rizopoulos - What a search engine can teach you about product sitemaps Katherine Khoo - Selling on other Search Engines 
Raj Nijjer - 10 Things Your Customers Hate About You4. Machine Le…

BrightonSEO 2016 Videos, Presentations & Slides

Yet another #BrightonSEO conference has ended. Many thanks to Woorank for my free ticket :-) and for the below drawing (you had to choose 3 balls with key-words for Woorank to draw it :-)
The sessions I attended:
Nichola Stott - SEO SUX: How and Why UX Must Be Front and Centre to Your Technical Strategy
1. Young generation (Generation Z) expects to get a cool product, whereas older generation still cares very much about a cool experience, focus on your products, since generation Z will become 40% of all customers by 2020!
2. She recommended a presentation of Paul Haahr (Google engineer) to learnHow Google works & Ilya Gregorik 'Preconnect, prefetch, prerender...'to get some best practice for optimisation :-)
3. Nichola reminded how important are:
-  page speed (use Google Speed Tool to check your site uploading time)
-  all device accessibility (go for responsive design & AMP-accelerated mobile pages project)
-  and direct to object (did you know that 75% of Buzzfeed v…