Responsive Website Design, why do I need to upgrade?

Responsive Website Design, why do I need to upgrade?

Google’s latest algorithm update

Google just announced April 21st that having a mobile version or responsive design on your website will bring a big boost in your search ranking. Its important than your website is optimized for user experience and fast load speeds for mobile and tablet users.

 

When?

Google announced they are rolling out this mobile-friendly algorithm and it will start affecting your search ranking as soon as April 21st, 2015. When someone searches on a mobile device or tablet, google will display different results than if you were to search on a desktop. So its very important that you being to update your site if you haven’t optimized your website for these devices.

Why?

Since mobile and tablet sales have sky rocketed and population continues to grow at an alarming rate, google is trying to return sites in the search results that will benefit people using these devices. Google has also started a movement targeting designers and web developers to”make the web faster“. Their goal is to optimize websites around the world to enhance load times and user experience.

 

3 Mobile Solutions

A couple strategies for making your site mobile-friendly is Responsive Design, Dynamic service, or a separate mobile site. Google will be favoring the responsive website design over the other two options cause your site will adjust accordingly to all different devices and screen sizes, making your website adjust to the conditions of your visitor.  So if you’ve already converted to a responsive website design, you will benefit the most from the SERP (search engine results page) update.

webiste-mobile-friendly-table

Responsive Website Design

What is Responsive Web design? In a nutshell, its website that changes its layout in response to the device your visitor is using. This uses the same html and URL regardless of the size screen or device the visitor is using. The benefit of a responsive website design is that you keep all the code together so maintenance updates are easier. This is the most recommended option by google but websites that have a lot of history or a large sites with a lot of pages could take a long time to convert to the new platform.

mobile-friendly-responsive-design

Dynamic Serving

This uses the same URL regardless of the device but generates a different version of HTML and CSS code for the type of device your visitor is using. Based on what the server knows about the users device and browser will determine what webpage they see. This approach is nice cause you can have different SEO (search engine optimization) for mobile and desktop users since the code will be different for both platforms. The only downfall of this option is if you’d like to update your site, it causes your designer or web master to do double the work when making changes or doing maintenance.

mobile-friendly-example-dynamic-design

Separate Mobile-friendly site

This option has totally different code for each mobile devices and desktop platforms and it will also be hosted on a separate URL. This configuration detects the visitors device and redirects the user to the appropriate platform. This option has the same downfall as dynamic serving, it’s twice the work if you ever want to update or change your site in the future.

mobile-friendly-Separate-site

Google’s mobile-friendly website test

Google developers have created a testing site for this new update. Google mobile-friendly test makes it as simple as pasting or typing in your website address into the blank field. Google will then analyze your site and give you optimization tips for your website. It will also show you how googlebots sees your page.

mobile-friendly-example-site

Google Chrome Device Emulator

If you’d like to see how your site looks on different screen sizes and devices, chrome has now released a way for you to emulate tablets and mobile devices. You can learn how to use the device emulator and read up more about it here.

device-mode-initial-view

Pingdom Website Speed Test

Pingdom has provided a handy tool to calculate load times and speeds for how fast your sites will load from different servers around the world. This is very important because google has stressed very hard over the last few years on optimizing load times for websites. This will affect your search ranking the most on both desktop and mobile devices. You can test your website’s page speed by clicking here.

mobile-friendly-website

See Responsive In action!

There are two ways to see a responsive website in action. Our Model T Media site is responsive, if you are viewing our site on a smartphone or tablet, you can simply tip your device from vertical to horizontal or vise versa and watch it resize on the fly. If you are viewing our web page on a laptop or desktop, you can simply re-size your browser window and watch it adjust without having to reload the page.

 

Model T Media goes Responsive

Its best to keep up with the latest requirements from google to keep good positioning in search results.  January 2015, Model T Media has taken the necessary steps to provide responsive website design for all our clients. If you are looking to upgrade your site with the latest platform, we have affordable “web scrape” plans that will allow you to update your website in as little as 24 hours. If you currently have a site but it isn’t optimized for mobile or tablet devices, we highly recommend you contact your web designer or developer and begin making enhancements to stay competitive in search results.

SHOW YOUR SUPPORT BY SHARING...
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on TumblrShare on StumbleUponDigg this
Craig Seidl
ADD ME ON...

Craig Seidl

President | Lead Designer at Model T Media
With 12 years of running his own business, he’s built up an extensive resume working in graphic design, film, and music. Craig has had the privilege to work with some of the largest producers, celebrities, and top production companies in Los Angeles. His experience brings a competitive edge to any project, large or small.
Craig Seidl
ADD ME ON...

Latest posts by Craig Seidl (see all)