Hello! Happy Monday! Today I’m kicking off Marianne’s Design Your Own (lovely) Blog blog tour, which is a movement aimed at supporting women around the world create a life they love. Starting today, 14 incredible female bloggers will each be writing one blog post on their own blog, about a tip, tutorial, etc. that they want to share to help women improve their blogs, mainly through design. That’s 14 FREE tips shared over 3 weeks!
So who is Marianne? Marianne has been helping women to create lives they love by giving them confidence when it comes to their own blog designs. So many women know they want more out of life. They are smart, creative and hard workers. But too many think that in order to start a business, you need to spend a lot of money. This is just not true. It’s totally possible to build a business, large or small, by bootstrapping from the start. Marianne’s goal is to provide economical DIY ways for them to get started and help them feel better about who they are and what they have to offer.
Now that you know the ins and outs of the blog tour, let’s get to the good stuff: how to make your blog easy to read!
We’ve all seen it before — that one site that assaults your eyes and is just a disorganized mess. The site might have amazing content, but if it’s not easy to read, it doesn’t matter. Here are some tips to make sure your content really shines.
Colors + Contrast
The thing I see most often that makes a site hard to read is color! I know you’ve seen it too. Ever been on a site where the text is such a light shade? There’s no contrast there, which makes it difficult to read. Similarly, picking colors with too much contrast can be jarring on the eyes. White text on a black background comes to mind.
When designing your blog, I think it’s always best to keep things simple. You don’t have to stick with a white background, but I would keep the color fairly light. Similarly, while black text is probably the easiest to read, you can branch out and choose other colors. Navy, eggplant, or dark grey would work. The idea here is to keep your text dark, so that it contrasts nicely with a light colored background.
If you want to have fun with colored text, save them for headings or links. A larger, bolder font will work better with a lighter color than a smaller, light weight font will. Which brings us to…
Font + Size
What is your font size set to? Is it 12px? 10px? If so, change it! Maybe I’m getting old, but these tiny fonts force me to squint. And if I have to squint, then I’m sure plenty of other people do too. I would suggest a minimum font size of 14px. Ideally if your design allows, I would go with 16 or 18px. However, with some fonts you might even have to go larger. The typeface you choose plays a huge part in the readability at certain font sizes.
Again, simplicity is key here. There are tons of gorgeous fonts out there, but many are only good as a heading. When it comes to your body text, keep it simple. Arial, Times New Roman, etc might not be the most exciting choices, but I’d say they’re popular for a reason. But that’s not to say you have to stick with them. There are plenty of other fonts out there that can add flair to your site while still being easily readable.
Breathing Room aka White Space
Your eyes meed a place to rest, which is why it’s so important to incorporate white space into your blog. There should be space between any two elements on your site. For example, there should be enough space between your blog posts and your sidebar, your menu and your header, one paragraph and another. Don’t think that every inch of your site needs to be filled. Breathing room is never a bad thing.
Width of Content
How wide is your site’s content? Nowadays, it’s common to feature wide images, which usually means that your site’s text will match that width. Unfortunately, the wider the text, the harder it is to read. For optimal readability, aim for about 50 – 75 characters per line. The width you can go also depends on the size of your text. If the text is on the larger side, you’ll have a bit more freedom to go wider than you would if your text were smaller.
Your homework: analyze your blog with the above tips in mind. Are there any areas you can improve on? If so, get to it! Not sure? Ask a friend to give you honest advice.
A big thanks to Marianne for letting me kick off this blog tour. Stop by Julia’s blog tomorrow for more tips to design your own blog!
Awesome tips Allyssa! And they are soooooo easy to implement! I see too many blogs with tiny text and scrunched up content that I wish EVERYONE would see these tips and heed them.
Thanks so much for being a part of the blog tour!
Good, good tips. I’m always happier when I read larger text. :D
I’m with Erika on this one, I love that blogs are starting to use bigger fonts! I also like that you said you don’t have to have a white background – and your blog is a perfect example of this!
I am always clicking away from blogs with small fonts- I read on my tiny laptop! These are great tips, and very easy things to DIY too!
–Margo
Yes! Especially the contrast and font size. I refuse to think it’s because I’m getting old though. ;)
Allyssa,
Thanks for these great tips. So important to get these right. Text, color and spacing are the bones of our blogs. I am going to go fiddle with enlarging my text and do my ‘homework’!
Thanks Allyssa for the great post. I always like font that is bigger and post that are not too long. Otherwise I lose interest.
Julie
Thanks Allyssa for this informative post. I also don’t get old (lol) but I really started to zoom in on many sites as the fonts are so small. But it also has to do with the bigger screens? However I will certainly check out my site and change the font size. :)
Great tips! Totally agree with everything!
great tips! thanks for making them so simple, yet showing how important each part is to my blog. i’ll be on my way to improve my blog now!
kayesmiling.blogspot.com
Allyssa, you’ve hit the nail! As a beginner blogger, I was always concerned if I should change my fonts size/color and now that I’ve read this post, I’m making changes as we speak! Would you mind telling me what font you’re using right now? Totally love it for readability. Cheers!! ????
Sorry for not getting back to you sooner. I’m using a combo of Museo Slab, Montserrat, and Lato on my site.
Am I missing something? It’s surely right under my nose. BUT I don’t see any opt-in location on your whole blog. I’d love to follow your blog, I’ve enjoyed reading what I’ve read so far. I appreciate your great info, Being a newbie, I’m reading a lot of blogs like yours and the Blog Tour you ladies are giving. The Blog Hop (tour) is a great idea, by the way.
Girl, you need a couple opt-in’s. Funny that OPT-INS is one of the topics on this tour.
Yeah, I removed 2 of my opt ins and haven’t had a chance to put them back yet. I do have one right above the comment section which you must have missed. Guess I have to make them more visible :) Here’s a link to my newsletter page where you can sign up: http://allyssabarnes.com/allyssabarnes/newsletter/
Great Post Allyssa , Thanks
I truly appreciate this post. I love to visit blogs but some are much easier on the eyes than others. It is a joy to find the ones that are attractive, uncluttered and load quickly! It makes it so easy to read, comment, share, pin, etc. FUN!
Exactly! Using a site should be easy!
helpful simple tips!