A fast, responsive website is better for your business.
Mobile device usage has grown at over 100% year-over-year for our clients and mobile usage has officially taken over desktop usage, according to Google. It’s no secret that Google is also more likely to send traffic to a website that is optimized for mobile usage, as opposed to one that isn’t. Given the necessity of a mobile presence in the billions of search queries being conducted every single day, all our website designs are not only mobile-friendly; they’re responsive without targeting one mobile device over another. Below is a video of our website, an example of responsive web design, being rendered in all different kinds of browsers and devices.
The Right Way
With a responsive website, you’re seeing the exact same webpage you would on a desktop computer but the page content resizes and repositions itself to fit the smaller screen. All this repositioning is done while still highlighting the most important components of the website’s content. This allows you to have a single version of content, while simultaneously preventing multiple pages from competing against each other in search engine rankings. There are several ways to build a mobile-friendly website but we believe that a responsive design is the best choice. Our responsive designs are hand coded and extensively tested in the latest versions of all major desktop browsers (Firefox, Safari, Chrome and Internet Explorer), as well as the most common browsers for Android and iOS; including iPhones and iPads.
The Wrong Way
Have you ever visited a website that looks perfect on your iPhone and, when your friend went to pull the same product up on their Galaxy, the website looked awful? This is called device-specific targeting; a practice that targets the most popular devices of visitors that frequent to your site- and renders the website perfectly for those devices only. While this was more widely accepted in past days, as people thought they were properly customizing visitor experiences by doing so, today it simply cannot be done. The mobile market, like all things tech related, is evolving so fast that it’s impossible to cast a generalized net and expect it to reel in only one type of fish. Additionally, developers were constantly working to weed out exceptions and special cases, sometimes requiring 3 or 4 tries before “getting it right”. To do it right, you must create a truly responsive interface that adapts and looks beautiful no matter the screen size, device or browser.
Test Your Website’s Mobile Responsiveness
We’ve created an easy 3-step process in order for you to Test Your Website’s Mobile Responsiveness and we’ll send you a report outlining what your website is doing properly, and how it could improve.
Step 1: Enter your website’s URL
Step 2: Provide us with a little contact information so we know where to send your report (we respect your privacy and promise not to share any of your information).
Step 3: Wait (a maximum of) one day and we’ll dig a little deeper, compile your report and send it to you as soon as we can!
Why are we doing this? We really care about the health of your website, and the success of your business! The importance of mobile simply can’t be denied, and the better your website renders in all devices the better it’ll be for your business. Simple as that!
If you want to play around yourself, there are several free tools you can play around with. Here are some of our favorites:
This test is as simple as it gets, really. Type a URL into the bracket like we’ve done above, and press “analyze” on the right side of the screen. If the page you’re assessing is mobile-friendly, you’ll see the same green “Awesome!” message as you see above. If not, Google will provide you next step changes in order to get you headed in the right direction.
Launch the Screenfly option, enter your website’s URL (or any website you’d like to check out) and have fun playing around with all their different browser and device options.
3. Search Console (Webmaster Tools)
Mobile Usability in Search Console tells you a myriad of things including,
- Flash usage
- Viewport not configured
- Fixed-width viewport
- Content not sized to viewport
- Small font size
- Touch elements too closed
- Interstitial usage
If your pages have issues they’ll be listed with each mobile usability issue outlined.
Should you have any additional questions, don’t hesitate to leave a comment below or give us a call at 248.582.9210!