Chat with us, powered by LiveChat

Mobile-Friendly Web Design & Google’s Algorithm Update

Danny Donovan
April 21, 2015

Today, April 21st, Google updated its algorithm to reward sites that incorporated mobile-friendly web design. The algorithm update, first announced two months ago on the Webmaster Central Blog is significant in a number of ways. For one, it is the first update that deals with design and development issues rather than pure content/SEO. Moreover, it is not merely a matter of having a mobile-friendly site, but more specifically a matter of designing one that responds to any given mobile device.

The Connection Between SEO & Mobile-Friendly Web Design

Good marketers have always understood that SEO is more than just SEO. A site that ranks #1 for thousands of keywords will still be worthless if the design is unattractive. There is also the matter of Schema and semantic markup, html tags that provide information rather than just presentation and appealing style. Search engines have long favored sites that are semantically marked up, as well as ones that are coded in fresh and revised languages (i.e. HTML5 and CSS3).

A Google update targeting mobile-friendly web design is an extension of this fact, but what makes it special is its explicit connection between marketing and design. Past Google updates have done nothing of the sort. Instead, they dealt with SEO in and of itself. Some, such as EMD, Penguin and Panda, sought to prevent low-quality sites from ranking due to technicalities — thin content, domain name, etc. Others, such as Pigeon and Hummingbird, sought to improve user experience by customizing search results to the individual’s query.

Yet, never before has Google said so loud and clear that web design is inextricably related to SEO. Now, marketers have more to worry about than high-authority backlinks and quality content. They have to step outside the world of SEO and dive headfirst into the unfamiliar terrain of web design.

The Mobile-Friendly or Responsive Web Design?

Mobile-friendly web design is not new. It’s existed since mobile devices themselves first came out. In fact, it’s such a staple of the industry that there’s never really been an official standard for how to build a mobile-friendly website — until now, that is.

There’s always been more than one way to skin a cat, and Google itself identifies three:

  1. Mobile Website: A mobile website (that is, a separate website specifically for use on phones and tablets), is served according to the device that a user is browsing on. This requires a completely distinct code for each version of the site; and for SEO purposes, it requires the use of canonical tags that indicate which version of the site is the “main” version and avoid any penalization from duplicate content.
  2. Dynamic Serving: Dynamically served webpages are like mobile sites in that they serve a given html code according to the device in use. However, the url stays the same, so there is no need for canonicalization. Only the code dynamically changes.
  3. Responsive Web Design: Responsive web design changes neither the url nor the HTML itself, but rather the layout that has been set in the website’s stylesheet. Using CSS media queries, the layout is able to “respond” to the screen size of a device, whether phone or tablet, desktop or laptop.

Of these 3 configurations, responsive websites are the preference among users, marketers, designers, and even Google itself. The other two create quite obvious problems. User experience is greatly compromised by separate urls, which prevent one user from browsing a site and then emailing it to a friend from their phone. Marketers also like responsive sites because of their speed and the fact that they do away with the mundane task of redirecting and canonicalizing countless webpages.

Lastly, Google prefers responsive websites for the ease at which they can be crawled and indexed. With responsive web design, there is no duplicate content, no separate urls, no distinct code for bots to parse and for browsers to deliver. There is just clean layouts and enhanced user experience…which is, after all, what Google has always strives to deliver.

Danny Donovan
Upon graduation, with little money and a ton of risk, Danny took his project and put his degree into action by starting his own website design business. With little direction, he began to learn the ins and outs of running a website development and marketing agency through trial and error. To start, Dsquared Media resided in a tiny 210 square foot office space located in Delray Beach, Florida that was barely room enough for employees to work. As time progressed, so did Danny’s knowledge on maintaining and running a successful business based on progressive marketing strategies. Currently, Dsquared Media employs 12 media professionals and is located in a space over 7 times larger than the tiny office in Delray. Danny attributes his success to a keen eye for intelligent design and an inspiration to live according to his passions.

Contact Us Now

Ready to upgrade your website, grow your online presence, or expand your branding identity? Dsquared Media is committed to making your vision become reality!