10 Blog Conversion Tips From Derek Halpern

Derek Halpern on SocialMouths This week I want to talk about blog conversion, the art of making your visitors take action whether that means spending more time reading your content, buying one of your products or subscribing to your email list.

There is plenty of content out there on how to convert your readers to subscribers and buyers and, if you take your blogging seriously as an integral part of your marketing, you’ve probably read tens or even hundreds of posts about the topic.

Me? I went to Derek Halpern for advice on how to improve SocialMouths. Derek is the author of SocialTriggers, where he writes about using psychology to help increase traffic and turn your visitors into loyal subscribers and buyers. He’s also the head of marketing for the famous WordPress theme Thesis. I first met Derek through a series of videos where he reviews sites for popular guys like Chris Brogan and from that moment I have been consuming his content, specially the newsletter.

So I wrote this post to share those tips, some have been implemented into SocialMouths’ new design and others haven’t but I still want to share them with you. The good thing is that these tweaks are not huge and they’re not hard to implement on your blog but, the impact is definitely significant.

Let’s dive right into it…

1 – Strategic areas for Opt-in forms

We’re not discussing the importance of building a successful list but, as I said last week, email subscribers are THE counter a blogger should focus on. For that reason, it’s very important to display clear and prominent calls-to-action and sign-forms throughout your blog.

Here are the main sections Derek recommends for sign-up forms:

Feature Box – The box between the site’s header and your content. Made famous by Thesis, is probably the hottest area of your site. Right here on SocialMouths, which runs proudly on Thesis, the feature box opt-in form is responsible for roughly 40% of email conversions.

Here is a great example on Lewis Howes‘ site:

Signup form on feature box

Sidebar

The top of the sidebar is probably the most obvious location for an opt-in form, specially on post pages. If you don’t have a Feature Box on your blog, it will most likely be your # 1 converter.

If you are running a Feature Box on your blog and you feel having an opt-in box also on your sidebar is too much, use it only for your posts and pages, where that Feature Box is not displayed.

Post

The bottom of your blog post is key. A visitor that reads your entire piece of content is most likely ready to take action, that can be simply navigating to a different page or post on your site, share the post, write a comment or more importantly, sign up for email updates.

The following example is from Derek’s site Social Triggers

Signup form at the bottom of your posts

Footer

Basically the same criteria of the post box is applied here, the decision of staying on your site is made in a split second, people will either abandon or give you a few more seconds to engage them. But the people that scrolls all the way down on your site are more likely to take action.

Footer email opt-in form

Resources

I’ll give you 2 recommendations here, the first one is in case you are shopping around for a WordPress theme, Marketers Delight by Alex Mangini is a skin that runs over Thesis and it’s highly optimized for email list building, featuring several options you can activate right from your dashboard.

And the second one, also by Alex, are the signup forms made available for free download on the Thesis blog. These are already designed forms you can use use with Aweber or Mailchimp and they come with easy to follow instructions on how to apply your code.

2 – Sidebar

The sidebar is often used by bloggers to accumulate all kinds of widgets, turning this piece of important real estate into a deposit for clutter.

The sidebar is important because in most blogs, no matter where you navigate, is one of the elements that remains visible. Sit down in front of your blog with a cup of coffee and dedicate an afternoon to reconsider each one of the elements on your sidebar, the criteria is simple, what does each one of these widgets do to your business.

Some of the items Derek recommends you should eliminate from your sidebar:

  • Badges – from rankings or associations you might belong to. You might consider if any of these badges really makes a difference as social proof, some people in the marketing industry for example, display the AdAge badge. I eliminated all of them and just recently added the Social Media Examiner Top 10 Blogs
  • Social Network widgets – A blog is the hub of your online marketing, the final destination, you should not be sending the traffic back out. If you display the number of followers or fans and this number is not significant, it could damage rather than serving as social proof

Must-have elements:

  • Your offer – whether that’s a newsletter signup form, a free whitepaper or your services, the offer should be clear
  • Relevant Content – Some kind of navigation for your most relevant content

Resources

Most Popular Posts is a free WordPress plugin that allows you to configure the criteria for how you display those posts, for example by a period of time or if you want to consider number of comments or pageviews.

3 – Eliminate the sidebar

Consider eliminating the sidebar completely in specific pages, specially where the objective of the page is to convert, for example resource pages, subscribe pages or a page where you sell a product or offer your services.

There are 2 main reasons for this:

  • There is nothing in your sidebar to support the conversion of the page
  • It reduces the noise and helps your reader focus on what you’re offering

If you have the possibility to display a different sidebar on specific pages, you can use it to add an element that supports that conversion, for example a testimonial.

4 – Resource Pages

This is important, even though I have not yet applied it in this blog. The concept of resource pages is basically to direct your readers to the most relevant content on your site. The thought of people navigating your blog using categories, tags and even the search function is obsolete and it often results on the reader not finding that relevant content on your site.

WordPress makes it very easy to highlight your recent posts but not the old content due of its chronological format. And I bet you have some relevant content buried in your blog.

I invite you to search a term on your site and see if the results are relevant, or even better, if that is the content you want your readers to find, specially if your blog is fairly new and you don’t have tons of posts. The same thing happens with category pages, your content is organized in a chronological order rather than relevancy.

Resource pages are created as a regular page and they’re based on the most important topics on your blog, in other words, you’re replacing a category page for a page where you control its content. For example, if your blog is about business and one of your main topics is business plans, chances are you have more than a few related posts. You should create a dedicated resource page for that.

Derek uses Ramit Sethi’s I Will Teach You To Be Rich to illustrate this example:

Blog Resource Pages

As you can see, Ramit gives you a little intro and a series of links to content on his own blog.

5 – Topical Navigation

This is also related to the previous point. A first-time visitor will usually land on a post, if this person didn’t find what s/he was looking for, a Topical Navigation might give you a second chance with that visitor.

This is why a blog should have the main navigation and a secondary navigation featuring resource pages.

If your design does not allow the second navigation or you don’t have the resources to implement this, a good way to do it is on the sidebar. You can actually make this more visual as Derek has done on his own blog but, you should make sure they don’t look like ads because they’re often ignored by visitors.

Blog Topical Navigation

6 – About Page

If you look at your traffic analytics, you will notice that visitors, specially news ones, will usually hit either the homepage or the About page after landing and reading a blog post. On SocialMouths, the most visited page after content pages is Who Is This Dude?.

This is why this page is crucial for your blog conversion. Derek recommends you structure the content a little like this:

  1. An introduction that sets expectations, what will your reader find here and how you can help them
  2. Email signup form
  3. About yourself
  4. Email signup form
  5. Social proof: Accomplishments and media outlets where have been featured
  6. Email signup form

It’s pretty clear that if your reader is going through this page is because s/he is almost ready to take a more serious commitment with your blog. If you feel 3 forms are too much, go with 2.

I also like to add contact information at the bottom of this page, since in my experience people don’t use contact forms.

7 – Negative Social Proof

I know I briefly mentioned this before but let’s elaborate a bit on social proof.

Social proof can be achieved with different vehicles on a blog:

  • Media outlets where you have been featured
  • Testimonials from influential individuals in your niche
  • A top spot in a ranking that’s relevant in your industry
  • High number of followers or RSS subscribers
  • And even high numbers in your sharing buttons (if you display counters)

Social proof is displayed on a site to show that other people trust you in that particular industry, it will make people feel confortable with you or your brand, however, if the numbers shown are not significant, they can damage your brand.

A good example of this is sharing buttons on pages. People don’t usually share or tweet your About page and showing your count when it has only 3 tweets and 2 shares really gives the wrong impression to your visitor. Even if we talk about numbers not being important all day long, everything has an impact.

Make sure your social proof has a positive impact.

8 – Categories, Tags and the Search Function

One of things I’ve seen Derek mention several times, and for some folks is a bit controversial, is that people do not click on Category or Tag links and, they do not use the search function either. I wanted to see this by myself so I ran several “move” and “click” heatmaps on my site, the result was this: I did not see one click on either category or tag links and not one soul came even close to using the search form on the sidebar.

As you can see they are completely gone from my site.

If you have something in your blog that nobody ever uses, it might as well be invisible.

Resources

Heatmaps are a great way to see how visitors behave in your site, how they move their mouse or where they click so you can work on improving its overall performance. Here are two services you can try: CrazyEgg and ClickTale.

Here is an example of a heatmap:

Heatmap report on SocialMouths

9 – Action Colors

Something as simple as the text on your content can often confuse readers. I’ve seen bloggers out there that play a lot with text styling like using different colors because they want a line to stand out.

You might be thinking right now that this is something too small to make any difference but, the problem is that if you are adding a link inside a post is because you want your visitor to click on it. That’s not going to happen if that visitor doesn’t identify that text as clickable.

You need two different kinds of text, your “Reading” text and your “Clicking” text. Your links should be a different color or underlined, if you’re using a different color for your links, try not to use that color to highlight other text in your post.

10 – Header Removal Test

And lastly, this is not much of a tip but a test you can do on your own. First impressions are everything, you all know there is a split second when a visitor lands on your blog for the first time to convince them that they are on the right spot.

In order to do this successfully, Derek recommends doing the “Header Removal Test”, which consists on imagining your blog without the header to see if your reader will understand what your blog is about without it and without scrolling below the fold.

Look at what elements below your header help communicate your message successfully. A good example of this could be a prominent topical navigation, as we discussed before.

I want to use Sean Platt’s blog Ghostwriter Dad as example because I think he does a great job with this. Here’s a screenshot of his blog without the header:

Blog header removal test

It’s pretty clear that his blog is about copywriting, self-publishing and content marketing. He’s accomplishing this without being too graphic.

Final Thought

How often do you look at your blog to find opportunities for improvement? Sometimes adjusting little details you might think are not significant, can make a huge difference in performance.

Also, don’t forget this is a testing game, you should not just apply things you assume are working for somebody else. Even though these techniques are pretty universal, meaning they will work in most niches, you should test what works best for you.

It’ll be great if you can comment on what’s working for you or what are you planning on testing next. Feel free to ask any questions or to completely disagree with the ideas shared here.

Again, you can find Derek on SocialTriggers and on Twitter or Google+.

Happy converting!

  • Great overview Francisco, new design is looking super clean by the way, you did a great job with it.

  • Great suggestions as usual.   Need to do a little work on the blog now!  Thanks for the tips.

  • Derek is awesome. I just started his first premium class, and it’s so very very worth it. 

  • Francisco,

    I keep coming back to your site, because I like the redesign so much: clean, balanced and setup for conversions. Oh yeah, and great content! What a solid model to follow.

  • Wow. This post is so full of ideas I can understand and put into action myself that I’ve already bookmarked it as a great resource! 

  • Great stuff, as always. Derek is fantastic and I’ve been following him for a while now.

    The redesign looks really clean, you did some nice work with MD2 skin.

    -Dev

  • This is only really detailed post, I like the resources Page, it’s one of my most converting pages, make it simple and clean so your visitors know what to do and where to go.

  • Hey  Devesh,

    As I told  @afrais:twitter  MD2 was a great help and big time saver, it really takes Thesis to another level. That’s why I’m recommending it.

    Thanks for stopping by buddy!

  • So great to see you here Sandi, thanks for stopping by…

    I’m glad you found the post helpful. Like I said, these are changes that are not that hard to implement, some might even sound too small but really make a huge difference.

  • And I love having you participate Craig.

    I’m glad you’re enjoying the content, if you have any recommendations for future posts, I’d love to get your thoughts.

    Thanks for the kind words!

  • I’m glad you liked it Gregory. BTW, I’m loving your blog man, I spent some time today reading.

    In case somebody wants to visit, Gregory writes a great blog called Sparring Mind, about blog psychology and content marketing. Here is the link: http://www.sparringmind.com/

    Thanks for your comment dude!

  • That’s what I love about it! I read a lot of posts that offer great tips and advice but written in a way that makes it hard for a non-techie like me to understand and implement. When I find something/someone that speaks my language…I’m all over it 🙂 

  • Dennis Paresa

    Francisco: great post! This is my first time to your site. I’ll be back! Thanks.

  • Welcome Dennis! I’m glad you found the blog… Hope to see you back.

  • This post is amazing, and has given me so many ideas. Just wanted to say thanks!

  • I just filled up a page on my to do list. I’ll be back to let you know how it all works. An amazing share…. thank you.

  • This guys from DIYTheme is becoming the next gen Seth Godin … his posts just rock.

  • Yes, great, actionable stuff here! I’ll let you know if I have any recommendations for sure, but for now I’m just looking through your great content.

  • Thank YOU Susan, and please do come back to share the outcome!

  • Great stuff Francisco. Actionable advice like this is very valuable. Of course, it doesn’t hurt studying Derek’s teachings. 

  • Dalipietarinen

    Thanks for a great and detailed review. Must share.

  • Rdopping

    Holy Francesco. Betcha haven’t heard that one before. Yes sir I am new here and I have made my way by way of that great connector Craig McBreen. I have to give him credit for leading me to a ton of great sites this one included.

    I plan to absorb these suggestions and the about page is huge for me right now as it has come up many times recently and mine needs some work.

    Thanks for sharing and I look forward to some great future banter. Thanks to Craig too!

  • He is almost ready to take a more serious commitment with your blog.

  • The box between the site’s header and your content.

  • These are great tips, thank you for sharing them.

  • Francisco, love this post!  I am now looking into heatmaps as a way to assess the effectiveness of my website.  I need to work so much more on my blog and you’ve given me some ideas already! Thank you, so glad I found you!

  • I’ve also been incredibly influenced by Derek’s approach. Following Derek’s approach has reduced the bounce rate on my site from 80 to 30 percent in two months. 

    Like the more effective look here too.

  • This is fantastic content Francisco. I’ve been looking for ways to redesign and become more active blogging. This article is just the kick-in-the-backend I needed to now move forward with purpose. Thanks for peeling back the curtain and letting us understand the process you followed. Much appreciated!

  • whether that means spending more time reading your content, buying one of your products or subscribing to your email list.

  • Great content is a starting point, but that might not be enough to keep a visitor interested or get them to convert.  It’s important to prove that the post that they landed on isn’t just a one shot deal, that you have been creating great content for awhile.  All of these suggestions convey that you can be trusted.  

  • Great post bookmarked! ..  to get more traffic from social media like facebook, twitter etc. check out 
    http://floatingsocialmediabuttons.com

  •  Here are the main sections Derek recommends for sign-up forms:

  • This week I want to talk about blog conversion, the art of making your
    visitors take action whether that means spending more time reading your
    content, buying one of your products or subscribing to your email list.

  • Great content. I always love Derek Halpern’s tips and tricks.
    I’ve already bookmarked this as a great resource! Thanks for sharing!

  • if you take your blogging seriously as an integral part of your
    marketing, you’ve probably read tens or even hundreds of posts about the
    topic.

  • One of your products or subscribing to your email list.

  • you’ve probably read tens or even hundreds of posts about the topic.

  • whether that means spending more time reading your content, buying one of your products or subscribing to your email list.

  • You’ve probably read tens or even hundreds of posts about the topic.

  • Your content, buying one of your products or subscribing to your email list.

  • heatmaps

    Just discovered your blog: great stuff ! I love it so much,
    that the greedy visual-data gnome in me wants more! http://www.clicktale.com/plans