Why Content Formatting Can Hurt Conversions (and What to Do About It)
Why Content Formatting Can Hurt Conversions (and What to Do About It)
If you’re reading this, then you’re likely not the person in charge of writing content for your WordPress sites. You may not be able to dictate how much content is written for a site or the actual words used by the writers, but you can finesse how it’s structured and presented.
Proofreading your blog posts for style is just as important as the content itself. While you should expect quality messaging from your writers, you shouldn’t always entrust the aesthetics to them.
When content is well-thought-out and well-phrased, visitors will want to stick around to read it. However, if the content on your site has been crafted with overly long paragraphs, missing header text, or the imagery distracts from it all, you might be hard-pressed to find visitors willing to give it a read in the first place.
Dense writing is highly intimidating to the visitor that is short on time and patience. This is why content formatting and layout matter a great deal if you hope to convert visitors with your content. In this post, I’m going to look at 9 content formatting factors you can use to greatly affect your WordPress site’s conversion rates.
9 Content Formatting Factors that Affect Conversions
A poorly formatted page can easily scare off visitors who don’t have the time or patience to read full-bodied paragraph after paragraph. With your bounce rate likely to increase as visitors debate whether or not the aesthetics are worth looking past, search engines will take notice and your site will be penalized in kind.
Think about content with lots of descriptive headers, shorter paragraphs, and fun, relevant images scattered throughout. A well-formatted page presents a more welcoming experience for visitors, which, in turn, motivates them to stay on the page and your site for longer–behavior which the search engines love to see.
If you haven’t spent a lot of time styling content on a WordPress site before or you’re simply curious to see a side-by-side example of how good and bad formatting look, check these out:
This is Shep Hyken’s blog:
And this is Neil Patel’s blog:
If you were given the two and asked to read only one, which would you be more inclined to peruse? Probably the one with bountiful white space, well-chosen images, and cleanly-styled text, right?
That’s not the only reason why content like Neil Patel’s would win out over those styled like Shep Hyken’s. Here are the 9 factors you need to think about when structuring the layout and applying formatting to your WordPress site’s content:
1. Title or Headline Length
Let’s start at the top of the page: the title or headline. For the most part, all of the content on your site–including the home page hero image, blog posts, case study pages, infographics, videos, and so on–will require a headline. The ideal length for which actually boils down to either 6 words or 55 characters.
If you don’t feel like counting every single page or post title on your site, you can use the CoSchedule Headline Analyzer tool to do it for you.
2. Sentence and Paragraph Length
One thing you shouldn’t worry about is the length of the content on a page. You’ll find plenty of rules about what the ideal page length is, though, what the experts have found is that this differs for everyone. Instead, you should focus on the smaller units that comprise the page. In other words, look closely at your sentence and paragraph structure.
As a general rule for sentences, don’t focus on word count, per se. Instead, pay close attention to how many lines they take up. If a sentence has exceeded two lines, then it should be broken up.
Another point worth mentioning here is about line length. Be sure your site is configured to hold the right amount of content within each line. Researchers have found that readers prefer shorter line lengths, so your lines should ideally hold no more than 50 to 75 characters.
As a general rule for <paragraphs, don’t worry about how many words are in it. Instead, aim to make each paragraph fall between two to five lines. As you can see in the Neil Patel example above, he often uses two-line paragraphs. For non-sales and marketing writing, however, it makes more sense to follow a traditional paragraph structure containing four or five lines.
Here’s an example from TechCrunch that does a good job with paragraphs, although it has a tendency to run a little long with sentences:
Of course, don’t become so rigid about sentence or paragraph length that each one becomes uniform in design. This isn’t about adhering to a tight formula (aside from the line length), so feel free to mix it up.
Perhaps one paragraph is a single sentence and maybe the next paragraph will have three longer sentences. Keep it interesting, but be mindful of the effort you’re asking visitors to make when reading it.
3. Header Structure
In the Shep Hyken example from above, you’ll notice that the section headers for that post were present (sort of). They were just incredibly difficult to find as the writer also used bolding for emphasis within the paragraph text and, in so doing, created an overwhelming amount of bolded text in general.
Here is that same blog post, only this time I’ve highlighted the missed opportunities where he should’ve used HTML header tags (yellow would be H2 and orange H3):
Now, here is that same post, reimagined with the proper header tags in place:
That reads much more nicely, doesn’t it?
To execute this type of stylization, be sure that each page of content is broken up into logical and related chunks and that each of those chunks receives its own sub-headline. This serves two purposes. It will break up large amounts of text in order to improve readability. It also creates a hierarchical system that enables visitors to skim through headers and see if the “story” is one they want to take the time to read.
4. Bulleted or Numbered Lists
Another way to break up the intimidation factor of a lot of content is to use bulleted or numbered lists. If you’re comfortable making this kind of change on your own, simply look for parts of the content where lists are written in sentence format.
1.6 million WordPress Superheroes read and trust our blog. Join them and get daily posts delivered to your inbox - free!
I enjoy driving to the beach because it gives me a chance to catch up on podcasts, call my mom to see how she’s doing, and treat my dog to a fun car ride.
Could be written as:
I enjoy driving to the beach because it gives me a chance to:
Catch up on podcasts.
Call my mom to see how she’s doing.
Treat my dog to a fun car ride.
It’s the exact same message, but there’s something more appealing about reading a bulleted list–almost as if it speeds it up.
5. Table of Contents
For excessively long pages that contain information your visitors might not need to read all at once–like a training manual or other technical guide–use a table of contents. This enables them to pick and choose the sections most relevant to them instead of having to scroll through the page to find them.
The WordPress Codex is a good example of a site that uses this content formatting tool correctly:
6. Text Alignment
In general, you’ll want all the text on your website to be left-aligned.
Right alignment creates too much work for the reader as their eye doesn’t have a predictable spot on the left to move their eyes back to upon completing a line.
Center alignment may be okay for very small bits of text (like headlines), though it suffers from the same problem as right alignment.
Justified alignment might appear more professional as it avoids the ragged right side that comes from left-aligned text. However, justified content has a tendency to create too many gaps–usually inconsistently too–between words. Ambrose Designs demonstrates this point nicely:
It creates a more uniform appearance in the edges of the text, but it creates many irregularities within the content.
7. Typography Sizing and Spacing
There’s been a lot of research on the science of typography and how our eyes respond to it. Needless to say, there are many rules to abide by if you want to ensure that your content is fully legible.
Here are the main rules to remember:
- Use either a serif or sans serif font for the main content.
- At minimum, your font face should be 16 points.
- Spacing between words and letters should never lead to more than 15 words on the same line.
- Avoid using all-caps text when possible as it takes up about a third-more physical space than lowercase text, which makes for slower reading.
8. Visual Breaks
While you can improve readability of text with headers, bulletpoints, and shorter sentence strings, you can also give readers a break by infusing your content with imagery. Just be careful. According to Kissmetrics, you have to be just as mindful about the layout, formatting, and placement of imagery as you do the written content.
WPMU DEV has some nice examples of how to include relevant images within content:
Basically, think of your WordPress site’s visuals as an extension of the words written alongside them. They shouldn’t veer off into the gutters or create awkward breaks in the reading experience. And this rule goes for any sort of visuals you use on the site:
9. General Layout
Now that you have a better understanding of the more minute factors that increase readability and, in turn, conversions on your WordPress site, you can look at the bigger picture: the layout. While there is no one tried-and-true formula for how a page should be laid out, research has demonstrated that certain layouts are more effective than others.
First, think about how the usage of a sidebar alongside your content might help or harm the conversion process. Of course, the results are different for everyone, though there is an underlying logic to it: use a sidebar when it’s absolutely needed. A blog is one of those such places. Outside of that, though, it’s up to you.
And, of course, you have to think about how you lay out and style your content for the mobile experience. Most of the guidelines above pertain to the desktop experience since that was the standard for a long time. For information on how to style your mobile content, read Rachel McCollin’s guide on how to make any responsive WordPress site mobile-first-ready.
One other tip to keep in mind when it comes to general layout is to maintain consistency throughout the site. By establishing a set rhythm within your content, it will be more inviting to readers as they know what to expect. In other words, instead of spending time trying to readjust to a new page’s format, they can just focus on what the content says.
In general, when it comes to content layout and formatting, it’s best to err on the side of simplicity and logic. It may seem like the boring choice, but the more intuitive you make the experience, the more likely your visitors are to read the content. And that’s the bottom line here. You can dazzle them with a stunning web design and you can impress them with a brilliant turn-of-phrase, but styling the content on a page is not the time to get creative.