Testing Your Blog Design to Increase Conversions

For some reason, we’ve reduced “conversion” to mean visitor’s opting in to an email list or buying products from specific pages. Why?

Isn’t a “conversion” when your visitor takes any desired action on your site?

Wouldn’t that mean “sharing” or “leaving a comment” could also be considered a conversion in addition to subscribing and buying things?

We are told, “every page is a landing page.” We are also told to design landing pages to be unique with a single intention… yet we force content into our blogs so that it all looks & feels identical.

As it is right now, I write a post and hope that people leave comments. I hope that people share, but without any subtle design cues that there is a preferred action - design wise, my blog posts lack purpose.

On the verge of a website redesign, these are the thoughts and questions that keep me up at night.

Not wanting to invest thousands into development without testing my design theories, I’m using landing pages to test blog designs that are focused on each conversion type. That way, when it is time to invest in a new blog, I’ll know exactly what’ll work best.

The Four Types Of Content Marketing

To understand my design philosophies, you should first understand how I write. First and foremost, I am a content marketer.

But I’m not one of those “Know, Trust & Like” content marketers. Marketing – at it’s core – is about testing creative, measuring results, iterating on successes & learning from your failures. Being trust worty and honest in your creative are useful tools, but they’re not the end goal.

No analytics platform I can think of allows you to measure the amount of “Know” acquired from a piece of content.

However, what we can measure are the following:

  1. Social Shares – (Viral Content)
  2. Comments – (Discussion Content)
  3. Email Optins – (Lead Content)
  4. Sales – (Sales Content)

Since I’ve started focusing my content to meet one of these four conversion goals, I’ve experienced a significant lift for the desired conversion. This is likely because each content type also corresponds with different aspects of the marketing funnel.

  • Viral = Awareness
  • Discussion = Consideration
  • Leads = Conversion
  • Sales = Loyalty

Using this framework can help you set up quantifiable success metrics around nearly every piece of content you create, helping you become a better “content marketer.”

Incorporating these principles into design (rather than just focusing on the writing) takes this framework a step further and bakes intention into nearly aspect of your site, not just on the pages meant to get leads and customers.

1. Designing For Viral Content

If I engineer a piece of content to get shared, why should I visually package it the same as every other piece on the blog? Shouldn’t there be a slightly stronger emphasis on social sharing and does design play a role in that? Expanding reach is important, so by having the visual packaging of that content do that for me maximizes my promo efforts.

As an example of this in action, here’s “4 Facebook Advertising Techniques Every Marketer Should Know.”

This page is pure, actionable information, but it doesn’t leave a whole lot of room for conversation beyond “Great Post!”.

Instead, it’s soul purpose is to be shared, so I wanted to incorporate design elements emphasize that point.

Custom calls to action at the bottom of every article

The most blatant example of this is when you reach the bottom of the article. Rather than use the same “sign up for updates” email opt in, I’ve included a customized call to action for the article to be shared.

social shares

It’s important to note that with each “viral” piece, this call to action area will be customized to break expectations & reduce “ad blindness”

Micro-shares embedded throughout the content

Understanding that the web is becoming more and more visualuseful screenshots, infographics, and video contain share buttons with micro calls to action.

For instance, here’s a screenshot from the “How to Target C-Suite Executives” section from the Facebook Advertising article I was talking about earlier.

C Suite Target List

Instead of relying on whatever image you put at the beginning of an article, why not let all of of the images work together as a promotional team?

This is part of how “Growth Hacker”  Dao Nguyen has grown Buzzfeed & how other growth hackers have accelerate some very popular ventures.

If you wanted to make images easily sharable on your own blog, you could use a service like Marker.ly to make that happen almost right away.

Oh, one more thing:

Y U No Let Me Comment?!

Something else, which may seem counter intuitive, is that I purposefully did not include comments at the bottom of the article. This is for a few reasons.

First, the purpose of this article is to be shared and to inform, not pull comments (most of which would be “Great post!” anyways).

Second, from what I’ve experienced, there is a certain level of attrition that happens with blog comments.

Conversation doesn’t go on forever and there’s a certain “late to the party” vibe that comes from seeing old comments if you’re visiting a blog for the first time.

With this kind of content, it just makes sense to get rid of them all together.

I would much rather focus on having that piece of content spread, than splitting the viewer’s attention.

But, just in case someone does want to ask a question, or give some other form of feedback, there is a subtle “If you have any questions, email me” link before the main call to action.

if you have any questions

What I’m Testing

Of course, like with any landing page, this will be an ongoing testing process.

Being one person on a limited budget, this is why I’m using Unbounce to test & tweak until I know what works best. That way, when I hire a developer to fully code the blog, I’ll already know what I’ll need to bake into the site to make it grow without my assistance.

With the call to action at the bottom of the post, I’ll be testing new button images as well as including “Share by email” “Grab link” “Stumble” & “Reddit” links.

With embedded images, I’ll test adding additional image heavy social networks like Pinterst & Tumblr to the share options, as well where I position the buttons on the image.

I also test adding share buttons to light-boxed images to  see if that makes any improvement in the virility of that image content.

oracle social shares

I may also experiment by adding a triggered light-box when the visitor gets to the bottom of the article, similar to what Upworthy does when a video ends.

social lightbox

2. Designing For Discussion Content

On the other hand, we have Discussion Content.

Discussion content is meant to be thought provoking, inspiring, bewildering, whatever. The primary point of this type of content is of course start a conversation.

Something I believe is broken with the typical blog is that you must scroll to the bottom of the post to leave a comment.

When I read a thought-provoking article, it’s individual lines or thoughts that compel me to comment, not the article as a whole.

But to comment on a single line, I have to highlight the line, scroll down, paste, leave my thoughts, click submit, wait for the page to reload, then find where I left off. How incredibly distracting.

I’m not the only one who believes this is a problem either.

Forward thinking websites like Medium use a commenting system that allows visitors to leave their thoughts on individual paragraphs.

medium

Filament.io (Digital Telepathy‘s incubator) is also working on a project called Highlite that proposes to put comments on the side.

Filament.io

Both of these are perfectly viable solutions, however, personally, believe commenting on individual paragraphs is overkill, and while I really like what Highlite is doing with their sidebar conversation, I wish their comments used persistent navigation techniques.

With the discussion content on my site, I’m doing just that.

As you scroll down the page, the comment box floats on the sidebar and follows you as you scroll down the screen.

persistant comments

My hypothesis is that by having the comment box be persistent, the visitor can quickly respond to snippets within the article, without having to be completely taken away from it.

You might also imagine this will improve the overall time on site for these pages, because there will essentially be two conversations happening, the one I spark with the article, and the ongoing one visitors have with each other on the sidebar.

What I’m Testing

Though these pages aren’t fully live yet, I’ll test seeing if the sharing of these pages goes up by adding social icons directly above the comment box.

Because Facebook’s comment box already allows for optional publishing to the social network, I’ll be interested to see if adding Twitter, Google+ and Reddit buttons will extend the conversation.

Also, in split test versions of this page, I’ll be using different comment systems, like Disqus & Livefyre to determine which (if any) will drive better conversation.

What All This Means To You

So, you’ve sat here and read all about what I’m doing, but what does this mean for you?

3 things:

  1. Start thinking about ways your existing website can start working with you.Whether it’s using Markerly, embedding tweets, polite light-boxing, or something else entirely – give your blog a function beyond just being standard packaging for everything you produce.
  2. Even if you’re not putting your comments on the sidebar, you recognize the difference between content intended to be shared and content meant to be discussed. Stop trying to produce content that tries to do everything all at once. This concept alone can help you focus on how you create better content, and can improve your presence overall.
  3. Everything is a test. If you’re on a budget, and don’t have an on call developer, it’s better perform tests in flexible, lower risk environment (like Unbounce) before investing several thousands of dollars on development, which may not be fully optimized.

Once you get the budget, take the best elements from those tests, and work them into the final design. But for the love of Pete, don’t go into development without having data to back up your new design choices.

Other than that, I’d love to get your thoughts on everything we’ve discussed here, and how else it could all work for you. Any ideas or comments on how you can ramp-up your site by testing your blog design? Are there things in here that you’re already doing, or do you think I’m just full of crap?

Sound off in the comments below, and lets see if we can start making a better internet together.

– Tommy Walker


About The Author

Photo of Tommy Walker

Tommy Walker is an online marketing strategist, show host, and prolific guest blogger for sites like Unbounce, ConversionXL, Smashing Magazine & more. He specializes in highly effective, counter-intuitive approaches to online marketing, and seeks to expand your thinking on what's possible with online content. Check out his approach on guest post landing pages, and get a free copy of The Top Ten Content Marketing Strategy Mistakes by clicking here.
» More blog posts by

Comments

  1. Mr.White says:

    Amazing concept. i must say you have vast knowledge of writing a blog.

  2. Pam says:

    Great post. But one broken link: 4 Facebook Advertising Techniques Every Marketer Should Know goes to http://relaunch.tommy.ismy.name/optimize-facebook-ads/%20rel=%22nofollow%22/ with the message “The requested URL /optimize-facebook-ads/ rel=”nofollow”/ was not found on this server.”

  3. nagababu says:

    Concept is very good but it is little bit lengthy.If this post is published in two parts it is easy to read.Anyway it is the best article to increase the website performance.

  4. The most design i’ve ever done with my blog is changed it’s theme/layout. I used to have a pretty good looking Blogger blog, but it got suspended for no good reason. 150 hits a day gone instantly. Now i only work with WordPress, and the blog design is simple, but i like it. And it gets me the traffic i’m looking for.

  5. Lucy Beer says:

    Love this post since it’s a topic people really don’t think enough about – making informed design decisions based on actual testing! One thing I would add to this mix, which I guess is less of a design issue and more of a general business issue, is really the focus on commenting. I know people love to get comments on their posts, but does it have any impact on the bottom line, or is it really just to provide a type of social proof to site visitors?

    • Tommy Walker says:

      From what I’ve noticed about comments is that, if you’ve started a good discussion, you can get people thinking, and if you get the right person thinking, you can indeed reach a monetary goal.

      However, I think focusing on comments, not for everything, but for actual pieces designed to spark discussion, is a part of a longer process.

      Think of it like this. First, I write a piece that gives a ton of information. Here’s a detailed guide on how to do this thing, right. Usually, with these kinds of posts, there isn’t a whole lot of room for conversation.

      But the followup post, that could be something where you say, “Hey, now that you know how to do it, what was your experience with doing it? How could you do it better, differently… etc?”

      Being part of a longer process, you build in room for relationships, and create a real journey for readers, vs asking them to comment every single time. Make sense?

  6. AWESOME post Tommy! I’m a testing addict myself, and love these ideas. Posts like this are too rare, people should be trying to change the world wrong with their a/b tests! My favorite part of the post – you totally left me hanging… I’m going to HAVE to subscribe to your blog now, if I ever want to see the results of these tests :)

    • Tommy Walker says:

      Hey thanks :-)

      I’m really trying to push those boundries of what’s possible, and introduce something new :-) And the only way to do that is to test, add, subtract & iterate :-)

      Your blog looks awesome, btw. Can’t wait to dive in!

      • No problem, thanks for pushing the boundaries! Can’t wait to see the results and start testing these things on my site (thanks for checking that out, btw!)

  7. FYI – the 2nd link in your author bio is broken. (“The New Rules of Social Media Marketing”)

  8. Aman Bansal says:

    Hi Tommy Walker,

    You have posted such a fantastic article for those who doesn’t understand the importance of blog design and development which is the basic component of online marketing.

    SEO, content, e-mail marketing all comes after the design of website. We must consider all above points to have a good site and run a successful business online. :-)

    Keep in touch.

  9. Testing, testing and testing..It’s what gets us something that really works and something that doesn’t.
    And remember to always put opt in form when you are designing your blog!

  10. Adam says:

    Yes, testing, but testing the new viral content and method to share it through social media. That’s in my opinion the way to success like did it Neil Patel

  11. Tom Southern says:

    Hey Tommy! You’ve certainly got the conversation going here! Loads of useful and insightful info. broadening out the concept of Conversion. You’ve opened up the concept of the blogger/reader relationship in that it’s not just about numbers. It’s about 2-way communication and supplying wants and needs of readers as well as bloggers.

    I think this is something a lot of bloggers forget: Attracting readers isn’t just about serving your own interests. You have to weave yours with your audience’s, while focussing mainly on theirs.

    Which leads me onto a 5th measurement: actually getting readers coming back regularly. I wonder if this measurement is what the other 4 you highlight all hang on.

  12. Thanks for the ideas, Tommy. I’m testing a bunch of things on my blog right now and you’ve just doubled the size of my to-do list. In a good way :)

  13. Excellent piece Tommy, thanks for putting it together. I had been looking into A/B testing but I particularly liked your ideas of different post templates for content with different aims.

    I’m thinking I’ll make new wordpress templates for each specific purpose, to make the post come out with the relevant boxes and automatically turn comments on or off. IE have a pod on the post authoring page that lets me choose the “purpose”, and change the display and permissions behaviour accordingly when you save the post.

    I’d be very interested to find out the results of the testing you’re doing, especially with regards to this purposed content idea and the floating comment box.

    • Tommy Walker says:

      that sounds incredible! I’d love to hear the results of your test, and I’ll be very happy to share mine.

      So far, everything is looking much better :-)

  14. Nice post. I learn something new and challenging on sites I stumbleupon every day.
    It’s always exciting to read content from other authors and practice something from their websites.

  15. Asher Elran says:

    I agree that everything on your blog should be a test. If you design you blog once and never take the time to figure out what can be improved you would be missing out on a lot of potential customers. I also like your idea that “every page is a landing page.”

  16. surbhi233 says:

    Hi, Thanks for sharing such a wonderful piece of information. EBriks will with efficient marketing tools and techniques that can Increase conversions rates within a short span of time.

  17. This site is a leading resource for information about the Jim Yang Children Learning Reading PDF book and complete reading program that uses phonemic awareness and fun, engaging rhymes and stories to teach your child superior reading comprehension.