Did you know that if you don’t already have a mobile friendly version of your website, it can hurt your search rankings?
Keep reading to gain insight as we answer some frequently asked questions, and learn why having a responsive design is critical to your company’s success.
What is a responsive website?
If you didn’t already know, a responsive website is a site that uses the same code base across all devices and adapts itself to the screen size of the device it’s pulled up on. For example, if you open www.onsharp.com on a computer, and then open the same site on your phone or tablet, the website should automatically adjust to the screen size of your mobile device or tablet.
How do I know if my website is responsive?
If you’re not sure whether or not your website is responsive, try opening your site on a desktop computer, a mobile device, and a tablet. If your website looks different or doesn’t render clearly on one or either of these devices, it’s probably not responsive.
There are a number of tools you can use to check whether or not your site is responsive, including the Mobile Checker by W3C. Simply enter your web page URL in the box, and it will tell you whether or not you have a responsive design.
Why is it important that my website is able to target all devices?
Other than being able to rank higher in search engines, 57% of mobile device users won’t recommend businesses with a poor mobile site design, and 48% say that businesses with mobile sites that don’t function properly have the appearance that they just don’t care.
When you think about it, your viewers don’t need the functionality of a desktop computer on their mobile device – and they may even want to remove some extra content when they’re on a smaller screen. No one wants to shuffle through pages of content just to find your company’s contact information on a phone or tablet.
My website isn’t responsive. Can I make it responsive on my own, or should I outsource?
If you want to make your own website responsive on your own, you’ll need to have a solid understanding of how HTML and CSS work. If you’re already familiar, there are some frameworks that show you how to do it yourself. Here are a few of my top favorites:
- Bootstrap – This is the most popular responsive framework currently in use. It is developed, maintained and used by Twitter. It consists of a very flexible 12-column grid system, and it also has many plugins and other UI components to help you quickly and easily put together a website that looks good on any device. It has a very large number of pre-made themes available. Because of it's popularity, it's easy to find support online if you run into issues using it.
- Foundation – Foundation is one of the most advanced front-end frameworks available. They provide many features that help build websites, web applications, and email layouts quickly and easily that can target any device. It's also the framework used by many well-known sites like Amazon, eBay, Disney, and more.
- Yaml – This is a simple framework that doesn't contain a lot of extra bloat that many of the other more popular frameworks have. It's also one of the oldest responsive frameworks, which has proven to make it very mature, versatile, and well supported.
Remember, if you’re creating a responsive design yourself, be careful that you don’t add a lot of bloat. If your page takes too long to load, it can be a detriment to your rankings.
I need some help making my website responsive. How can you help?
At Onsharp, we have some of the best developers in the industry who are willing and excited to take your website to the next level. And if you’re ready to make your website responsive but aren’t quite sure where to start – or if you have questions along the way as you’re doing it yourself – don’t hesitate to reach out to us for help.
If you’re ready to update or create your own website, we can help with that, too! Contact us for more details.