DIY Tips for a More Professional Blog Design

by melissa on August 9, 2010 · 62 comments

Momcomm Monday is my new weekly feature to help you become better writers, better bloggers, better social media geeks. If you missed last week’s, catch up on how to improve your writing.

In this bloggy blog world, we get all caught up in certain myths about what it takes to have a great looking and professional blog.

“WordPress (or anything but Blogger) is the only way to have a nice blog.”
“I have to pay someone to design it.”
“I don’t know how to code anything.”

To all that I say, WHATEV!

Of course, all of those are GREAT, but there are plenty of tweaks you can make to your existing blog to improve it. But first things first…

Why is it important to have a blog that looks professional and polished?

It’s fairly simple:

More readers: People are drawn to blogs that are easy on the eye, even if they can’t specifically pinpoint why. A great blog is clean (doesn’t have to mean sparse), focused and easy to navigate. While I agree that looks AREN’T everything, your content has to work that much harder if people find your site confusing, hard to use or just plain fugly.

More PR opportunities: Some of you want to do product reviews, work with brands or other sorts of opportunities. Us PR/Marketing people are a picky bunch (usually) so if you want the good gigs, your site needs to make a great first impression.

How to Make Your Blog More Professional

1. Avoid distracting backgrounds under your blog content.

You want to make the main feature of your blog – your content – stand out as much as possible. But dark backgrounds and patterns can really distract your readers.

If you must have a really dark background, make sure the color of your blog posts is white, off-white or a really, really light version of a color. Combos like bright shades of red, pink, blue, etc on black backgrounds really hurt the eyes.

2. Avoid too many fonts, font sizes and random font colors.

Too much of just about anything is a bad thing (just ask me about the Nilla wafers I scarfed while writing this).

Having too many fonts, font sizes or random colors make a blog confusing to navigate through. You want to make your posts legible, not distracting. A general rule is to stick to no more than three of something.

If you think you need another font for emphasis, try formatting the font you have with ALL CAPS, bold or italics (don’t underline on the web since it usually denotes a hyperlink).

If you like to color your headers, then try pulling a color from your blog header instead of coming up with a new color.

If you like to change font sizes within a post, then try to stick with a couple of sizes, not five or six.

Remember, they key is LEGIBILITY, not LEgiBility.

3. Check your load time.

According to Daniel Scocco from Daily Blog Tips,”75% of the Internet users do not return to sites that take longer than four seconds to load.”

Did you hear that? SEVENTY-FIVE PERCENT.That’s a lot of people to lose just because you’re addicted to blog badges. :-)

To check your load time, take the website speed test. Your blog shouldn’t take more that 2 seconds to load. When I took that, I had no idea what the results meant so go to Daniel’s article and compare it to the likes of Problogger and others. (check it a few times because mine varied)

If it’s too slow, then google “how to speed up a site’s load time.” There are tons of resources (some more technical than others).

4. Turn off the autoplay music.

I mean, really, it’s so 1990s. There’s no one on Earth who can convince me this is a good idea.

Picture the mom sitting down during naptime only to hear Jay-Z suddenly blare on the speakers. Or the PR rep sitting in a quiet cubicle-filled office doing blog research and – BAM! – here’s some Kenny Chesney for ya.

If there’s one thing readers will thank you for, it’s turning the music off.

5. Make it easy to use your site.

Walk through your user experience. Are you making it easy for people to find what they’re looking for?

Regardless of whether it’s a blog reader or a PR rep, the most common actions someone is going to take on a blog are: reading your About page (or something about you, even on the home page), reading through old posts to get a feel of your blog, posting a comment and further seeking you out via subscribing, liking your Facebook page, following you on Twitter, etc.

So take a close look at that experience:

  • Is CAPTCHA come up at a weird time in the commenting process?
  • Do you moderate comments AND do CAPTCHA (really, you only need one if you even need that)?
  • Are your old posts hidden or only offered from sorting by month (at least offer a category search too)?
  • Are all your social media buttons together and obviously located (top right or left is most common)?

Take a look at navigation obstacles that someone may run into on your site. Have a friend look at it too. Then start making changes to make your reader’s life easier when they visit your site.

6. Clearly label your About and Contact pages or sections.

This is an extension of #4 but deserves some more love. These are two of the most important elements to your blog. I suggest having them as their own pages but even if they are on your home page only, make sure they are obvious and easy to find.

You’ve been in this situation I’m sure: You have a service or product complaint and you go to that company’s website. Their customer service number or email address is buried within click after click after click… if it’s there at all.

Don’t be like the big wig corporations we love to hate. Have these pages or sections visible and make it easy to get there.

7. Use single spaces at the end of sentences (not double).

I know some of you are gasping at me in horror right now and want to smack a ruler across my knuckles.

But seriously, double spaces have been a no no for years (I’ll admit I wasn’t on the clue train until sometime around 2003 though).

You’re dying to know why, right? It boils down to this:

With the introduction of proportional fonts in computers, double sentence spacing became obsolete.

If you’re REALLY curious, you can read the entire explanation on Wikipedia.

Now’s the hard part- actually breaking that habit!

8. Be consistent.

Really, this is something you can carry with you for ANYTHING you do related to your blog’s design. If you’re using green, yellow and blue, resist the urge to add pink words throughout your blog post. Or if you write your blog titles by capitalizing all the main words (like I do mine), then do that EVERY TIME.

If there’s anything I’ve learned about branding over the years, it’s that just because we may become bored with something, doesn’t mean others are. We as consumers (or as blog readers) CRAVE consistency whether we realize it or not.

A perfect example is Disney Theme Parks. They’re highly trained to be consistent. They point with two fingers or an open palm because pointing with one finger is considered rude. The “characters” are trained to have the same autograph so characters like Mickey Mouse signs autographs the same whether it’s Jim Bob or Juan behind the Mickey suit. And so on.

While you may have never noticed the details, you know that when you go to a Disney Park, you’re going to pretty much get a consistent experience.

What to do next

If you’re doing any of these, don’t fret! Take it one step at a time. Evaluate your site and then start making changes little by little (or all at once if you’re really gung-ho and have the time).

With a cleaner, more professional blog, you’ll gain more readers and perhaps even some PR opportunities. Plus, I imagine you’ll gain a wee bit of pride knowing you made these tweaks yourself! (You can even pat yourself on the back. I won’t tell.)

Bonus (boo-yah!):

Smashing Magazine has an awesome page of some of the top blog designs out there. Study them… but NOT to drool over their design and wish it were yours. Instead, pick some favorites and ask yourself:

  • How do they use color?
  • Where are their contact and about pages?
  • How many fonts are they using?
  • Where are their social media buttons?
  • How do they break up their site to make it more readable?

Whatcha think?

So, what do you find distracting about a blog’s design? What draws you to a blog?

Related Posts with Thumbnails

{ 55 comments… read them below or add one }

1 Jessica August 9, 2010 at 8:26 am

Great tips! Thanks for sharing! In response to your question, I think great content drives me to a site, but a simple, user-friendly design is what drives me to want to explore more and stick around longer. In general, when it comes to blogs, I am turned off by music playing in the background, only because I often read blogs at work and/or during Nya’s nap times.
-Jessica
Jessica recently posted..Im not a woman anymore- im a mom

Reply

2 melissa August 9, 2010 at 2:20 pm

Totally agree! Yes, I’m not down with music on blogs either. And it’s happened to me at work too and it was like “dang, I’m busted!”

Reply

3 Ann
Twitter:
August 9, 2010 at 10:51 am

I have never heard about the no double spacing after a sentence! There is no way I will ever be able to break that habit. I have been doing it since I took typing on a TYPEWRITER when I was freshman in High School. I may as well have had a hammer and chisel. It is kind of like putting my seat belt on when I get in the car. I just do it and never even think about it.

The thing that distracts me the most with some blogs is the use of bright color on the font in the content. It drives me crazy. Also, if I can’t navigate to old posts easily when I first visit a blog it drives me a little batty.

Love your new series!
Ann recently posted..Feed me Seymour!

Reply

4 melissa August 9, 2010 at 2:22 pm

Haha re: the hammer and chisel. Yes, I remember having to force myself not to do two spaces. But since I work in marketing and write A LOT, I had no choice but to conform!

Yes, brightly colored fonts are bad. It literally hurts for me to read more than a sentence or two!

Reply

5 Sherri
Twitter:
August 9, 2010 at 11:20 am

Great advice, and some of it is so basic but we forget along the way! My biggest peeve is that use of multiple fonts and sizes thing. There is a blog I follow that’s very funny, but does this through each sentence, and sometimes I lose the “funny” because my brain is too busy to process it with the fonts! And I am STILL trying to break the double-space habit, and thank you for telling us WHY it’s a no-no!

Visit my last post…listed below, I gave you an award!
Sherri recently posted..Handing out Awardsfor free!

Reply

6 melissa August 9, 2010 at 2:23 pm

I’d say it’s sometimes easier to spot “bad design” on other people’s sites rather than our own- so yep it IS basic but we sometimes forget!

Yes, it took me a long time to break the double space thing but I’ve got it down now!

Reply

7 Melissa (Confessions of a Dr.Mom)
Twitter:
August 9, 2010 at 11:39 am

Fantastic article Melissa! This is so helpful. I’m going to check my load time and I’m guilty of spacing at the end of sentences. Baffled by that one, but I believe you…I’m going to stop. So no space at all? That’s a hard one.
Also, can I ask you a question about listing my e-mail, I notice others using (at) and (dot), what’s the purpose of this instead of just listing your email? I must be clueless.
Thanks! I love momcomm Monday!
Melissa (Confessions of a Dr.Mom) recently posted..Monday Morning Mamas

Reply

8 melissa August 9, 2010 at 2:26 pm

It’s just ONE space after a sentence, not zero (I edited that part of my blog just so others would think that too). Yeah, I’d have a hard time with zero spaces myself. :-)

A lot of people do the (at) (dot) thing to keep auto spam bots from collecting your email. Basically, spam bots scan thousands of sites and “pick up” email addresses to spam. If you write it out, then they can’t pick it up! Genius, huh?

So glad you’re liking Momcomm Monday! I’m having a blast writing this stuff!

Reply

9 Heidi Walker August 9, 2010 at 1:28 pm

One step at a time. That is good advice.

I go in spurts when it comes to improving my blog.

Usually spend 2 or 3 days figuring out how to add new stuff then months leaving it alone.

People like routine so I figure if I change too much too fast I could lose readers.
Heidi Walker recently posted..BAM! Just like THAT!

Reply

10 melissa August 9, 2010 at 2:28 pm

Good point! We shouldn’t go overboard or people may come to our sites and think they’re in the wrong place!

I constantly have a list of things I want to do to my blog and I usually save it for Saturdays. Not ALL Saturday (or even EVERY Saturday) mind you, but I’ll try to spend an hour or two tweaking it.

Reply

11 The Ranting Mom
Twitter:
August 9, 2010 at 5:19 pm

I know it sounds trivial, but, when searching for new blogs to read, I can’t stand having to look through tons of pictures or ads to figure out what the blog is even about. Thanks again, I am new to this and put your last article to good use. Back to work…
The Ranting Mom recently posted..Lions- and Tigers- and Bears- OH MY!

Reply

12 Hannah August 9, 2010 at 5:24 pm

I am totally a visual person so if a blog is clean and easy to read I am more likely to read it and follow. I am the same with stores LOL, if there is too much clutter I can’t handle it! These are great tips, I am going to go check those blogs out!
Hannah recently posted..Five Question Friday!

Reply

13 melissa August 10, 2010 at 5:01 pm

Good point! I’m much better in a well-laid out store than something like TJ Maxx or Ross!

Reply

14 Heligirl
Twitter:
August 9, 2010 at 5:45 pm

Fantastic advice again my dear. I’m hoping my final blog design solves a lot of these issues, but doesn’t come of sterile either. I’m with Hannah, lots of blinking things and ads do distract, but I think you can choose a design where they have their place and the voice of the blog is still loud and clear.
Heligirl recently posted..Getting Kids to Listen Without Nagging- Reminding or Yelling

Reply

15 Barb
Twitter:
August 9, 2010 at 8:09 pm

I love this post! It reminded me to put my contact info on my page and check my speed? Never would have thought to do that! Yes I DROOL over some blogs. I am definitely looking to make mine clean and appealing. I do want to move to WP though.

Reply

16 MonicaFernaays
Twitter:
August 9, 2010 at 8:25 pm

I really like these posts; I enjoy reading them and the tips you give, I only hope I can take the tips and conform!! Really?? Only one space…wow, I am so not with it!!

Blessings, Monica

Reply

17 Melisa
Twitter:
August 9, 2010 at 9:49 pm

Another great lesson!

I have to agree with someone above that said a “too busy” blog is a turn off! I’ve been to some where you can’t even tell it is a blog because there are so many buttons, advertisements, etc.

Guilty of the two spaces! That is going to be a hard habit to break…

And music…been there, done that. It was nice as the time and then suddenly people were screaming about how they hated it and after jumping out of my skin when visiting another blog with music…I removed mine.
Melisa recently posted..Why Ill Never Be Great

Reply

18 melissa August 10, 2010 at 5:08 pm

I agree- music once was very common on websites. But as a whole, I think the trend is to move away from things that “interrupt” – music, popups, etc. – and move towards permission-based things like pushing to play the music ourselves.

Yes, two spaces was hard on me for a while but I finally kicked the habit!

Reply

19 Alana Morales
Twitter:
August 9, 2010 at 10:35 pm

I am so impressed that you mentioned the double space! I learned this a few years ago and it’s now a huge pet peeve of me. That and music. And Captcha.

Reply

20 melissa August 10, 2010 at 5:09 pm

Isn’t that funny? I was the same way- learned it and now it’s probably my biggest writing peeve (especially when I receive content in my day job and have to do “find/replace” all the time)!

Reply

21 Nina August 10, 2010 at 12:10 am

Wow, I have learned so much just from checking out this one post! Thank you so much. I have been trying to figure out how to do the link thing to other posts so I am so excited that you have yours done with link within because I am a big fan of anything computer related that is self-prompting! I have had mixed feelings about the music thing, I think partially because my favorite blogger of all time Kelle Hampton always has music playing and I don’t mind it on her blog, however your post is probably the second or third time that I have read that same opinion so now I know for sure that I will not be adding music!
Oh and one last thing, I currently live in Southern California and we are (husband, kids, me) are really wanting to relocate to North Carolina so any tips you may have are so helpful to me as I have never even visited there.
Thanks,
Nina

Reply

22 Andree August 10, 2010 at 2:33 am

Hello Melissa!

Wondering if you wrote this for me?! Very useful info and good reminders….

Happy Tuesday!

Reply

23 melissa August 11, 2010 at 9:18 am

Haha- I’ve actually had this post outlined since May! Glad I could finally finish it up and post it!

Reply

24 Maureen @Tatter Scoops
Twitter:
August 10, 2010 at 6:14 am

Brilliant post, Melissa!
Like you know I’ve been re-arranging things at my blog and your helps has been so tremendous I can’t thank you enough!

Will go check out my blog’s speed now thanks for the link.
Maureen @Tatter Scoops recently posted..They Are Real &8211 Blog Buddies

Reply

25 melissa August 11, 2010 at 9:19 am

So glad I’ve been able to help! I love the little group we have going!

Reply

26 Gemma August 10, 2010 at 8:18 am

Strange fonts and blogs that use really brash colours annoy me. I like blogs to have one big picture and I like it when they contrast two colors together.
Great post :D
Gemma recently posted..Spotlight on my Readers-Favourite Blogs

Reply

27 Enjoy Birth
Twitter:
August 10, 2010 at 10:07 am

Thanks for the great tips. I was thinking my blog was a bit slow. It took 9 seconds to load!!!! I put a caching plug in and now it is down to close to 2 seconds.
Thanks!
Enjoy Birth recently posted..Other AWESOME questions to ask your care provider

Reply

28 melissa August 11, 2010 at 9:19 am

Didn’t know there was a caching plug-in… how awesome! Glad that sped it up!

Reply

29 Rachel {at} Mommy Needs a Vacation
Twitter:
August 10, 2010 at 11:30 am

You have the best tips. I love this new feature on your blog!!!!
Rachel {at} Mommy Needs a Vacation recently posted..My New Toy

Reply

30 Christina
Twitter:
August 10, 2010 at 1:05 pm

Stopping by from blog frog day 23. These are great tips! I love the website speed test. I was worried that mine was getting slow recently but the test said .29 seconds. I hope that isn’t too bad!
Christina recently posted..Stuffed Zucchini Boats

Reply

31 melissa August 11, 2010 at 9:20 am

Wow- that’s supa fast! I think they said 2 seconds and less was ideal. Nice going!

Reply

32 Andrea (Lil-Kid-Things)
Twitter:
August 10, 2010 at 1:31 pm

Thank you for putting this into words. I agree with everything you said but am one of those people who just looks at something and says yes I like that, but don’t really know why. I do know that I HATE music and auto-play ads on sites. Seriously people, NO more sound-invasions!
Andrea (Lil-Kid-Things) recently posted..BlogHer10- A Volunteer Perspective

Reply

33 melissa August 11, 2010 at 9:21 am

“sound invasion”– that’s EXACTLY what it is!

Reply

34 Lynda
Twitter:
August 10, 2010 at 2:17 pm

Wonderful tips. My load time sucks, I know it. Half my visitors are repeat visitors though and my bounce rate is around 58%, so I gotta be doing something right to make them not care. I’m going to take a look at some different caching plugins.

Double spaces after periods…. I am trying to break myself of the habit, but I’ve been typing for over 15 years and using double spaces the entire time. I type quickly and subconsciously. The only place where I remove the extra space after the period is Twitter, where every character counts.

According to all the style guides I’ve read, it’s not a no-no, per se, but definitely inefficient.
Lynda recently posted..How to Track Comments in Google Reader

Reply

35 melissa August 11, 2010 at 9:24 am

Yeah I’ve had a couple of other comments about caching plug-ins that make the site load faster. Seems like the speed isn’t an issue for ya though which is nice!

It took me a while to break the two space habit. I think I was forced more than others though since I write in my day job. I had to conform to the new standard whether I liked it or not as every professional publication/website uses 1 space now. Good thing I got used to it– old habits die hard!

Reply

36 Caroline Mukisa
Twitter:
August 10, 2010 at 3:14 pm

I’d read Daniel’s page loading article before but had done nothing. It was only after reading this post that I checked my site’s loading speed. Like the Enjoy Birth Blog I got my time down from 6 to 2 secs by installing a plugin. My poor first time readers! Thanks for the reminder!

Reply

37 melissa August 11, 2010 at 9:24 am

This is the second comment I’ve seen about a plug-in… didn’t even know they had that so thanks for the advice!

Reply

38 Jamee
Twitter:
August 10, 2010 at 3:20 pm

This is a wonderful article! It is so extremely helpful! But I have never heard of the single space after a period! I had no idea that changed! It will be a hard habit break! Keep these tips coming!

Reply

39 Audra
Twitter:
August 10, 2010 at 9:17 pm

Wow – I totally did not know about the double space thing! Thanks for this post. I admit, I love changing things up on my blog. I just feel like I haven’t quite gotten it right – even after almost a year.

Reply

40 melissa August 11, 2010 at 9:25 am

I think it’s part of the evolution of ours blogs– to keep tweaking and testing. Personally, I know there’s ALWAYS something I want to add or change on my blog– just lack the time to do it!

Reply

41 Sarafree August 10, 2010 at 10:53 pm

Very informative! I only just learned about not double spacing at the end of sentences from grad school. It is still a hard habit to break.

Reply

42 MainlineMom August 11, 2010 at 12:08 am

Whew what a great post!! Love it! I’ve put most of those tips into practice but the one I’m stumbling over at the moment is the commenting…I’m still using blogger comments. I’ve tried to switch to disqus but not success importing five years worth of comments yet. Any advice?
MainlineMom recently posted..WMFW – Basic Tips for Better Photos

Reply

43 Jamie
Twitter:
August 11, 2010 at 7:37 am

This is such a great series and I LOVE this entry. SO much stuff to think over. Thankfully, my site loads fast (I was worried about that).

Reply

44 Laura
Twitter:
August 13, 2010 at 1:18 am

Great post. It has inspired me to go back and have a look at my headings to see if they are consistent – I think I’ve introduced a few different colours/styles along the way.

I totally agree re double spacing. It’s not necessary these days!

I love really simple, crisp and uncluttered designs. Too much going on is a turn off. The other thing I love, something I don’t have on my blog is – inspirational high quality photography. Through the 31DBBB I’ve come across some blogs that use imagery to great effect.

Better go check my site load time! Thanks again for the tips.
Laura recently posted..Trusting the Ups and Downs of Life

Reply

45 Hanan
Twitter:
August 13, 2010 at 4:48 pm

Awesome tips, yet again! I totally agree. Im more attracted to clean sites with few bright colors. CLEAN! Love Momcomm!

Reply

46 Tina @ Life Without Pink August 13, 2010 at 5:00 pm

Great article! I agree if I go to a blog that has obnoxious colors, is cluttered with ads and logos and has music {gasp} then I click out as fast as I can. I love sites that are lean and simple and have great content.

Reply

47 Mad Woman behind the Blog
Twitter:
August 24, 2010 at 2:25 am

Where have you been all my blogging life? And why did I just go to a conference when I could have read you in my bed?

I’ve got some reading to do. Thank you.

Reply

48 melissa August 25, 2010 at 9:31 am

Haha! Well, I just started Momcomm Monday so you haven’t missed much! Glad I could be helpful (and cheaper than conferences). :-)

Reply

49 Eve August 26, 2010 at 8:33 pm

Great article! Wow, I’m in marketing too and I seriously had no idea about the whole ‘no double spaces’ thing!! Makes total sense though. I agree about color schemes; they’re so important. I’ve been browsing through oodles of blogs looking at which elements I’d like to incorporate into my new site, and I have to say I’ve found several that I just couldn’t keep reading due to contrasting colors. Thanks for Momcomm Mondays, can’t wait to see what’s new next Monday!

BTW I subscribed to you! :)
Eve recently posted..Oh Bumbo!

Reply

50 Melissa August 27, 2010 at 10:19 pm

Yeah it took me a while to get used to the double spaces thing! As for the colors, you’re so right. I especially have a hard time reading the really dark blogs with bright text.

Thanks for stopping by!

Reply

51 Kendra September 23, 2010 at 6:44 pm

I’m totally going to try out the whole site load timing thing. And a new comment situation. I’m not so fond of the whole blogger comment thing. Thanks for the help!!

Reply

52 Kendra September 23, 2010 at 6:45 pm

entered my website address to fast and now it says I’m phishing. sorry. ADD at its finest.

Reply

53 heidi @ wonder woman wannabe October 25, 2010 at 1:40 pm

Yes, great tips!

Now, I just read your ‘comment vomit’ post and I’m hesitant to even ask, but I’m really interested in your opinion about my blog design (so far…I’m always ‘tweeking’ here and there as I have the time)

IF you have the time and are interested in helping a girl out, I’d love your feedback.

Cheers!

Reply

54 Stacy
Twitter:
October 25, 2010 at 6:32 pm

Bright colors, patterns that make my head spin, music, and slow loading times are four things that will cause me never to return.

I love a simple design and light colors. I don’t mind bold colors in the header. I think that your layout is perfect, great colors and very professional!

I’m doing the best that I can with my free layout but I really can’t wait to get a professional one! The tips that you’ve given are the ones that I’ve been following to make my blog as professional and nice as possible.
Stacy recently posted..Share the Happiness

Reply

55 Brianna
Twitter:
March 24, 2011 at 3:17 pm

Once again, this was so helpful! Like I said, I’m new to blogging and a couple of other women from my writing group are also new to blogging so I did a post and linked to you so that they can benefit from your advice as well. Thank you.
Brianna recently posted..Just when I thought I had blogging figured out…

Reply

Leave a Comment

CommentLuv badge

{ 7 trackbacks }

Previous post:

Next post: