
How can you improve your blog design? Check out our 15 best tips
Blog design is a tricky ‘ol thing. What one person loves, another loathes so finding some tips on improving your blog design, that appeals to the majority of bloggers has been a challenge but I think I’ve got there.
In the following article I’m sharing 12 things you can do to your website or blog right now, to help improve its look and performance. These are things I’ve done many times myself and which are tried and tested.
1. Simplify Your Colour Palette
When looking choosing your branding and colour palette for your blog, a good rule of thumb is to choose 2 to 3 shades that compliment each other well. Any more than this and things will start looking messy and confusing, which isn’t great when you’re trying to be consistent.
Opposite colours on the colour wheel generally work nicely alongside each other. For example blue and orange as demonstrated by Blogging Wizard, work together wonderfully as opposite colours. Alternatively try choosing one single, bold shade and matching it with a neutral colour. Ashley from Mad Lemmings achieves this beautifully with a stylish Red, Grey and Black palette.
2. Declutter Your Sidebar
If you’ve got a standard content/sidebar layout on your blog, your sidebar is likely littered with cool widgets, banner ads, social icons and badges. While it might seem like a great idea to display these wherever you can, it’s only going to distract your readers from the real meat of your content.
When approaching my own sidebar I have a simple rule. If it isn’t beautiful and doesn’t help me or my readers, it gets removed. The last thing you want is people clicking away before they’ve read your latest update.
3. Clean Up Your Navigation
As with your sidebar, it’s important to ensure your site navigation is clear, easy to understand and more importantly gets people from A to B in the least amount of time. You want your audience to instantly know where they are on your website should they land on a random page, as well as how to swiftly move to other pages. If they can’t navigate your blog, they’ll just click on to the next one.
Many WordPress Themes these days include multi-level menus as standard. Utilise the power of these menus to organize your pages so they make sense. Keep your most important pages prominent on your Primary Navigation and order the rest of your pages into sub-menus to keep things clear.
4. Consolidate Your Social Buttons
There’s one thing that really gets under my skin when browsing other blogs and I can’t seem to shift the feeling of annoyance. It’s seeing multiple social sharing and social profile buttons and widgets all over the page. Sure I get that you want to encourage people to share your content and follow your profiles but sometimes you can go over the top!
Again, try to keep things simple. Use a social sharing plugin in your posts. The plugin I use is Genesis Simple Share, one that’s lightweight, looks good and which can be placed either at the top, at the bottom or top and bottom of your content.
Do the same for your follow buttons but then leave it at that. You don’t need multiple ‘follow me on twitter’ buttons or several bloglovin images. Going simple will put the same message out there, but save you space (and your readers a dazzling headache) at the same time.
5. Reconsider Your Ads
Banner ads are great if you’re making a decent amount of money from them. I even have one in the footer of this site, that links to my affiliate – StudioPress. I love their themes, use them regularly and so want to promote their awesomeness amongst my readers.
If you’re not making any money from your ads however, consider getting rid of them. Ask yourself a simple question to help you decide: Will getting rid of this ad dramatically decrease my income? If the answer is no, bin it. If it’s yes, keep it. Aside from earning you some pennies, ads encourage people to click away from your website – not something you really want them to do (plus most look awful!).
6. Customize Your Footer Credits
Scroll down to the bottom of this page and look at the text. Do you see it? The teeny tiny footer credits? By default your theme will normally display something generic in this area, taking up space you could be using for something else. Instead, why not use this space to display links to your privacy policy or to simply state your copyright information? How about a little message to people who by chance really look at that area?
In his recent post on his design blog, Brian Gardner shares a handy tutorial users of the Genesis Framework can implement to customize their site footer. For non genesis users, a quick browse in the WordPress.org forums will yield the instructions you’re looking for.
7. Optimize Your Images
Images are all the rage right now, and for good reason. They’re a great way to grab your readers attention and to deliver important messages. But how many of you really optimize your images for the web? When I say optimize I mean resizing and reducing the file size of an image, so that it loads quicker on your website.
For me, optimizing images is one of the best ways to make the images on my site look more uniform and thus more aesthetically pleasing, as well as increasing page speeds. I start with the image itself, reducing the width in pixels to around 800. I pin a lot of my images on Pinterest and so like to use taller images, however for featured images I tend to go with a height of no more than 500 pixels.
Once I’ve resized my image, I then compress it using either tinypng.com or tinyjpg.com depending on the file type. This removes any unnecessary elements from the image, giving you a much smaller file size. Most of the time you can expect a reduction of up to 80%! So it’s a practice that’s well worth doing if you want to reap those benefits.
8. Utilize White Space
The power of white space is really underestimated by many. It’s not simply a way to achieve a minimal, simplistic blog design, but a tool that allows your content to pop out from the page. As bloggers our most important content is usually our written word, but what’s the point of writing if those words are drowned out by garish colours and eye watering backgrounds?
Maintaining a good deal of white space in and around your typography, helps draw the eye to your words, filtering out potential distractions and providing an optimal reading experience.
9. Update Your Theme
I’ve redesigned quite a lot of blogs since launching my blog design services and there’s one thing I see over and over again. Out of date themes and plugins. People, please keep your themes, your plugins and your WordPress installations up to date! I can’t stress this one enough!
If your blog was Mordor, and the hackers were Frodo and Samwise intent on stealing your precious, they’d have been in and out in an instant and Frodo would still have all fingers intact!
Weird Lord of The Rings metaphors aside, keeping things up to date is one of the best ways to keep the hackers out. A blogger I worked with recently paid to have her blog designed. The designer installed heaps of plugins (most of which really weren’t needed and weren’t actively being updated anymore) and hackers gained access to her blogs and wreaked havoc. This happened to my client twice before I went in and cleaned everything out. So please, stay vigilant and stay updated.
10. Use Optimized Fonts
The typography of your website plays an important part in how it looks, reads and behaves. It’s great to experiment with custom fonts but sometimes those big curly letters do nothing for how readable your content is and can impact on your page speeds.
An article on Creative Bloq delves into some of the most popular free web fonts, including some of my favourites such as Open Sans, Lato and Vollkorn. Try restricting the fancier, script fonts to your headings and titles and add simpler, clearer fonts like Helvetica and Lato for the body font. For great font pairings take a look at the Google Web Fonts Typographic Project to give you some inspiration.
11. Be Choosy With Your Stock Photos
I’m pretty sure you’ve seen many websites using the same old, cliched, vacant-eyed stock photos to illustrate their content. Let’s face it there are plenty of these images available and they get the job done. But do you really want your website or blog to look as generic as everyones elses?
There’s no reason why you can’t have beautiful imagery accompanying your articles and you don’t even need to be a budding photographer to do so. Websites are literally throwing high-resolution stock photos at you, you just need to know where to look. Check out my post on free stock photo websites for a list of places that won’t cost an arm or a leg to use, or have a look at The Dollar Photo Club (using my affiliate link), an exclusive stock photo club where each image is only a dollar at a time.
12. Make It Responsive
The last bit of advice I’m going to leave you with is probably one of the most important. First let me ask you a question: are you reading this on your tablet? How about your smartphone? I ask this because I’m trying to make a point about the responsivity (is that even a word?) of a website.
More and more people are browsing content from mobile devices. This means it’s crucial that your website is mobile responsive in order for your readers to get the best experience. If your site doesn’t adapt, people are going to move on to the next one. It’s as simple as that.
To make this easy on you, look for WordPress themes that are fully responsive. StudioPress is a great place to look if you use the Genesis Framework, while Themeforest is also a wealth of functional premium themes, most of which are also readily responsive (affiliate links). If you use JetPack, the mobile site module will instantly make your website mobile friendly – this is really useful if you’re not keen on swapping out your theme for a new one.
Final Thoughts
Ultimately your blog design is your own business, however there are things you can do to make sure you get the very best from it. If you follow at least some of my advice, you’ll make some great improvements that your readers will secretly thank you for!
What would you add to this list? Let me know in the comments.
-
Ryan Biddulph says
We you practice what you cyber preach! Well done! White space, use plenty of it and goodness you do that better than any blogger I know. I have a naked sidebar save for a few travel photos, an eBook image and while I wrote this publish I decided to add, 1 ad, a book of the week for my readers because I have so many eBooks to share. Other than that I am all bare bones because let’s face it; adding stuff to your blog unless it’s beyond necessary usually leads to dead weight.
Great share with plenty of gems! Keep on inspiring!
Ryan
-
We says
Thanks Ryan! I’ve always really like your website for its simplicity – you’ve kept your colour palette simple and there’s plenty of whitespace. Also your blog wouldn’t really be your blog without the selfies
-
-
Ashley Faulkes says
Thanks for the mention We :> Glad you like the palette. Although I have been thinking of a change lately. No time unfortunately, too busy doing other people’s designs :>
But you have covered some great points here, across a broad spectrum of design and web best practice. Many of which are ignored. I must have lots of ads – no, it annoys your readers.
I need lots of crazy custom fonts – no you have to be sparing with your fonts, and they have to match :>It’s tough, which is why we do it for them :>
good stuff
ash-
We says
You’re very welcome Ashley – I love the way you’ve combined a bold font with a bold colour. It’s instantly recognisable for that.
-
-
Alyssa Francesca says
Hi We,
Really Awsome Post,it is help me to improve my blog design
Thanks For guide you blog is Superb.
-
Cherished By Me says
Great tips which I will definitely be implementing. I must start playing around with resizing my photos as I do use them a lot.
-
We says
I think resizing your images will have a huge impact on how your site loads. Just doing that one thing could help in a massive way
-
-
Samantha Rickelton says
Fab tips – thanks for sharing. Blog design is such a personal thing but these basic tips will definitely help people who are considering a re-design.
-
We says
You’re right there. It’s very personal and sure, my tips may not be everyone’s cup of tea, that’s perfectly okay. Hopefully though they’ll help as a rough guide!
-
-
charlotte says
I agree with everything on your list! I hate spending times on badly designed blogs and usually spend much less time reading
-
I totally agree with your list – especially about the social buttons and the ads. The thing I would ad for images is that you can get some great plugins to reduce file size (for self-hosted, or apps for your computer), speeds up the page load time so much.
-
We says
You’re absolutely right to mention the plugins Craig. Personally I prefer to compress and resize before uploading as I don’t like adding extra plugins I don’t really need, however it’s a great, easy way to optimize images if you’d rather not do each one individually!
-
-
Mitch Mitchell says
I’m going to comment on the items above that impact/interest me; what’s how I roll.
I know you’re correct about #2 and yet… I have stuff! Products, links to my other blogs, my picture (important stuff you see lol)… And I have this thing about balance, which means I need 2 sidebars. I tried setting it up so both sides stopped at the same point but it just couldn’t work, so I had to learn how to get over that.
For #6… I have no footers. Got rid of one off my main blog years ago because it had that advertisement in it from the people who created it along with something promoting credit cards, which was my biggest search term for almost a year until I figured it out. Too bad I can’t remember how to put it back but I can definitely say the bottom of my blogs is pristine.
For #7, either the link isn’t correct or they’re trying to sell the domain because when I clicked on tinyjpeg.com it took me to a site where, at the top, it says “buy this domain”. lol
For #8… no! lol Actually, I got the theme in ’07 and have been all over that bad boy over the years, making all sorts of changes. My issue would be in having to trust whatever someone else came up with for a theme because true design isn’t my thing. I know what I like but have no way of expressing it. Oh well…
Great stuff here; you know I shared it on Twitter already but knew I would be commenting… and this is it!
-
ghostwritermummy says
I totally agree about the ads and stock photos. I don’t personally have ads at all on my blog but have no problem with those who do- unless they encroach on my experience as a reader! And dodgy stock images are a no for me ‘I’m afraid! Great tips
x
-
Krystal says
Your design tips are fantastic – thank you so much. I am a massive fan of Genesis and Studiopress and I cannot imagine using anything else. Their designs have been so helpful in keeping my site clean and clear. My design definitely needs some tweaks though and I’m looking forward to getting it looking just the way I want
-
We says
Thanks Krystal! I totally get what you mean about Genesis. Every time I think of switching to something that’s not part of the framework, I always change my mind. I think I may be a little bit obsessed
-


Hi We,
Liking your ‘graceful’ design – its very clean and elegant!
These are all excellent tips for keeping your blog in good shape.
I like the colours you mention in Adam’s and Ashley’s blogs, and I try to do the same thing on mine with blue as main colour and orange as an accent.
And I like the note about the footer space – you may as well use it for something constructive and a relevant add-on to your content.
Thanks
– David
Thanks David, I’m also loving your use of colour on your own blog. Did you know that blue and orange also have really powerful psychological effects, which make them ideal for marketers and people providing educational topics? Looks like you’re on to something there!
Thanks We.