Take a look at the following screenshots, and tell me what you notice:
Uhhh what, Tiff? What am I looking at?
You’re looking at this:
For every. single. site.
Back on April 21st, Google decided to change their algorithm for search rankings. They decided that when people are searching for something on their phone, they are only going to present websites that are mobile-friendly, responsive, built for smaller screens, don’t involve double-tapping to read the text, etc.
Those screenshots were just the top results as I scrolled through on my phone after searching “crossfit in chicago.” I didn’t have to seek out those results – they just appeared. So as I scrolled through, I found only sites that wouldn’t make my eyes bleed from straining to read.
I found only sites that are mobile-friendly.
Googlemageddon is here, friendos.If your site is not mobile-friendly, it will literally disappear from mobile search results. Click To Tweet
This has huge implications for your site if some of your traffic comes from a phone. Which, let’s face it – who doesn’t get traffic from a phone these days?
If you’ve got Google Analytics set up for your site, you can tell how much of your traffic is from a mobile device. Just log in, and go to Audience > Mobile > Overview, and it will tell you if people are coming from a desktop, mobile, tablet, etc. You can click Devices under that to see what specific mobile devices people are using.
69% of new sessions (first time visits) on my site have been on a mobile device in the past month. Holy guacamole.
So what should you do if your site doesn’t have the highly-necessary “Mobile-friendly” next to it? Here are some of my top suggestions:
- DIY your site to mobile-friendliness. I’ve written before about how to use media queries to make your site re-size based on screen size.
- Get a new theme for your website. The majority of WordPress themes nowadays are mobile-friendly. If your site is somewhat older, or was made custom, it may not have mobile capabilities built in like newer, pre-made themes. I highly recommend Genesis themes, and there are some modern ones on Pretty Darn Cute as well.
- Use a plugin to make it mobile. This is honestly my least favorite option, because I think actual code should be used to make a site mobile-friendly, but it’s an option nonetheless. Here are some plugin options.
- Hire someone to make it mobile for you. You can either request that they work with your current design, or you can have them start with a new theme altogether.
The future is here, and it demands that you make your content easy to read on smaller screens!
** Don’t forget – I’ve got the rest of the year mapped out with awesome content for your business’s online presence. Sign up below so you don’t miss out.
CSS for Web Designers
Learn more about my upcoming CSS for Web Designers course, and get useful tools + tutorials to make you a better web designer.