What To Do If Your Website Doesn’t Look Good On Mobile Devices

February 6, 2018 by David Ugale

Have you ever used your mobile device and visited a website that 1) looks really tiny or 2) loads really slow? With the growing popularity of mobile devices, that’s not a great first impression. If this is true about your company’s website, a user might get the impression that:

1) You are behind the times
2) You are not professional
3) You don’t pay attention to detail

Whether your site is mobile-friendly or not will also influence your search engine rankings. Beginning in April 2015, Google began using mobile-friendliness as a ranking signal in mobile search results. According to Google, this “will have a significant impact” on search results.

Update: as of March 26, 2018, Google has rolled out mobile-first indexing and will be using the mobile version of pages for indexing and ranking to better help mobile users find the content that they are looking for.

Consequently, this could have a very negative impact on your mobile traffic and heavily influence the type of action that a website visitor might ultimately take. Most likely, someone will check out your mobile website and decide that it isn’t worth the effort and move on to another website. These days, we are now accustomed to getting information quickly and easily. We don’t have the patience for websites that aren’t mobile-friendly.


Obviously, making your website look good on mobile devices is important. How can you fix this? Here are a couple of options:

1. Adjust your existing website to look better on mobile

Depending on how your website was built, this might be the easiest and quickest way to handle this problem, but probably not a good long-term solution. This approach would involve taking your existing website code and making enough adjustments so that it looks better on mobile. Ideally, you might be able to update a few templates and have your website appear reasonably well on mobile devices. However, if your website was built without any type of CMS (Content Management System) or framework, this might end up being a lot of work. Updating each individual page of a large website can easily become tedious and time-consuming.

2. Redo your website with a mobile-first approach

This is a better long-term solution for making your website mobile-friendly, but would involve a lot of work. Basically, you would need to redo all of the code related to how your website looks on a mobile device. Of course, you could still retain your existing content, but it would need to be incorporated into your new website layout. Again, the complexity of this task would depend on how your website was originally built. However, it might also be a good opportunity to freshen the look of your website. This could potentially be a large project, but it is probably the cleanest and best approach for the future of your website. We like working with Bootstrap to incorporate mobile-responsiveness into the projects that we work on.

In addition, you’ll also need to make sure that your website loads fast. Typical websites designed for the desktop are not optimized for the slower loading speed on a mobile device. Accounting for page speed should definitely be another important factor in how you decide to convert your website to be mobile-friendly.

In conclusion, making your website mobile-friendly will probably be a significant undertaking no matter how you approach it. However, it has really become a necessity to be able to compete in today’s mobile world. Unfortunately, websites that haven’t converted to being mobile-friendly will be left behind.

To check if your website is considered to be mobile-friendly, you can try Google’s Mobile-Friendly Test.