B2B SaaS Blog Design: Building a Revenue-Generating Blog

Many SaaS companies put a lot of thought and effort into the design and optimization of their core pages (product pages, use cases, etc.) but less or no thought into how they should design their blog.

Both businesses that look at blog content as a step in education, as well as those that leverage their blogs for lead generation purposes often run into the following issues:

• Visitors pogo sticking back to the search results (a strong correlation to worse SEO performance)
• Visitors rarely filling out lead gen forms or clicking CTAs
• Poor engagement metrics, leaving the inability for proper retargeting campaigns

Across the board, blog content is by far the number one organic traffic acquisition method for B2B SaaS businesses, which leaves a huge opportunity for turning website visitors into customers.

Below, we’re going to share with you our exact framework for turning your SaaS blog into a conversion mechanism – the exact same framework we implement with our clients to get results like these:

---

The RTR Blog Design Framework

Let’s walk through step-by-step exactly how we build high-converting B2B SaaS blogs using a proven framework.

Using this framework, you’ll optimize for driving your users to the next logical action, improving your internal SEO optimization through internal linking, and getting better visibility across your revenue-focused content.

1. SaaS Blog Hub Page Design

The entire content experience is not only about the actual creatives and content pages themselves, but also the way you choose to design your blog.

The “blog” is your hub where all of your articles will live, which brings us to another point that a lot of B2B (SaaS) businesses miss:

The actual naming convention for the blog is up to you to define.

It doesn’t have to be boring, and conventional aka calling it the “blog”.

Sounds kind of circa 2007ish, doesn’t it?

The way you name your blog is another branding tactic that can help you to differentiate vs. everyone else out there, and choose a name that is more engaging and relevant for your audience.

Here are some ideas to get you started:

Some ideas include:

• Expert Advice
• [VERTICAL] Advice
• [VERTICAL] Tips
• Academy
• Library
• Learn
• Learning Center

Choose to be different, and stand out in a most likely crowded space – this is the first step in doing so.

Organize Categories by Visitor Intent

Titling your categories by reader intent ensures that you provide a clear direction and path for them to dive deeper into additional content.

If you have multiple buyer personas, the category should speak directly to them with only relevant posts and content that pertain specifically to them.

Categorization is also a great way to build structural relevancy to silos of content:

Add Search Functionality

Search allows visitors to easily find relevant content.

Even with proper categorization, as your content library grows it can be difficult for visitors to find a specific topic they’re looking for.

Adding search functionality to the blog homepage will allow them to easily find and get to what they’re looking for – cutting back on visitors leaving and bouncing for other options.

By adding search to your hub, you’re allowing for a better user experience.

Carve Out Space for Pillar Content & Popular Posts

There are two core sections to have on your hub page:

• Display of most recent posts
• Display of hand-picked content, i.e. “Most Popular” or “Top Picks”

Displaying the most recent posts will ensure you’re not burying new content, and hand-picked content will allow you to push users to important content based on their current category.

Just as with how we suggest to link to pillar content from the homepage (rather than linking to most recent content, like many companies do), this will provide further internal linking to these pages, as well as get eyeballs and visibility on the most important content.

2. SaaS Blog Post Design

We’ve covered the actual place where we will be housing all of the content, but what about best practices for the articles themselves?

Here’s what we find important to building winning content that actually converts:

Credibility Above the Fold

Building trust is always important, even when it comes to content.

By adding an author bio above the fold, you’re able to build trust using a photo and even quick author bio that created the content and to position them as an expert on the given topic.

Additionally, it’s important to also add details on the publish date, as well as a last updated date (if applicable).

Engaging Heros

Hero images help to provide context against the title, and also are important for users navigating and hitting your content from the blog homepage.

Keeping SEO in mind from a performance perspective, hero images should be:

• Desktop: Roughly 1600×500
• Mobile: 800×1200

Slow-loading images that are too large in size, or low-quality images cause for users to bounce back to the search results and skip engaging with the content altogether.

Article Content Showing Above-The-Fold

Leading into the next point of why hero image size matters – we want to display the start of our content above-the-fold, roughly at the minimum one-third of the way to the bottom of the page.

Visitors are here for the content – and it’s our job to first provide them with an engaging hero, title and credibility – while then leading them into the content itself.

Left-side bar

There are two common scenarios when it comes to sidebars in SaaS:

• They get left out altogether, along with in-content CTAs
• They’re over-crowded with multiple CTAs, links to templates, relevant posts, and other resources

Both of these scenarios result in a poor experience, and poor results when it comes to conversions.

So what works best, and what do we recommend?

Table of Contents

Adding a floating table of contents is a great way to allow users to easily skip to sections of your content most relevant to them.

Not everyone will use it, but some individuals prefer to skim and skip to sections, so if we can provide for that – we’re upping our user experience.

The table of contents also has value from an SEO perspective, as it can allow your content’s table of content anchors to rank underneath the article in the SERPs.

More space taken up in the search results = win.

Social Sharing

By making sharing your content easy, the more likely it’ll get shared – more eyeballs, more links, and better performance.

We want to make it as easy as possible for users to share by adding a floating sidebar that shares directly to platforms important to our visitors.

Which platforms are most important to your target demographic? Keep it simple, and cut the clutter – generally, three maximum platforms.

Right-side bar CTAs

The right-hand sidebar we generally recommend to use to push users towards one singular action.

• Newsletter sign-up
• YouTube channel views
• Webinar sign-up

Again, we want to avoid cluttering up the right-hand CTA with too many different actions and keep it simple.

Blog Content

A handful of SaaS businesses get the content-side right – i.e. crafting content that actually generates revenue.

But most truly fail at the design component covered in this article.

We won’t be covering specifically content in this article, but we do have a framework if you’re interested in learning more on the content-specific side.

CTAs

Your call-to-action should be:

• Relevant
• Engaging, i.e. visually compelling
• Crispy, with a headline + value prop

Many businesses don’t include CTAs in their content and throw out the idea of content creation because it didn’t generate any micro conversions.

If you don’t ask, or get it infront of the visit – they won’t convert.

Engaging Creatives

Here’s the next big miss – actually creating compelling visuals to go with your content.

You can’t expect:

• Backlinks
• Shares
• Engagement

If you don’t take the time to create accompanying visuals.

Visuals help to drive user engagement and bring together your content + design for a stand-up user experience.

If you’re not going to put the time and resources into the visual side, I’d almost recommend not embarking on this journey – as you’re likely setting yourself up to fail.

Blog Footer

Always be closing with your relevant call-to-action.

If users made it to the bottom, they likely enjoyed the content if they kept reading – and quite frankly, even if they skimmed it.

Show them what the next step is, and drive them to action.

Additionally, including other relevant content that they’d like is also a great idea.

We recommend up to three relevant (not recent) pieces after your content and CTA to keep them on their journey.

Wrapping up thoughts on B2B SaaS blog design

Content is half the battle, and design is the other half.

Designing a winning B2B SaaS blog that drives right-fit traffic and converts doesn’t have to be difficult

Lead with the user experience in mind, and build a truly awesome “blog” – and hopefully, you remember to differentiate, and choose another naming convention.

If you’re able to take and implement this framework, combined with revenue-driven content – you will see results.