I don’t know about you, but I mostly do preliminary research on my mobile. And the horizontal scroll really turns me off. Simple browsing and reading turn into a nightmare with websites that don’t adapt themselves to mobile devices.
Until now, making websites that adjusted themselves over different devices was a matter of choice.
However, with Google’s latest mobile-friendly update, it’s more of a commandment. Even Bing is known to prefer mobile-friendly websites.
Statista states that 45% of the total organic search visits during the first quarter of 2015 in the US came from mobile devices. HUGE. Considering similar trends across all domains, it makes perfect sense to create websites that offer great browsing experience on all mobile and tablet devices.
AnchorA word about Google’s Mobile-friendly update…
Google rolled out its mobile-friendly algorithm update on 21st April 2015. This update is aimed at improving a user’s mobile search experience.
Google has always endorsed responsive web designing. And this latest update only reflects its seriousness.
What does this mean for your Drupal website
AnchorPost Google’s mobile-friendly update, if a user makes a search on Google using his/her mobile phone, only responsive websites will be shown in the search results. So, if your website is not responsive (or mobile-friendly), Google will not display it in the search results.
You should really worry if a good percentage of your mobile traffic is organic. Because not running a responsive website would mean losing all visibility in the search results.
How to find out if Google thinks your site is responsive
There are lots of extensions and tools that will help you see if you’re running a responsive website. However, I think that it’s best to go with Google’s own resource.
Google has developed a mobile-friendly test to help you view your website as Google does. Just enter your website’s URL, and hit Analyze. The results will tell you if Google thinks that you’re running a responsive website.
Looks like I’ve got it just right -
If your Drupal website is not responsive just yet, here’s some help.
Drupal modules to make your site responsive
If you maintain a separate mobile version of your website, you can use the Mobile Theme module to select a different theme to show up when mobile devices are used to access your site.
But you must know that creating and maintaining a different mobile version can get taxing because of the additional costs and efforts.
I’m sure you too have faced the awkward experience of clicking menu items on websites that aren’t responsive. Luckily, you can save your website browsers this trouble by installing the Tinynav module.
Tinynav takes your website’s menu and displays it as a neat drop-down list when people are viewing your website on mobile devices.
Adaptive image, as the name suggests, creates optimized images to adapt to different browser and device screen sizes.
Picture lets you optimize your images for displaying on different mobile and tablet devices. You can also expect your images to be rendered faster as Picture makes sure that only optimized images get downloaded. This saves bandwidth too.
If your homepage or landing pages use sliders, I’m sure you’ll like them to display perfectly across all mobile and tablet devices. Flex Slider makes use of the Flex Slider library to make your sliders responsive.
With this module, your site’s sliders will resize automatically according to the devices that your site is accessed on.
If you work with video content, you will really like this module. FitVids works with video and other <iframe> content to resize them automatically to suit the device that your site is accessed on.
FitVids supports YouTube, Vimeo, Dailymotion, and other many other video services. It requires your site to use a responsive theme to work properly.
Need some help? Check out our Drupal responsive package
Responsiveness should ideally be a part of your design and not something that you impose after all else is done. While applying quick fixes might help a little, they should not be thought of as the ultimate responsiveness solution.
If you want to make sure that your website looks stunning across all mobile and tablet devices, check out our responsive design package.
Drop us a note at Drushield to get a free quote.