In this day and age, we’re becoming more and more attached to our devices.
This, of course, includes the smol and helpful smartphones we can’t live without. And chances are, you’ve probably done some commenting, blog hopping and writing on your phone.
Writing blog posts was a horrible nightmare when the blog was on Blogger. If there’s one thing I don’t miss, it’s the mobile compatibility.
That being said, it is becoming more important to make sure our blogs are friendly or responsive.
With so many people on the go, you don’t want to miss out on readers and views who are too busy to be on the computer nonstop. You want to make sure they get to see your content… because you’re awesome. And your content deserves to be seen by the universe!
Commenting is easier
Most of the time, I’m commenting and blog hopping on my phone. That being said… I do skip blogs that have a homepage with a comment form but no actual posts. While those blogs appear to have a messy AF homepage, their site is perfectly fine on a computer! They’re just not friendly for mobile.
And I forget. Which means I forget about you. And you basically just lost a potential reader. (I’m sorry. I really try not to.)
People are less frustrated
Frequently I come across blogs that have a great layout on the computer. But when I stop by their blog on my phone, some sites go from great to horrifying. You can’t find anything and you’re lost and well… you leave because fuck it. It’s like having a homework assignment with vague instructions: you give up after a certain point.
People don’t want to go through hoops on their phone to get to what they want; make it easier for them.
Google likes you better
Mobile-friendly sites are generally prioritized more than those that aren’t on Google, simply because of the number of devices being used on a daily basis to search. That makes sense, doesn’t it? You’re likely to have pulled out your phone or tablet recently to make a search.
Tips for a Mobile Friendly or Responsive Blog
Please, I’m not going to leave you hanging, bookwyrms. Time for you to walk away with some handy-dandy tips to make sure your blog is nice and pretty on different devices.
Stay away from Blogger’s default templates
Good god, those are awful and outdated and while, yes, you can make the template your own design, it’s still hideous compared to a million other blogs out there. Plus their mobile template is horrible and plain AF – why bother with their default templates when there are so many free ones out there?
Note: If you do get a third-party template, those are generally mobile friendly already, so you can disable mobile on Blogger and it will still be pretty! In fact, I highly encourage disabling.
Test your blog on different platforms and devices
If there is one tip you should take away from this post, it’s this one. Not only should you get yourself a test blog, but you should also test your blog on different platforms and devices. Each browser and device is different, so what shows for you might be a complete 180 on your mom’s or colleague’s laptop.
Related: Why Should You Have a Test Blog?
Test your site every time you make a layout change
It’s not necessary to do it after every blog post because generally those already set by default based on the template. However, if you’re making a change to the home page layout or if you have a landing page, you’ll want to make sure those are working well on phones and tablets, especially when you’re doing an overhaul. What you see on your screen, on your laptop, might work there but it might be Awful on phone – a good way to test it is on your own phone, or if a friend is willing, have them do a test check.
Take the mobile-friendly test by Google
Run it by Google, you can enter your site’s address and Google will run it through to see if your site is friendly on mobile! This is great if you don’t feel like pulling out your phone to test things out or if you accidentally left it at home. Or perhaps you just want to test to see what Google says, considering it’s one of the biggest search engines in the world
Um, so is there a difference between mobile-friendly and responsive???
Never worry, bookwyrms, I asked myself the same question and did some research because I’m super curious what the difference between the two is!
Regardless of device or platform, your blog will detect those features from users and resize as necessary. Your blog will generally look amazing across the board. Think of it as your theme is responding to the device. Bookwyrming Thoughts uses a responsive theme (created by Nose Graze).
Your blog is usually optimized and consistent across devices, but navigational options may be limited. Usually, the design is the same as the desktop, but the scale will be different. Think desktop version stuffed into your phone; mobile-friendly lives up to its name here as friendly for mobiles.
I’m still a little confused between the differences. Help!
Trademark Productions has a great article telling the differences between mobile-friendly and responsive. But you are usually fine if you have a responsive design that spans across devices and platforms.